Warning, /plasma/breeze-gtk/src/gtk4/widgets/_scrollbar.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8"; 0002 0003 /************** 0004 * Scrollbars * 0005 **************/ 0006 0007 scrollbar { 0008 0009 background-color: gtk("@theme_bg_color"); 0010 border-width: 0px; 0011 border-color: gtk("@theme_bg_color"); 0012 padding: 5px; 0013 0014 &.vertical { 0015 0016 &:dir(rtl) { 0017 border-right: 1px solid gtk("@borders"); 0018 } 0019 0020 &:dir(ltr) { 0021 border-left: 1px solid gtk("@borders"); 0022 } 0023 0024 &.right { 0025 &:dir(rtl) { 0026 border-right: none; 0027 } 0028 border-left: 1px solid gtk("@borders"); 0029 } 0030 0031 &.left { 0032 &:dir(ltr) { 0033 border-left: none; 0034 } 0035 border-right: 1px solid gtk("@borders"); 0036 } 0037 } 0038 0039 &.horizontal { 0040 border-top: 1px solid gtk("@borders"); 0041 0042 &.bottom { 0043 border-top: 1px solid gtk("@borders"); 0044 } 0045 0046 &.top { 0047 border-top: none; 0048 border-bottom: 1px solid gtk("@borders"); 0049 } 0050 } 0051 0052 button { 0053 min-width: 14px; 0054 min-height: 14px; 0055 margin: 0px; 0056 padding: 0px 0px; 0057 border: none; 0058 border-radius: 0px; 0059 background-image: none; 0060 background-color: transparent; 0061 color: transparent; 0062 box-shadow: none; 0063 &:hover { 0064 border: none; 0065 background-image: none; 0066 background-color: gtk("@theme_bg_color"); 0067 color: transparent; 0068 } 0069 &:active, 0070 &:active:hover { 0071 border: none; 0072 background-image: none; 0073 background-color: gtk("@theme_bg_color"); 0074 color: transparent; 0075 } 0076 &:disabled { 0077 border: none; 0078 background-color: gtk("@theme_bg_color"); 0079 background-image: none; 0080 color: transparent; 0081 } 0082 } 0083 0084 // Overlay Scrollbars 0085 &.dragging, // if this isn't set, the scrollbars don't update their size correctly 0086 &.hovering { 0087 opacity: 0.991; 0088 } // probably a gtk bug 0089 &.overlay-indicator:not(.dragging):not(.hovering) { 0090 opacity: 0.999; 0091 } // 0092 0093 &.overlay-indicator { 0094 border: none; 0095 0096 &.vertical { 0097 border:none; 0098 } 0099 0100 &.horizontal { 0101 border:none; 0102 } 0103 0104 background: none; 0105 0106 slider { 0107 background-image: gtkoverlayalpha(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.5*0.7), 0.75); 0108 } 0109 } 0110 0111 trough { 0112 margin: -1px; 0113 transition-duration: 0.1s; 0114 min-width: 6px; 0115 min-height: 14px; 0116 border-radius: 8px; 0117 background-color: transparent; 0118 border: 1px solid transparent; 0119 } 0120 0121 &:hover { 0122 trough { 0123 background-color: gtkalpha(gtk("@theme_button_foreground_normal"), 0.2*0.5); 0124 border: 1px solid gtkalpha(gtk("@theme_button_foreground_normal"), 0.2); 0125 0126 slider { 0127 background-image: gtkoverlay(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.5)); 0128 box-shadow: 0 0 0 1px gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.9) inset; 0129 0130 &:hover { 0131 background-image: gtkoverlay(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_decoration_hover"), 0.5)); 0132 box-shadow: 0 0 0 1px gtkalpha(gtk("@theme_button_decoration_hover"), 0.9) inset; 0133 } 0134 } 0135 } 0136 } 0137 0138 &.horizontal trough { 0139 min-width: 14px; 0140 min-height: 6px; 0141 } 0142 0143 *:focus ~ &, 0144 & ~ *:focus { 0145 0146 &:hover { 0147 slider { 0148 background-image: gtkoverlay(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_decoration_hover"), 0.5)); 0149 box-shadow: 0 0 0 1px gtkalpha(gtk("@theme_button_decoration_hover"), 0.9) inset; 0150 } 0151 } 0152 0153 &.overlay-indicator { 0154 slider { 0155 background-image: gtkoverlayalpha(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_decoration_focus"), 0.5*0.7), 0.75); 0156 } 0157 0158 &:hover { 0159 slider { 0160 background-image: gtkoverlay(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_decoration_hover"), 0.5)); 0161 box-shadow: 0 0 0 1px gtkalpha(gtk("@theme_button_decoration_hover"), 0.9) inset; 0162 } 0163 } 0164 } 0165 } 0166 0167 slider { 0168 margin: -9px; 0169 margin-bottom: -6px; 0170 margin-top: -6px; 0171 transition-duration: 0.1s; 0172 min-width: 6px; 0173 min-height: 30px; 0174 border-radius: 15px; 0175 background-clip: padding-box; 0176 background-image: gtkoverlay(gtk("@theme_bg_color"), gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.5*0.7)); 0177 0178 // To keep the ability to drag the slider from the edge of the screen 0179 border: 5px solid transparent; 0180 box-shadow: 0 0 0 1px gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.7*0.9) inset; 0181 0182 } 0183 0184 &.horizontal slider { 0185 margin: -9px; 0186 margin-left: -6px; 0187 margin-right: -6px; 0188 transition-duration: 0.1s; 0189 min-width: 30px; 0190 min-height: 6px; 0191 } 0192 }