This is an automated email from the ASF dual-hosted git repository.
hiedra pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new eb4f503ff7 JewelTheme: Secondary theme for Jewel radiobutton
eb4f503ff7 is described below
commit eb4f503ff725f3503d894ebc63adccf045399013
Author: mjesteve <[email protected]>
AuthorDate: Sun May 18 00:12:33 2025 +0200
JewelTheme: Secondary theme for Jewel radiobutton
---
.../sass/components-secondary/_radiobutton.sass | 44 ++++++++++++++++++++++
1 file changed, 44 insertions(+)
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_radiobutton.sass
b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_radiobutton.sass
index 9016e3a13f..421694c6a9 100644
---
a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_radiobutton.sass
+++
b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_radiobutton.sass
@@ -20,3 +20,47 @@
// Jewel RadioButton
// RadioButton variables
+$radiobutton-secondary-svg-checked: encodeSVG("<svg viewBox='0 0 22 22'
version='1.1' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='22'
height='22' fill-opacity='0'/><circle fill='#{$secondary-color}' cx='11'
cy='11' r='6'/></svg>") no-repeat center center
+$radiobutton-secondary-svg-checked-disabled: encodeSVG("<svg viewBox='0 0 22
22' version='1.1' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0'
width='22' height='22' fill-opacity='0'/><circle
fill='#{darken($disabled-color, 15%)}' cx='11' cy='11' r='6'/></svg>")
no-repeat center center
+
+.jewel.radiobutton.secondary
+
+ // -- INPUT
+ input
+
+ + span::before
+ @if $flat
+ background: lighten($default-color, 15%)
+ border: 1px solid $default-color
+ @else
+ background:
linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
+ border: 1px solid darken($default-color, 15%)
+
+ + span::after
+ background: $radiobutton-secondary-svg-checked
+ border: 1px solid transparent
+
+ &:focus + span::before, &:checked:focus + span::before,
&:checked:active:focus + span::before
+ @if $flat
+ background: lighten($secondary-color, 25%)
+ border: 1px solid $secondary-color
+ @else
+ background:
linear-gradient(lighten($secondary-color, 30%), lighten($secondary-color, 20%))
+ border: 1px solid darken($secondary-color, 15%)
+
+ &[disabled]
+
+ & + span::before
+ background: $disabled-color
+ @if $flat
+ border: 1px solid $disabled-border-color
+ @else
+ border: 1px solid
$disabled-border-color// .094em
+
+ & + span
+ color: $disabled-font-color
+
+ & + span::after
+ background:
$radiobutton-secondary-svg-checked-disabled
+
+
