Warning, /plasma/breeze-gtk/src/gtk4/widgets/_spinbutton.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8"; 0002 0003 /***************** 0004 * GtkSpinButton * 0005 *****************/ 0006 spinbutton { 0007 text { 0008 @extend %entry; 0009 0010 border-radius: 0px; 0011 } 0012 0013 &:not(.vertical) { 0014 // in this horizontal configuration, the whole spinbutton 0015 // behaves as the entry, so we extend the entry styling 0016 // and nuke the style on the internal entry 0017 @extend %entry; 0018 0019 padding: 0; 0020 0021 text { 0022 min-width: 28px; 0023 // reset all the other props since the spinbutton node is styled here 0024 margin: 0; 0025 background: none; 0026 background-color: transparent; 0027 border: none; 0028 border-radius: 0; 0029 box-shadow: none; 0030 0031 &:backdrop:disabled { 0032 background-color: transparent; 0033 } 0034 } 0035 0036 button { 0037 @include neobutton(toolbutton); 0038 0039 &:hover { 0040 color: gtk("@theme_view_hover_decoration_color"); 0041 0042 // disable button's hover background override 0043 &:not(:checked):not(:active) { 0044 background: none; 0045 } 0046 } 0047 } 0048 } 0049 0050 // Vertical 0051 &.vertical { 0052 // in the vertical configuration, we treat the spinbutton 0053 // as a box, and tweak the style of the entry in the middle 0054 // so that it's linked 0055 0056 // FIXME: this should not be set at all, but otherwise it gets the wrong 0057 // color 0058 &:disabled { 0059 color: gtk("@insensitive_base_fg_color"); 0060 } 0061 0062 &:backdrop:disabled { 0063 color: gtk("@theme_unfocused_view_text_color"); 0064 } 0065 0066 &:drop(active) { 0067 border-color: transparent; 0068 box-shadow: none; 0069 } 0070 0071 entry { 0072 margin: 0px; 0073 min-height: 26px; 0074 min-width: 26px; 0075 border-style: none solid none solid; 0076 border-color: gtk("@borders"); 0077 padding: 0; 0078 border-radius: 0; 0079 &:disabled { 0080 color: gtk("@insensitive_base_fg_color"); 0081 background-color: gtk("@insensitive_base_color"); 0082 border-color: gtk("@insensitive_borders"); 0083 } 0084 &:backdrop:disabled { 0085 color: gtk("@theme_unfocused_view_text_color"); 0086 background-color: gtk( 0087 "@theme_unfocused_view_bg_color" 0088 ); 0089 border-color: gtk("@unfocused_insensitive_borders"); 0090 } 0091 } 0092 0093 button { 0094 &:hover { 0095 color: gtk("@theme_view_hover_decoration_color"); 0096 0097 // disable button's hover background override 0098 &:not(:checked):not(:active) { 0099 background: none; 0100 } 0101 } 0102 } 0103 0104 button.up { 0105 border-radius: 3px 3px 0 0; 0106 border-style: solid solid none solid; 0107 } 0108 0109 button.down { 0110 border-radius: 0 0 3px 3px; 0111 border-style: none solid solid solid; 0112 } 0113 } 0114 0115 // Misc 0116 treeview &:not(.vertical) { 0117 min-height: 0; 0118 border-style: none; 0119 border-radius: 0; 0120 0121 entry { 0122 min-height: 0; 0123 padding: 1px 2px; 0124 } 0125 } 0126 }