mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix laggy scrollbar in gnome-terminal
This commit is contained in:
Horst3180
parent
bef48753bc
commit
d49d7df3c2
@ -1779,127 +1779,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #3e434f;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #2b2e39; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #2b2e39; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #2b2e39; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #2b2e39; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #a5abb5;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #3e434f;
|
|
||||||
border: 1px none #2b2e39; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #767b87; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #676b78; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #767b87; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #676b78; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #a5abb5;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.3); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3141,12 +3087,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #2b2e39; }
|
box-shadow: inset 0 -1px #2b2e39; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; }
|
box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; }
|
||||||
|
|||||||
@ -1778,127 +1778,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #fcfcfc;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #dcdfe3; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #dcdfe3; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #8a8e96;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #fcfcfc;
|
|
||||||
border: 1px none #dcdfe3; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #b8babf; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #c7c9cd; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #b8babf; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #c7c9cd; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #8a8e96;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.6); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3140,12 +3086,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 -1px #dcdfe3; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; }
|
||||||
|
|||||||
@ -1779,127 +1779,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #3e434f;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #2b2e39; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #2b2e39; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #2b2e39; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #2b2e39; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #a5abb5;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #3e434f;
|
|
||||||
border: 1px none #2b2e39; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #767b87; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #676b78; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #767b87; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #676b78; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #a5abb5;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.3); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3141,12 +3087,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #2b2e39; }
|
box-shadow: inset 0 -1px #2b2e39; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; }
|
box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; }
|
||||||
|
|||||||
@ -1778,127 +1778,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #fcfcfc;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #dcdfe3; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #dcdfe3; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #8a8e96;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #fcfcfc;
|
|
||||||
border: 1px none #dcdfe3; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #b8babf; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #c7c9cd; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #b8babf; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #c7c9cd; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #8a8e96;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.6); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3140,12 +3086,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 -1px #dcdfe3; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; }
|
||||||
|
|||||||
@ -1782,127 +1782,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #fcfcfc;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #dcdfe3; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #dcdfe3; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #8a8e96;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #fcfcfc;
|
|
||||||
border: 1px none #dcdfe3; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #b8babf; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #c7c9cd; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #b8babf; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #c7c9cd; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #8a8e96;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.6); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3144,12 +3090,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 -1px #dcdfe3; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; }
|
||||||
|
|||||||
@ -1782,127 +1782,73 @@ notebook {
|
|||||||
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
|
||||||
color: #5294E2; }
|
color: #5294E2; }
|
||||||
|
|
||||||
* {
|
scrollbar {
|
||||||
|
background-color: #fcfcfc;
|
||||||
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||||
|
* {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false; }
|
-GtkScrollbar-has-forward-stepper: false; }
|
||||||
|
scrollbar.top {
|
||||||
scrollbar button,
|
border-bottom: 1px solid #dcdfe3; }
|
||||||
.scrollbar button {
|
scrollbar.bottom {
|
||||||
|
border-top: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.left {
|
||||||
|
border-right: 1px solid #dcdfe3; }
|
||||||
|
scrollbar.right {
|
||||||
|
border-left: 1px solid #dcdfe3; }
|
||||||
|
scrollbar button {
|
||||||
border: none; }
|
border: none; }
|
||||||
|
scrollbar.vertical button.down {
|
||||||
scrollbar.vertical button.down,
|
|
||||||
.scrollbar.vertical button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
|
scrollbar.vertical button.up {
|
||||||
scrollbar.vertical button.up,
|
|
||||||
.scrollbar.vertical button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
|
scrollbar.horizontal button.down {
|
||||||
scrollbar.horizontal button.down,
|
|
||||||
.scrollbar.horizontal button.down {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||||||
|
scrollbar.horizontal button.up {
|
||||||
scrollbar.horizontal button.up,
|
|
||||||
.scrollbar.horizontal button.up {
|
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||||||
|
scrollbar slider {
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
||||||
opacity: 0.4; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
|
||||||
margin: 0;
|
|
||||||
background-color: #8a8e96;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
||||||
background-clip: padding-box; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
|
||||||
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px; }
|
|
||||||
|
|
||||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
|
||||||
.scrollbar.overlay-indicator.dragging,
|
|
||||||
.scrollbar.overlay-indicator.hovering {
|
|
||||||
opacity: 0.99; }
|
|
||||||
|
|
||||||
scrollbar trough,
|
|
||||||
.scrollbar trough {
|
|
||||||
background-color: #fcfcfc;
|
|
||||||
border: 1px none #dcdfe3; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
background-color: #b8babf; }
|
|
||||||
scrollbar slider:hover,
|
|
||||||
scrollbar .slider:hover,
|
|
||||||
.scrollbar slider:hover,
|
|
||||||
.scrollbar .slider:hover {
|
|
||||||
background-color: #c7c9cd; }
|
|
||||||
scrollbar slider:hover:active,
|
|
||||||
scrollbar .slider:hover:active,
|
|
||||||
.scrollbar slider:hover:active,
|
|
||||||
.scrollbar .slider:hover:active {
|
|
||||||
background-color: #5294E2; }
|
|
||||||
scrollbar slider:disabled,
|
|
||||||
scrollbar .slider:disabled,
|
|
||||||
.scrollbar slider:disabled,
|
|
||||||
.scrollbar .slider:disabled {
|
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
scrollbar slider,
|
|
||||||
scrollbar .slider,
|
|
||||||
.scrollbar slider,
|
|
||||||
.scrollbar .slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical.fine-tune slider,
|
|
||||||
.scrollbar.vertical.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.vertical slider,
|
|
||||||
.scrollbar.vertical slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
min-width: 6px;
|
||||||
margin: 3px; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(ltr),
|
|
||||||
.scrollbar.vertical trough:dir(ltr) {
|
|
||||||
border-left-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.vertical trough:dir(rtl),
|
|
||||||
.scrollbar.vertical trough:dir(rtl) {
|
|
||||||
border-right-style: solid; }
|
|
||||||
|
|
||||||
scrollbar.horizontal.fine-tune slider,
|
|
||||||
.scrollbar.horizontal.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: 4px; }
|
|
||||||
|
|
||||||
scrollbar.horizontal slider,
|
|
||||||
scrollbar.horizontal .slider,
|
|
||||||
.scrollbar.horizontal slider,
|
|
||||||
.scrollbar.horizontal .slider {
|
|
||||||
min-height: 6px;
|
min-height: 6px;
|
||||||
min-width: 42px;
|
margin: -1px;
|
||||||
margin-top: 3px; }
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
scrollbar.horizontal trough,
|
background-clip: padding-box;
|
||||||
.scrollbar.horizontal trough {
|
background-color: #b8babf; }
|
||||||
border-top-style: solid; }
|
scrollbar slider:hover {
|
||||||
|
background-color: #c7c9cd; }
|
||||||
|
scrollbar slider:hover:active {
|
||||||
|
background-color: #5294E2; }
|
||||||
|
scrollbar slider:disabled {
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.fine-tune slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px; }
|
||||||
|
scrollbar.fine-tune.horizontal slider {
|
||||||
|
border-width: 5px 4px; }
|
||||||
|
scrollbar.fine-tune.vertical slider {
|
||||||
|
border-width: 4px 5px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||||
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
background-color: #8a8e96;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.6); }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||||
|
margin: 0 2px;
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: 40px; }
|
||||||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||||
|
opacity: 0.99; }
|
||||||
|
scrollbar.horizontal slider {
|
||||||
|
min-width: 40px; }
|
||||||
|
scrollbar.vertical slider {
|
||||||
|
min-height: 40px; }
|
||||||
|
|
||||||
switch {
|
switch {
|
||||||
font: 1;
|
font: 1;
|
||||||
@ -3144,12 +3090,6 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
|
|||||||
terminal-window notebook > header.top > tabs > tab:checked {
|
terminal-window notebook > header.top > tabs > tab:checked {
|
||||||
box-shadow: inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 -1px #dcdfe3; }
|
||||||
|
|
||||||
terminal-window scrollbar.vertical slider {
|
|
||||||
margin-left: 3px; }
|
|
||||||
|
|
||||||
terminal-window scrollbar trough {
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
terminal-window notebook > header.top {
|
terminal-window notebook > header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; }
|
box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; }
|
||||||
|
|||||||
@ -11,12 +11,6 @@ terminal-window notebook {
|
|||||||
//
|
//
|
||||||
terminal-window {
|
terminal-window {
|
||||||
|
|
||||||
scrollbar {
|
|
||||||
&.vertical slider { margin-left: 3px; }
|
|
||||||
|
|
||||||
trough { border-width: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
notebook {
|
notebook {
|
||||||
> header.top {
|
> header.top {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
|
|||||||
@ -1866,15 +1866,23 @@ notebook {
|
|||||||
//
|
//
|
||||||
$_scrollbar_bg_color: darken($base_color, 1%);
|
$_scrollbar_bg_color: darken($base_color, 1%);
|
||||||
|
|
||||||
scrollbar,
|
scrollbar {
|
||||||
.scrollbar {
|
$_slider_min_length: 40px;
|
||||||
|
|
||||||
|
// disable steppers
|
||||||
@at-root * {
|
@at-root * {
|
||||||
-GtkScrollbar-has-backward-stepper: false;
|
-GtkScrollbar-has-backward-stepper: false;
|
||||||
-GtkScrollbar-has-forward-stepper: false;
|
-GtkScrollbar-has-forward-stepper: false;
|
||||||
}
|
}
|
||||||
|
|
||||||
$_slider_margin: 3px;
|
background-color: $_scrollbar_bg_color;
|
||||||
$_slider_fine_tune_margin: 4px;
|
transition: 300ms $ease-out-quad;
|
||||||
|
|
||||||
|
// scrollbar border
|
||||||
|
&.top { border-bottom: 1px solid $borders_color; }
|
||||||
|
&.bottom { border-top: 1px solid $borders_color; }
|
||||||
|
&.left { border-right: 1px solid $borders_color; }
|
||||||
|
&.right { border-left: 1px solid $borders_color; }
|
||||||
|
|
||||||
button { border: none; }
|
button { border: none; }
|
||||||
|
|
||||||
@ -1888,32 +1896,55 @@ scrollbar,
|
|||||||
&.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); }
|
&.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// slider
|
||||||
|
slider {
|
||||||
|
min-width: 6px;
|
||||||
|
min-height: 6px;
|
||||||
|
margin: -1px;
|
||||||
|
border: 4px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-clip: padding-box;
|
||||||
|
background-color: mix($fg_color, $bg_color, 40%);
|
||||||
|
|
||||||
|
&:hover { background-color: mix($fg_color, $bg_color, 30%); }
|
||||||
|
|
||||||
|
&:hover:active { background-color: $selected_bg_color;}
|
||||||
|
|
||||||
|
&:disabled { background-color: transparent; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fine-tune {
|
||||||
|
slider {
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.horizontal slider { border-width: 5px 4px; }
|
||||||
|
&.vertical slider { border-width: 4px 5px; }
|
||||||
|
}
|
||||||
|
|
||||||
&.overlay-indicator {
|
&.overlay-indicator {
|
||||||
&:not(.dragging):not(.hovering) { // Overlay scrolling indicator
|
&:not(.dragging):not(.hovering) {
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
slider {
|
slider {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
min-width: 4px;
|
||||||
|
min-height: 4px;
|
||||||
background-color: mix($fg_color, $bg_color, 70%);
|
background-color: mix($fg_color, $bg_color, 70%);
|
||||||
border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7));
|
border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7));
|
||||||
background-clip: padding-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
trough {
|
|
||||||
border-style: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.vertical slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin-top: $_slider_margin - 1px;
|
|
||||||
margin-bottom: $_slider_margin - 1px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.horizontal slider {
|
&.horizontal slider {
|
||||||
min-height: 4px;
|
margin: 0 2px;
|
||||||
margin-left: $_slider_margin - 1px;
|
min-width: $_slider_min_length;
|
||||||
margin-right: $_slider_margin - 1px;
|
}
|
||||||
|
|
||||||
|
&.vertical slider {
|
||||||
|
margin: 2px 0;
|
||||||
|
min-height: $_slider_min_length;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1921,68 +1952,8 @@ scrollbar,
|
|||||||
&.hovering { opacity: 0.99; }
|
&.hovering { opacity: 0.99; }
|
||||||
}
|
}
|
||||||
|
|
||||||
// trough coloring
|
&.horizontal slider { min-width: $_slider_min_length; }
|
||||||
trough {
|
&.vertical slider { min-height: $_slider_min_length; }
|
||||||
background-color: $_scrollbar_bg_color;
|
|
||||||
border: 1px none $borders_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// slider coloring
|
|
||||||
slider,
|
|
||||||
.slider {
|
|
||||||
background-color: mix($fg_color, $bg_color, 40%);
|
|
||||||
|
|
||||||
&:hover { background-color: mix($fg_color, $bg_color, 30%); }
|
|
||||||
|
|
||||||
&:hover:active { background-color: $selected_bg_color;}
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// sizing
|
|
||||||
slider,
|
|
||||||
.slider {
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: $_slider_margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.vertical {
|
|
||||||
|
|
||||||
&.fine-tune slider {
|
|
||||||
min-width: 4px;
|
|
||||||
margin: $_slider_fine_tune_margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
slider {
|
|
||||||
min-height: 42px;
|
|
||||||
min-width: 6px;
|
|
||||||
margin: $_slider_margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
trough {
|
|
||||||
&:dir(ltr) { border-left-style: solid; }
|
|
||||||
&:dir(rtl) { border-right-style: solid; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.horizontal {
|
|
||||||
|
|
||||||
&.fine-tune slider {
|
|
||||||
min-height: 4px;
|
|
||||||
margin: $_slider_fine_tune_margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
slider,
|
|
||||||
.slider {
|
|
||||||
min-height: 6px;
|
|
||||||
min-width: 42px;
|
|
||||||
margin-top: $_slider_margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
trough { border-top-style: solid; }
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user