numix-gtk-theme/gtk-3.0/scss/_base.scss

204 lines
4.3 KiB
SCSS
Raw Normal View History

2014-07-05 19:54:53 +00:00
@import "functions";
2014-10-18 20:57:23 +00:00
@import "global";
2014-07-05 19:54:53 +00:00
* {
-GtkArrow-arrow-scaling: 0.5;
-GtkButton-child-displacement-x: 0;
-GtkButton-child-displacement-y: 0;
-GtkButton-default-border: 0;
-GtkButton-image-spacing: 0;
-GtkButton-inner-border: 1;
-GtkButton-interior-focus: true;
-GtkButtonBox-child-min-height: 24;
-GtkButtonBox-child-internal-pad-y: 1;
-GtkCheckButton-indicator-size: 16;
-GtkCheckMenuItem-indicator-size: 14;
-GtkExpander-expander-size: 8;
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
-GtkPaned-handle-size: 4;
-GtkProgressBar-min-horizontal-bar-height: 12;
-GtkProgressBar-min-vertical-bar-width: 12;
-GtkRange-slider-width: 12;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-border: 0;
-GtkRange-trough-under-steppers: 1;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkScrollbar-min-slider-length: 80;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkStatusbar-shadow-type: none;
-GtkTextView-error-underline-color: $error_color;
-GtkToolButton-icon-spacing: 6;
-GtkToolItemGroup-expander-size: 8;
-GtkTreeView-expander-size: 8;
-GtkWindow-resize-grip-height: 0;
-GtkWindow-resize-grip-width: 0;
-WnckTasklist-fade-overlay-rect: 0;
/* legacy stuff */
-GtkWidget-focus-line-width: 1;
-GtkWidget-focus-padding: 0;
outline-color: alpha($selected_bg_color, 0.5);
outline-style: dashed;
outline-width: 1px;
outline-offset: -2px;
outline-radius: 2px;
}
/***************
2014-10-18 20:57:23 +00:00
* base states *
***************/
%selected_items {
&, &:focus {
2014-07-05 19:54:53 +00:00
background-color: $selected_bg_color;
color: $selected_fg_color;
}
2014-10-18 20:57:23 +00:00
}
* {
&:selected { @extend %selected_items; }
2014-07-05 19:54:53 +00:00
&:insensitive,
&:insensitive:insensitive { color: mix($fg_color, $bg_color, 50%); }
&:insensitive { -gtk-image-effect: dim; }
&:hover { -gtk-image-effect: highlight; }
2014-10-18 20:57:23 +00:00
/* hyperlinks */
-GtkHTML-link-color: $link_color;
-GtkIMHtml-hyperlink-color: $link_color;
-GtkWidget-link-color: $link_color;
-GtkWidget-visited-link-color: $link_color;
&:link, &:visited { color: $link_color; }
2014-07-05 19:54:53 +00:00
}
.background {
background-color: $bg_color;
color: $fg_color;
&:backdrop {
text-shadow: none;
icon-shadow: none;
}
}
.gtkstyle-fallback {
background-color: $bg_color;
color: $fg_color;
&:prelight {
background-color: shade($bg_color, 1.1);
color: $fg_color;
}
&:active {
background-color: shade($bg_color, 0.9);
color: $fg_color;
}
&:insensitive {
background-color: shade(shade($bg_color, 0.95), 1.05);
color: mix($fg_color, $bg_color, 50%);
}
2014-10-18 20:57:23 +00:00
&:selected { @extend %selected_items; }
2014-07-05 19:54:53 +00:00
}
GtkImage, GtkLabel, GtkBox, GtkGrid {
&, &:insensitive { background-color: transparent; }
}
2014-10-18 20:57:23 +00:00
GtkLabel {
&.separator {
color: $fg_color;
2014-07-05 19:54:53 +00:00
2014-10-18 20:57:23 +00:00
@extend .dim-label;
}
&:selected { @extend %selected_items; }
&:insensitive { color: mix($fg_color, $bg_color, 50%); }
}
.dim-label {
opacity: 0.5;
text-shadow: none;
}
.view {
color: $text_color;
background-color: $base_color;
&:selected { @extend %selected_items; }
}
.rubberband {
border: 1px solid $selected_bg_color;
background-color: alpha($selected_bg_color, 0.2);
}
/* used by GtkScrolledWindow, shown when content is touch-dragged past boundaries. */
.overshoot { background-color: alpha($selected_bg_color, 0.2); }
GtkAssistant {
.sidebar {
background-color: $base_color;
border-top: 1px solid border_normal($base_color);
&:dir(ltr) { border-right: 1px solid border_normal($base_color); }
&:dir(rtl) { border-left: 1px solid border_normal($base_color); }
GtkLabel {
padding: $spacing ($spacing * 2);
&.highlight { background-color: mix($bg_color, $fg_color, 80%); }
}
}
&.csd .sidebar { border-top-style: none; }
}
GtkTextView {
/* this will get overridden by .view, needed by gedit line numbers */
background-color: mix($bg_color, $base_color, 50%);
}
GtkFlowBox .grid-child {
padding: 3px;
border-radius: 3px;
&:selected {
@extend %selected_items;
outline-offset: -2px;
}
}
/*********************
* spinner animation *
*********************/
@keyframes spin {
to { -gtk-icon-transform: rotate(1turn); }
}
.spinner {
background-image: none;
background-color: blue;
opacity: 0; // non spinning spinner makes no sense
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
&:active {
opacity: 1;
animation: spin 1s linear infinite;
&:insensitive { opacity: 0.5; }
}
}