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 }