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 }