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 }