Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_scrollbar.scss
| Show First 20 Lines • Show All 104 Lines • ▼ Show 20 Line(s) | 7 | scrollbar { | |||
|---|---|---|---|---|---|
| 105 | 105 | | |||
| 106 | slider { | 106 | slider { | ||
| 107 | //margin: 0px; | 107 | //margin: 0px; | ||
| 108 | transition-duration: 0.1s; | 108 | transition-duration: 0.1s; | ||
| 109 | min-width: 3px; | 109 | min-width: 3px; | ||
| 110 | min-height: 30px; | 110 | min-height: 30px; | ||
| 111 | border-radius: 8px; | 111 | border-radius: 8px; | ||
| 112 | background-clip: padding-box; | 112 | background-clip: padding-box; | ||
| 113 | background-color: gtkalpha("@theme_fg_color", 0.5); | 113 | background-color: gtkalpha(gtk("@theme_fg_color"), 0.5); | ||
| 114 | &:hover { | 114 | &:hover { | ||
| 115 | min-width: 6px; | 115 | min-width: 6px; | ||
| 116 | background-color: gtk("@theme_button_decoration_hover"); | 116 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 117 | 117 | | |||
| 118 | } | 118 | } | ||
| 119 | } | 119 | } | ||
| 120 | &.horizontal slider { | 120 | &.horizontal slider { | ||
| 121 | transition-duration: 0.1s; | 121 | transition-duration: 0.1s; | ||
| 122 | min-width: 30px; | 122 | min-width: 30px; | ||
| 123 | min-height: 3px; | 123 | min-height: 3px; | ||
| 124 | border-radius: 8px; | 124 | border-radius: 8px; | ||
| 125 | background-clip: padding-box; | 125 | background-clip: padding-box; | ||
| 126 | background-color: gtkalpha("@theme_fg_color", 0.5); | 126 | background-color: gtkalpha(gtk("@theme_fg_color"), 0.5); | ||
| 127 | &:hover { | 127 | &:hover { | ||
| 128 | min-height: 6px; | 128 | min-height: 6px; | ||
| 129 | background-color: gtk("@theme_button_decoration_hover"); | 129 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 130 | 130 | | |||
| 131 | } | 131 | } | ||
| 132 | 132 | | |||
| 133 | } | 133 | } | ||
| 134 | } | 134 | } | ||