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