Fix linting issues
parent
e94d0f274a
commit
b753394e53
|
@ -1,79 +1,79 @@
|
|||
$modules: () !default;
|
||||
|
||||
@mixin exports($name) {
|
||||
@if (not index($modules, $name)) {
|
||||
$modules: append($modules, $name) !global;
|
||||
@if (not index($modules, $name)) {
|
||||
$modules: append($modules, $name) !global;
|
||||
|
||||
@content;
|
||||
}
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@function alpha($color, $amount) {
|
||||
@if type-of($color) == "color" {
|
||||
@return fade-out($color, (1 - $amount));
|
||||
} @else {
|
||||
@return unquote("alpha(#{$color},#{$amount})");
|
||||
}
|
||||
@if type-of($color) == "color" {
|
||||
@return fade-out($color, (1 - $amount));
|
||||
} @else {
|
||||
@return unquote("alpha(#{$color},#{$amount})");
|
||||
}
|
||||
}
|
||||
|
||||
@function shade($color, $amount) {
|
||||
@if type-of($color) == "color" {
|
||||
@if ($amount > 1) {
|
||||
@return lighten($color, ($amount - 1) * lightness($color))
|
||||
} @else {
|
||||
@return darken($color, (1 - $amount) * lightness($color))
|
||||
}
|
||||
} @else {
|
||||
@return unquote("shade(#{$color},#{$amount})");
|
||||
}
|
||||
@if type-of($color) == "color" {
|
||||
@if ($amount > 1) {
|
||||
@return lighten($color, ($amount - 1) * lightness($color))
|
||||
} @else {
|
||||
@return darken($color, (1 - $amount) * lightness($color))
|
||||
}
|
||||
} @else {
|
||||
@return unquote("shade(#{$color},#{$amount})");
|
||||
}
|
||||
}
|
||||
|
||||
@function mix($color1, $color2, $amount) {
|
||||
@return unquote("mix(#{$color1},#{$color2},#{$amount})");
|
||||
@return unquote("mix(#{$color1},#{$color2},#{$amount})");
|
||||
}
|
||||
|
||||
@function border_normal($color) {
|
||||
@return shade($color, $contrast);
|
||||
@return shade($color, $contrast);
|
||||
}
|
||||
|
||||
@function border_focus($color) {
|
||||
@return shade($color, ($contrast - .05));
|
||||
@return shade($color, ($contrast - .05));
|
||||
}
|
||||
|
||||
@function border_active($color) {
|
||||
@return shade($color, ($contrast - .1));
|
||||
@return shade($color, ($contrast - .1));
|
||||
}
|
||||
|
||||
@function border_insensitive($color) {
|
||||
@return shade($color, ($contrast + .05));
|
||||
@return shade($color, ($contrast + .05));
|
||||
}
|
||||
|
||||
@mixin linear-gradient($color, $direction: to bottom) {
|
||||
@if $gradient == 0 {
|
||||
background-color: $color;
|
||||
background-image: none;
|
||||
} @else {
|
||||
$amount: $gradient / 2;
|
||||
@if $gradient == 0 {
|
||||
background-color: $color;
|
||||
background-image: none;
|
||||
} @else {
|
||||
$amount: $gradient / 2;
|
||||
|
||||
background-color: $color;
|
||||
background-image: linear-gradient($direction,
|
||||
shade($color, (1 + $amount)),
|
||||
shade($color, (1 - $amount))
|
||||
);
|
||||
}
|
||||
background-color: $color;
|
||||
background-image: linear-gradient($direction,
|
||||
shade($color, (1 + $amount)),
|
||||
shade($color, (1 - $amount))
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin border($color) {
|
||||
border-color: border_normal($color);
|
||||
border-color: border_normal($color);
|
||||
|
||||
&:focus, &:hover { border-color: border_focus($color); }
|
||||
&:focus, &:hover { border-color: border_focus($color); }
|
||||
|
||||
&:active, &:active:hover,
|
||||
&:active:focus, &:active:hover:focus,
|
||||
&:checked, &:checked:hover,
|
||||
&:checked:focus, &:checked:hover:focus { border-color: border_active($color); }
|
||||
&:active, &:active:hover,
|
||||
&:active:focus, &:active:hover:focus,
|
||||
&:checked, &:checked:hover,
|
||||
&:checked:focus, &:checked:hover:focus { border-color: border_active($color); }
|
||||
|
||||
&:insensitive { border-color: border_insensitive($color); }
|
||||
&:insensitive { border-color: border_insensitive($color); }
|
||||
|
||||
&:active:insensitive, &:checked:insensitive { border-color: border_normal($color); }
|
||||
&:active:insensitive, &:checked:insensitive { border-color: border_normal($color); }
|
||||
}
|
||||
|
|
|
@ -18,6 +18,10 @@ $dark_fg_color: #eee;
|
|||
$dark_shadow: #000;
|
||||
$light_shadow: #fff;
|
||||
|
||||
// white and black
|
||||
$black: #000;
|
||||
$white: #fff;
|
||||
|
||||
// misc colors used by gtk+
|
||||
$info_fg_color: #fff;
|
||||
$info_bg_color: #03a9f4;
|
||||
|
@ -56,14 +60,14 @@ $lightdm_fg_color: $dark_fg_color;
|
|||
$wm_bg: $titlebar_bg_color;
|
||||
$wm_border_focused: transparent;
|
||||
$wm_border_unfocused: transparent;
|
||||
$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, 0.1);
|
||||
$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, 0.4);
|
||||
$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, 0.1);
|
||||
$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||
$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
|
||||
$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||
$wm_icons_focused_prelight: $selected_bg_color;
|
||||
$wm_icons_focused_pressed: shade($selected_bg_color, 0.8);
|
||||
$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, 0.4);
|
||||
$wm_icons_focused_pressed: shade($selected_bg_color, .8);
|
||||
$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
|
||||
$wm_icons_unfocused_prelight: $selected_bg_color;
|
||||
$wm_icons_unfocused_pressed: shade($selected_bg_color, 0.8);
|
||||
$wm_icons_unfocused_pressed: shade($selected_bg_color, .8);
|
||||
|
||||
// widget styles
|
||||
$roundness: 2px;
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
.gedit-document-panel {
|
||||
background-color: $bg_color;
|
||||
color: mix($fg_color, $bg_color, 0.1);
|
||||
color: mix($fg_color, $bg_color, .1);
|
||||
|
||||
.list-row {
|
||||
padding: $spacing;
|
||||
|
@ -33,21 +33,21 @@
|
|||
}
|
||||
}
|
||||
|
||||
.prelight-row .button {
|
||||
border-color: alpha(black, 0.1);
|
||||
color: alpha(white, 0.8);
|
||||
.prelight-row .button {
|
||||
border-color: alpha($black, .1);
|
||||
color: alpha($white, .8);
|
||||
|
||||
&:active {
|
||||
border-color: alpha(black, 0.2);
|
||||
background-color: alpha(black, 0.08);
|
||||
color: white;
|
||||
border-color: alpha($black, .2);
|
||||
background-color: alpha($black, .08);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
list-row, .prelight-row {
|
||||
.button:hover {
|
||||
border-color: alpha(black, 0.1);
|
||||
color: white;
|
||||
border-color: alpha($black, .1);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -68,14 +68,14 @@
|
|||
}
|
||||
|
||||
.gedit-document-panel-dragged-row {
|
||||
border: 1px solid alpha(black, 0.1);
|
||||
background-color: alpha(black, 0.5);
|
||||
color: white;
|
||||
border: 1px solid alpha($black, .1);
|
||||
background-color: alpha($black, .5);
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.gedit-document-panel-placeholder-row {
|
||||
border: none;
|
||||
background-color: alpha(black, 0.08);
|
||||
border: 0;
|
||||
background-color: alpha($black, .08);
|
||||
transition: all 200ms ease-in;
|
||||
}
|
||||
|
||||
|
@ -94,7 +94,7 @@
|
|||
&:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
|
||||
|
||||
&:active {
|
||||
background-color: shade($bg_color, 0.95);
|
||||
background-color: shade($bg_color, .95);
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
@ -103,7 +103,7 @@
|
|||
GeditViewFrame .gedit-search-slider {
|
||||
padding: $spacing;
|
||||
border-radius: 0 0 $roundness $roundness;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-width: 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($base_color);
|
||||
background-color: $base_color;
|
||||
|
@ -119,7 +119,7 @@
|
|||
|
||||
GeditFileBrowserWidget .toolbar {
|
||||
padding: $spacing / 2;
|
||||
border-top: none;
|
||||
border-top: 0;
|
||||
background-color: $bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
@ -127,6 +127,6 @@
|
|||
.gedit-search-entry-occurrences-tag {
|
||||
margin: $spacing / 2;
|
||||
padding: $spacing / 2;
|
||||
color: mix($text_color, $base_color, 0.5);
|
||||
color: mix($text_color, $base_color, .5);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -6,30 +6,30 @@
|
|||
#panel_window {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: white;
|
||||
color: $white;
|
||||
font: bold;
|
||||
text-shadow: 0 1px alpha(black, 0.5);
|
||||
icon-shadow: 0 1px alpha(black, 0.5);
|
||||
text-shadow: 0 1px alpha($black, .5);
|
||||
icon-shadow: 0 1px alpha($black, .5);
|
||||
|
||||
.menubar {
|
||||
&, > .menuitem {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: white;
|
||||
color: $white;
|
||||
font: bold;
|
||||
text-shadow: 0 1px alpha(black, 0.5);
|
||||
icon-shadow: 0 1px alpha(black, 0.5);
|
||||
text-shadow: 0 1px alpha($black, .5);
|
||||
icon-shadow: 0 1px alpha($black, .5);
|
||||
|
||||
*:hover { color: white; }
|
||||
*:hover { color: $white; }
|
||||
|
||||
&:hover {
|
||||
border-style: none;
|
||||
background-color: alpha(white, 0.2);
|
||||
background-color: alpha($white, .2);
|
||||
background-image: none;
|
||||
color: white;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&:insensitive { color: alpha(white, 0.7); }
|
||||
&:insensitive { color: alpha($white, .7); }
|
||||
|
||||
.menu {
|
||||
border-radius: 1px;
|
||||
|
@ -52,30 +52,30 @@
|
|||
color: $lightdm_fg_color;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21),
|
||||
inset -1px 0 mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21),
|
||||
inset 0 1px mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21),
|
||||
inset 0 -1px mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21);
|
||||
box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21);
|
||||
|
||||
.button {
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: $roundness;
|
||||
border-style: solid;
|
||||
border-color: shade($lightdm_bg_color, 0.8);
|
||||
border-color: shade($lightdm_bg_color, .8);
|
||||
background-color: shade($lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $lightdm_fg_color;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&.default, &:focus, &:active:focus {
|
||||
border-color: shade($selected_bg_color, 0.8);
|
||||
border-color: shade($selected_bg_color, .8);
|
||||
background-color: shade($selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:hover {
|
||||
border-color: shade($selected_bg_color, 0.7);
|
||||
border-color: shade($selected_bg_color, .7);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
@ -100,21 +100,21 @@
|
|||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade($lightdm_bg_color, 0.8);
|
||||
border-color: shade($lightdm_bg_color, .8);
|
||||
border-radius: $roundness;
|
||||
background-color: shade($lightdm_bg_color, 0.9);
|
||||
background-color: shade($lightdm_bg_color, .9);
|
||||
background-image: none;
|
||||
color: $lightdm_fg_color;
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&:focus, &:hover {
|
||||
border-color: shade($lightdm_bg_color, 0.7);
|
||||
border-color: shade($lightdm_bg_color, .7);
|
||||
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, 0.10),
|
||||
inset 0 1px alpha($dark_shadow, 0.12),
|
||||
inset -1px 0 alpha($dark_shadow, 0.10),
|
||||
inset 0 -1px alpha($dark_shadow, 0.05);
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, .1),
|
||||
inset 0 1px alpha($dark_shadow, .12),
|
||||
inset -1px 0 alpha($dark_shadow, .1),
|
||||
inset 0 -1px alpha($dark_shadow, .05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -125,7 +125,7 @@
|
|||
|
||||
.menu { font: normal; }
|
||||
|
||||
.arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, 0.5); }
|
||||
.arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); }
|
||||
}
|
||||
|
||||
#user_image {
|
||||
|
@ -133,20 +133,20 @@
|
|||
border-radius: $roundness;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade($lightdm_bg_color, 0.7),
|
||||
inset -1px 0 shade($lightdm_bg_color, 0.7),
|
||||
inset 0 1px shade($lightdm_bg_color, 0.7),
|
||||
inset 0 -1px shade($lightdm_bg_color, 0.7);
|
||||
box-shadow: inset 1px 0 shade($lightdm_bg_color, .7),
|
||||
inset -1px 0 shade($lightdm_bg_color, .7),
|
||||
inset 0 1px shade($lightdm_bg_color, .7),
|
||||
inset 0 -1px shade($lightdm_bg_color, .7);
|
||||
}
|
||||
|
||||
#user_image_border {
|
||||
border-radius: $roundness;
|
||||
background-color: shade($lightdm_bg_color, 0.9);
|
||||
background-color: shade($lightdm_bg_color, .9);
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, 0.07),
|
||||
inset 0 1px alpha($dark_shadow, 0.08),
|
||||
inset -1px 0 alpha($dark_shadow, 0.07),
|
||||
inset 0 -1px alpha($dark_shadow, 0.05);
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, .07),
|
||||
inset 0 1px alpha($dark_shadow, .08),
|
||||
inset -1px 0 alpha($dark_shadow, .07),
|
||||
inset 0 -1px alpha($dark_shadow, .05);
|
||||
}
|
||||
|
||||
#buttonbox_frame {
|
||||
|
@ -164,26 +164,26 @@
|
|||
|
||||
/* shutdown button */
|
||||
#shutdown_button {
|
||||
border-color: shade($error_bg_color, 0.8);
|
||||
border-color: shade($error_bg_color, .8);
|
||||
background-color: shade($error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $error_fg_color;
|
||||
|
||||
&:hover, &:active, &:active:hover {
|
||||
border-color: shade($error_bg_color, 0.7);
|
||||
border-color: shade($error_bg_color, .7);
|
||||
background-color: $error_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
/* restart button */
|
||||
#restart_button {
|
||||
border-color: shade($warning_bg_color, 0.8);
|
||||
border-color: shade($warning_bg_color, .8);
|
||||
background-color: shade($warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $warning_fg_color;
|
||||
|
||||
&:hover, &:active, &:active:hover {
|
||||
border-color: shade($warning_bg_color, 0.7);
|
||||
border-color: shade($warning_bg_color, .7);
|
||||
background-color: $warning_bg_color;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
|
||||
@include exports("nautilus") {
|
||||
.nautilus-desktop.nautilus-canvas-item {
|
||||
color: white;
|
||||
text-shadow: 1px 1px black;
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
|
||||
&:active { color: $fg_color; }
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
|||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
.sidebar .frame { border: none; }
|
||||
.sidebar .frame { border: 0; }
|
||||
|
||||
GtkPaned {
|
||||
border-width: 0 1px 0 0;
|
||||
|
@ -41,17 +41,17 @@
|
|||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.frame { border: none; }
|
||||
.frame { border: 0; }
|
||||
}
|
||||
|
||||
NautilusQueryEditor {
|
||||
.toolbar {
|
||||
padding-top: $spacing - 1px;
|
||||
padding-bottom: $spacing - 2px;
|
||||
border-width: 1px 0 0 0;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: $toolbar_bg_color;
|
||||
background-color: shade($toolbar_bg_color, 0.9);
|
||||
background-color: shade($toolbar_bg_color, .9);
|
||||
|
||||
&:nth-child(2) { border-color: border_normal($toolbar_bg_color); }
|
||||
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
|
||||
@include exports("nemo") {
|
||||
.nemo-desktop.nemo-canvas-item {
|
||||
color: white;
|
||||
text-shadow: 1px 1px black;
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
|
||||
&:active { color: $fg_color; }
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
|||
}
|
||||
|
||||
NemoPlacesTreeView {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, 0.8);
|
||||
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
|
||||
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
|
||||
-NemoPlacesTreeView-disk-full-bar-width: 1px;
|
||||
-NemoPlacesTreeView-disk-full-bar-radius: 1px;
|
||||
|
|
|
@ -18,22 +18,22 @@
|
|||
color: $panel_fg_color;
|
||||
|
||||
&:hover, &:prelight {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.11));
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, 0.11);
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .11);
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
}
|
||||
|
||||
&:active, &:checked {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.21), to top);
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, 0.21);
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
|
||||
&:prelight {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.31), to top);
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, 0.31);
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .31);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -45,7 +45,7 @@
|
|||
}
|
||||
|
||||
PanelApplet {
|
||||
border: none;
|
||||
border: 0;
|
||||
|
||||
.button {
|
||||
@extend %panelbutton;
|
||||
|
@ -57,14 +57,14 @@
|
|||
PanelSeparator {
|
||||
@extend %panel;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar {
|
||||
&.menuitem {
|
||||
@extend %panel;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
|
||||
-PanelMenuBar-icon-visible: true;
|
||||
}
|
||||
|
@ -73,7 +73,7 @@
|
|||
PanelAppletFrame {
|
||||
@extend %panel;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
WnckPager, WnckTasklist { @extend %panel; }
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
@include linear-gradient($toolbar-bg-color);
|
||||
|
||||
padding: $spacing;
|
||||
border: none;
|
||||
border: 0;
|
||||
color: $toolbar_fg_color;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,9 +11,9 @@
|
|||
|
||||
-UnityDecoration-shadow-offset-x: 1px;
|
||||
-UnityDecoration-shadow-offset-y: 1px;
|
||||
-UnityDecoration-active-shadow-color: rgba(0,0,0,0.7);
|
||||
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7);
|
||||
-UnityDecoration-active-shadow-radius: 8px;
|
||||
-UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5);
|
||||
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5);
|
||||
-UnityDecoration-inactive-shadow-radius: 5px;
|
||||
|
||||
-UnityDecoration-glow-size: 10px;
|
||||
|
@ -21,21 +21,21 @@
|
|||
|
||||
-UnityDecoration-title-indent: 10px;
|
||||
-UnityDecoration-title-fade: 35px;
|
||||
-UnityDecoration-title-alignment: 0.0;
|
||||
-UnityDecoration-title-alignment: 0;
|
||||
|
||||
|
||||
&.top {
|
||||
border: 1px solid $wm_border_focused;
|
||||
border-bottom: none;
|
||||
border-bottom: 0;
|
||||
border-radius: 2px 2px 0 0;
|
||||
padding: 1px ($spacing * 2) 0 ($spacing * 2);
|
||||
padding: 1px ($spacing * 2) 0;
|
||||
background-color: $titlebar_bg_color;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.1);
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||
text-shadow: none;
|
||||
|
||||
&:backdrop {
|
||||
border: 1px solid $wm_border_unfocused;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.4);
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -49,7 +49,7 @@
|
|||
UnityPanelWidget, .unity-panel {
|
||||
@extend %panel;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.unity-panel {
|
||||
|
@ -58,8 +58,8 @@
|
|||
color: $panel_fg_color;
|
||||
|
||||
&:hover, *:hover {
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, 0.21);
|
||||
background-color: mix($panel_bg_color, $panel_fg_color, 0.21);
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
background-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
background-image: none;
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
XfceHeading {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: $base_color;
|
||||
color: $text_color;
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
@include linear-gradient($bg_color);
|
||||
|
||||
padding: $spacing;
|
||||
border-width: 1px 0 0 0;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: border_normal($bg_color);
|
||||
color: $fg_color;
|
||||
|
@ -40,9 +40,9 @@
|
|||
|
||||
@include exports("searchbar") {
|
||||
.search-bar {
|
||||
@include linear-gradient(shade($bg_color, 0.98));
|
||||
@include linear-gradient(shade($bg_color, .98));
|
||||
|
||||
border-width: 0 0 1px 0;
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($bg_color);
|
||||
color: $fg_color;
|
||||
|
@ -86,7 +86,7 @@
|
|||
}
|
||||
|
||||
.selection-menu.button {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: shade($selected_bg_color, $contrast);
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
***************/
|
||||
|
||||
* {
|
||||
-GtkArrow-arrow-scaling: 0.5;
|
||||
-GtkArrow-arrow-scaling: .5;
|
||||
-GtkExpander-expander-size: 8;
|
||||
-GtkStatusbar-shadow-type: none;
|
||||
-GtkToolItemGroup-expander-size: 8;
|
||||
|
@ -11,7 +11,7 @@
|
|||
-GtkWindow-resize-grip-width: 0;
|
||||
-WnckTasklist-fade-overlay-rect: 0;
|
||||
|
||||
outline-color: alpha($selected_bg_color, 0.5);
|
||||
outline-color: alpha($selected_bg_color, .5);
|
||||
outline-style: dashed;
|
||||
outline-width: 1px;
|
||||
outline-offset: -1px;
|
||||
|
@ -31,21 +31,21 @@
|
|||
}
|
||||
|
||||
* {
|
||||
&:selected { @extend %selected; }
|
||||
|
||||
&:insensitive,
|
||||
&:insensitive:insensitive { color: mix($fg_color, $bg_color, 0.50); }
|
||||
|
||||
&:insensitive { -gtk-image-effect: dim; }
|
||||
|
||||
&:hover { -gtk-image-effect: highlight; }
|
||||
|
||||
/* hyperlinks */
|
||||
-GtkHTML-link-color: $link_color;
|
||||
-GtkIMHtml-hyperlink-color: $link_color;
|
||||
-GtkWidget-link-color: $link_color;
|
||||
-GtkWidget-visited-link-color: $link_color;
|
||||
|
||||
&:selected { @extend %selected; }
|
||||
|
||||
&:insensitive,
|
||||
&:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); }
|
||||
|
||||
&:insensitive { -gtk-image-effect: dim; }
|
||||
|
||||
&:hover { -gtk-image-effect: highlight; }
|
||||
|
||||
&:link, &:visited { color: $link_color; }
|
||||
}
|
||||
|
||||
|
@ -71,13 +71,13 @@
|
|||
}
|
||||
|
||||
&:active {
|
||||
background-color: shade($bg_color, 0.9);
|
||||
background-color: shade($bg_color, .9);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:insensitive {
|
||||
background-color: shade(shade($bg_color, 0.95), 1.05);
|
||||
color: mix($fg_color, $bg_color, 0.50);
|
||||
background-color: shade(shade($bg_color, .95), 1.05);
|
||||
color: mix($fg_color, $bg_color, .5);
|
||||
}
|
||||
|
||||
&:selected { @extend %selected; }
|
||||
|
@ -89,12 +89,12 @@ GtkImage, GtkLabel, GtkBox, GtkGrid {
|
|||
|
||||
GtkLabel {
|
||||
&.separator {
|
||||
color: $fg_color;
|
||||
|
||||
@extend .dim-label;
|
||||
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:selected { @extend %selected; }
|
||||
|
||||
&:insensitive { color: mix($fg_color, $bg_color, 0.50); }
|
||||
&:insensitive { color: mix($fg_color, $bg_color, .5); }
|
||||
}
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
&:dir(rtl) {
|
||||
border-radius: 0; // needed when including %linked_middle:dir(rtl)
|
||||
border-right-style: none;
|
||||
border-left-style: solid
|
||||
border-left-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -78,11 +78,11 @@
|
|||
|
||||
@extend %linked_button;
|
||||
|
||||
box-shadow: inset -1px 0 border_normal(rgba(0,0,0,.12 + $border_strength)),
|
||||
box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
|
||||
|
||||
&:focus, &:hover {
|
||||
box-shadow: inset -1px 0 border_focus(rgba(0,0,0,.12 + $border_strength)),
|
||||
box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)),
|
||||
0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
|
||||
}
|
||||
|
||||
|
@ -90,7 +90,7 @@
|
|||
&:active:focus, &:active:hover:focus,
|
||||
&:checked, &:checked:hover,
|
||||
&:checked:focus, &:checked:hover:focus {
|
||||
box-shadow: inset -1px 0 border_active(rgba(0,0,0,.12 + $border_strength)),
|
||||
box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)),
|
||||
inset 0 1px alpha($dark_shadow, .07),
|
||||
inset 0 -1px alpha($dark_shadow, .05);
|
||||
}
|
||||
|
@ -127,7 +127,7 @@
|
|||
|
||||
@extend %button;
|
||||
@include linear-gradient($button_bg);
|
||||
@include border(rgba(0,0,0,.12 + $border_strength));
|
||||
@include border(rgba(0, 0, 0, .12 + $border_strength));
|
||||
|
||||
color: $fg;
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
|
||||
|
@ -142,7 +142,7 @@
|
|||
&, &.flat {
|
||||
&:focus, &:hover {
|
||||
@include linear-gradient(shade($button_bg, 1.2));
|
||||
@include border(rgba(0,0,0,.2 + $border_strength));
|
||||
@include border(rgba(0, 0, 0, .2 + $border_strength));
|
||||
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
|
||||
}
|
||||
|
@ -150,7 +150,7 @@
|
|||
&:active, &:checked {
|
||||
@include linear-gradient(shade($button_bg, .7), to top);
|
||||
|
||||
color: white;
|
||||
color: $white;
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, .06),
|
||||
inset 0 1px alpha($dark_shadow, .07),
|
||||
inset -1px 0 alpha($dark_shadow, .06),
|
||||
|
@ -159,7 +159,7 @@
|
|||
&:focus, &:hover {
|
||||
@include linear-gradient(shade($button_bg, .65), to top);
|
||||
|
||||
color: white;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -212,15 +212,15 @@
|
|||
box-shadow: none;
|
||||
|
||||
&:focus, &:hover {
|
||||
border: 1px solid alpha(black, .3);
|
||||
background-color: alpha(white, .2);
|
||||
border: 1px solid alpha($black, .3);
|
||||
background-color: alpha($white, .2);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:active, &:checked, &:active:hover, &:checked:hover {
|
||||
border: 1px solid alpha(black, .3);
|
||||
background-color: alpha(black, .1);
|
||||
&:active, &:checked, &:active:hover, &:checked:hover {
|
||||
border: 1px solid alpha($black, .3);
|
||||
background-color: alpha($black, .1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
@ -236,7 +236,7 @@
|
|||
.spinbutton & {
|
||||
color: mix($text_color, $base_color, .4);
|
||||
padding: $spacing ($spacing * 2);
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
|
|
|
@ -7,11 +7,11 @@
|
|||
padding: $spacing;
|
||||
outline-offset: -1px;
|
||||
|
||||
&:inconsistent { color: mix($fg_color, $bg_color, 0.5); }
|
||||
&:inconsistent { color: mix($fg_color, $bg_color, .5); }
|
||||
|
||||
&.view, &.highlight, &.header, &.button {
|
||||
&, &:focus, &:hover, &:insensitive {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
|
|
|
@ -5,12 +5,12 @@
|
|||
@include exports("colorchooser") {
|
||||
GtkColorSwatch {
|
||||
&, &:selected {
|
||||
border: 1px solid alpha(black, 0.1);
|
||||
border: 1px solid alpha($black, .1);
|
||||
border-radius: $roundness - 1px;
|
||||
background-color: transparent;
|
||||
background-clip: border-box;
|
||||
|
||||
&:hover { border-color: alpha(black, 0.3); }
|
||||
&:hover { border-color: alpha($black, .3); }
|
||||
}
|
||||
|
||||
&.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; }
|
||||
|
@ -42,20 +42,20 @@
|
|||
|
||||
&.color-dark:hover, &.color-light:hover {
|
||||
background-image: none;
|
||||
border-color: alpha(black, 0.3);
|
||||
border-color: alpha($black, .3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
GtkColorChooserWidget #add-color-button {
|
||||
background-clip: padding-box;
|
||||
border-color: alpha(black, 0.1);
|
||||
background-color: shade($bg_color, 0.95);
|
||||
border-color: alpha($black, .1);
|
||||
background-color: shade($bg_color, .95);
|
||||
color: $fg_color;
|
||||
|
||||
&:hover {
|
||||
border-color: alpha(black, 0.3);
|
||||
background-color: shade($bg_color, 0.90);
|
||||
border-color: alpha($black, .3);
|
||||
background-color: shade($bg_color, .9);
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
@ -69,15 +69,15 @@
|
|||
|
||||
&.color-light {
|
||||
&, &:hover {
|
||||
border-color: alpha(black, 0.3);
|
||||
color: alpha(black, 0.3);
|
||||
border-color: alpha($black, .3);
|
||||
color: alpha($black, .3);
|
||||
}
|
||||
}
|
||||
|
||||
&.color-dark {
|
||||
&, &:hover {
|
||||
border-color: alpha(white, 0.3);
|
||||
color: alpha(white, 0.3);
|
||||
border-color: alpha($white, .3);
|
||||
color: alpha($white, .3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -99,9 +99,9 @@
|
|||
-GtkWidget-vertical-separator: 0;
|
||||
}
|
||||
|
||||
GtkLabel:last-child { color: alpha(currentColor, 0.7); }
|
||||
GtkLabel:last-child { color: alpha(currentColor, .7); }
|
||||
|
||||
GtkImage:last-child { color: alpha(currentColor, 0.7); }
|
||||
GtkImage:last-child { color: alpha(currentColor, .7); }
|
||||
}
|
||||
|
||||
GtkFileChooser {
|
||||
|
@ -119,7 +119,7 @@
|
|||
.dialog-action-box {
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: shade($bg_color, 0.7);
|
||||
border-color: shade($bg_color, .7);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,12 +4,12 @@
|
|||
|
||||
@include exports("grid") {
|
||||
.list {
|
||||
background-color: shade($bg_color, 0.97);
|
||||
background-color: shade($bg_color, .97);
|
||||
color: $fg_color;
|
||||
|
||||
&-row {
|
||||
&, &.button {
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
padding: $spacing;
|
||||
background-image: none;
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
@include exports("infobar") {
|
||||
GtkInfoBar {
|
||||
border: none;
|
||||
border: 0;
|
||||
|
||||
$types: (
|
||||
info: ( $info_fg_color, $info_bg_color ),
|
||||
|
@ -24,7 +24,7 @@
|
|||
&.#{$type} {
|
||||
@include linear-gradient($bg_color);
|
||||
|
||||
border: 1px solid shade($bg_color, 0.8);
|
||||
border: 1px solid shade($bg_color, .8);
|
||||
color: $fg_color;
|
||||
|
||||
.button {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
.menubar {
|
||||
-GtkWidget-window-dragging: true;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: $menubar_bg_color;
|
||||
background-image: none;
|
||||
color: $menubar_fg_color;
|
||||
|
@ -23,13 +23,13 @@
|
|||
color: $menubar_fg_color;
|
||||
|
||||
&:hover {
|
||||
border-color: mix($menubar_bg_color, $menubar_fg_color, 0.21);
|
||||
background-color: mix($menubar_bg_color, $menubar_fg_color, 0.21);
|
||||
border-color: mix($menubar_bg_color, $menubar_fg_color, .21);
|
||||
background-color: mix($menubar_bg_color, $menubar_fg_color, .21);
|
||||
background-image: none;
|
||||
color: shade($menubar_fg_color, 1.08);
|
||||
}
|
||||
|
||||
& *:hover { color: shade($menubar_fg_color, 1.08); }
|
||||
*:hover { color: shade($menubar_fg_color, 1.08); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -55,7 +55,7 @@
|
|||
#toolbar-popup, .menu {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: $menu_bg_color;
|
||||
color: $menu_fg_color;
|
||||
|
||||
|
@ -81,23 +81,23 @@
|
|||
&, .menu & {
|
||||
margin: $spacing;
|
||||
padding: $spacing;
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
|
||||
-GtkMenuItem-arrow-scaling: 0.5;
|
||||
-GtkMenuItem-arrow-scaling: .5;
|
||||
|
||||
&:active, &:hover {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: $selected_bg_color;
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
& *:active, & *:hover { color: $selected_fg_color; }
|
||||
*:active, *:hover { color: $selected_fg_color; }
|
||||
|
||||
&:insensitive, & *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); }
|
||||
&:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); }
|
||||
}
|
||||
|
||||
&.check, &.radio {
|
||||
|
@ -175,7 +175,7 @@
|
|||
background-color: $menu_bg_color;
|
||||
background-image: none;
|
||||
color: $menu_fg_color;
|
||||
box-shadow: 0 3px 6px alpha(black, .16);
|
||||
box-shadow: 0 3px 6px alpha($black, .16);
|
||||
|
||||
&.background {
|
||||
background-image: none;
|
||||
|
@ -186,7 +186,7 @@
|
|||
&:backdrop { box-shadow: none; }
|
||||
|
||||
&.osd {
|
||||
box-shadow: 0 2px 7px 3px alpha(black, .5);
|
||||
box-shadow: 0 2px 7px 3px alpha($black, .5);
|
||||
|
||||
> .toolbar .button {
|
||||
border-radius: 0;
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
@include exports("dimlabel") {
|
||||
.dim-label {
|
||||
opacity: 0.5;
|
||||
opacity: .5;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
@ -19,7 +19,7 @@
|
|||
&.background {
|
||||
@include linear-gradient($tooltip_bg_color);
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: $roundness;
|
||||
color: $tooltip_fg_color;
|
||||
}
|
||||
|
@ -57,7 +57,7 @@
|
|||
&, &.frame {
|
||||
border-style: solid;
|
||||
border-color: border_normal($osd_bg);
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-width: 0 1px 1px;
|
||||
border-radius: 0 0 $roundness $roundness;
|
||||
padding: $spacing * 2;
|
||||
background-color: $osd_bg;
|
||||
|
@ -81,17 +81,17 @@
|
|||
}
|
||||
|
||||
.expander {
|
||||
color: alpha(currentColor, 0.7);
|
||||
border: alpha(currentColor, 0.7);
|
||||
color: alpha(currentColor, .7);
|
||||
border: alpha(currentColor, .7);
|
||||
|
||||
&:hover {
|
||||
color: alpha(currentColor, 0.8);
|
||||
border-color: alpha(currentColor, 0.8);
|
||||
color: alpha(currentColor, .8);
|
||||
border-color: alpha(currentColor, .8);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: alpha(currentColor, 0.9);
|
||||
border-color: alpha(currentColor, 0.9);
|
||||
color: alpha(currentColor, .9);
|
||||
border-color: alpha(currentColor, .9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -103,9 +103,9 @@
|
|||
|
||||
@include exports("symbolicimage") {
|
||||
.image {
|
||||
color: alpha(currentColor, 0.5);
|
||||
color: alpha(currentColor, .5);
|
||||
|
||||
&:hover { color: alpha(currentColor, 0.9); }
|
||||
&:hover { color: alpha(currentColor, .9); }
|
||||
|
||||
&:selected, &:selected:hover { color: $selected_fg_color; }
|
||||
}
|
||||
|
@ -152,7 +152,7 @@
|
|||
-GtkButton-image-spacing: 0;
|
||||
-GtkButton-inner-border: 0;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
@include exports("notebook") {
|
||||
.notebook {
|
||||
padding: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: border_normal($base_color);
|
||||
border-radius: 0;
|
||||
|
@ -32,11 +32,11 @@
|
|||
&.frame {
|
||||
border-color: border_normal($base_color);
|
||||
|
||||
&.top { border-width: 1px 1px 0 1px; }
|
||||
&.top { border-width: 1px 1px 0; }
|
||||
|
||||
&.right { border-width: 1px 1px 1px 0; }
|
||||
|
||||
&.bottom { border-width: 0 1px 1px 1px; }
|
||||
&.bottom { border-width: 0 1px 1px; }
|
||||
|
||||
&.left { border-width: 1px 0 1px 1px; }
|
||||
}
|
||||
|
@ -90,14 +90,14 @@
|
|||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
GtkLabel { color: mix($text_color, $base_color, 0.3); }
|
||||
GtkLabel { color: mix($text_color, $base_color, .3); }
|
||||
|
||||
/* close button styling */
|
||||
.button { @extend %close_button; }
|
||||
}
|
||||
|
||||
.prelight-page {
|
||||
&, GtkLabel { color: mix($text_color, $base_color, 0.15); }
|
||||
&, GtkLabel { color: mix($text_color, $base_color, .15); }
|
||||
}
|
||||
|
||||
.active-page {
|
||||
|
@ -106,20 +106,20 @@
|
|||
|
||||
.reorderable-page {
|
||||
&:hover {
|
||||
background-color: shade($base_color, 0.85);
|
||||
background-color: shade($base_color, .85);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
/* using box shadows instead of borders due to slanted edges */
|
||||
box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03),
|
||||
inset 1px 0 shade($base_color, 0.7), inset -1px 0 shade($base_color, 0.7);
|
||||
box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
|
||||
inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: shade($base_color, 0.90);
|
||||
background-color: shade($base_color, .9);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03),
|
||||
inset 1px 0 shade($base_color, 0.75), inset -1px 0 shade($base_color, 0.75);
|
||||
box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
|
||||
inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
.osd {
|
||||
&.background {
|
||||
background-color: alpha($osd_bg, 0.8);
|
||||
background-color: alpha($osd_bg, .8);
|
||||
color: $osd_fg;
|
||||
}
|
||||
|
||||
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
|
||||
/* used by gnome-settings-daemon's media-keys OSD */
|
||||
&.trough { background-color: shade($osd_bg, 0.8); }
|
||||
&.trough { background-color: shade($osd_bg, .8); }
|
||||
|
||||
&.progressbar { background-color: $osd_fg; }
|
||||
|
||||
|
@ -45,11 +45,11 @@
|
|||
@include linear-gradient(shade($osd_bg, 1.08));
|
||||
@include border($osd_bg);
|
||||
|
||||
&:insensitive { @include linear-gradient(shade($osd_bg, 0.9)); }
|
||||
&:insensitive { @include linear-gradient(shade($osd_bg, .9)); }
|
||||
}
|
||||
|
||||
&.trough {
|
||||
border-color: shade($osd_bg, 0.8);
|
||||
border-color: shade($osd_bg, .8);
|
||||
background-color: shade($osd_bg, 1.08);
|
||||
background-image: none;
|
||||
|
||||
|
@ -60,8 +60,8 @@
|
|||
}
|
||||
|
||||
&:insensitive, &.highlight:insensitive {
|
||||
border-color: shade($osd_bg, 0.85);
|
||||
background-color: shade($osd_bg, 0.9);
|
||||
border-color: shade($osd_bg, .85);
|
||||
background-color: shade($osd_bg, .9);
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
@ -73,17 +73,17 @@
|
|||
.trough { background-color: $osd_bg; }
|
||||
|
||||
.slider {
|
||||
border: 1px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
|
||||
border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21);
|
||||
border-radius: 0;
|
||||
background-color: mix($osd_bg, $osd_fg, 0.21);
|
||||
background-color: mix($osd_bg, $osd_fg, .21);
|
||||
|
||||
&:hover {
|
||||
border-color: mix(shade($osd_bg, 0.87), $osd_fg, 0.31);
|
||||
background-color: mix($osd_bg, $osd_fg, 0.31);
|
||||
border-color: mix(shade($osd_bg, .87), $osd_fg, .31);
|
||||
background-color: mix($osd_bg, $osd_fg, .31);
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: shade($selected_bg_color, 0.9);
|
||||
border-color: shade($selected_bg_color, .9);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
@ -92,7 +92,7 @@
|
|||
GtkIconView.cell {
|
||||
&:selected, &:selected:focus {
|
||||
background-color: transparent;
|
||||
border: 3px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
|
||||
border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21);
|
||||
border-radius: $roundness;
|
||||
outline-color: transparent;
|
||||
}
|
||||
|
@ -100,7 +100,7 @@
|
|||
|
||||
/* used by Documents */
|
||||
.page-thumbnail {
|
||||
border: 1px solid shade($osd_bg, 0.9);
|
||||
border: 1px solid shade($osd_bg, .9);
|
||||
/* when there's no pixbuf yet */
|
||||
background-color: $osd_bg;
|
||||
}
|
||||
|
|
|
@ -9,15 +9,11 @@
|
|||
@if $position == bottom {
|
||||
$_position: center bottom;
|
||||
$_linear_gradient_direction: to top;
|
||||
}
|
||||
|
||||
@else if $position == right {
|
||||
} @else if $position == right {
|
||||
$_position: right center;
|
||||
$_small_gradient_size: $_small_gradient_length 100%;
|
||||
$_big_gradient_size: $_big_gradient_length 100%;
|
||||
}
|
||||
|
||||
@else if $position == left {
|
||||
} @else if $position == left {
|
||||
$_position: left center;
|
||||
$_small_gradient_size: $_small_gradient_length 100%;
|
||||
$_big_gradient_size: $_big_gradient_length 100%;
|
||||
|
@ -28,13 +24,13 @@
|
|||
|
||||
$_small_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.5,
|
||||
$_position, .5,
|
||||
to(alpha($_small_gradient_color, .35)),
|
||||
to(alpha($_small_gradient_color, .25)));
|
||||
|
||||
$_big_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.6,
|
||||
$_position, .6,
|
||||
from(alpha($_big_gradient_color, .2)),
|
||||
to(alpha($_big_gradient_color, 0)));
|
||||
|
||||
|
@ -50,13 +46,13 @@
|
|||
background-position: $_position;
|
||||
|
||||
background-color: transparent; // reset some properties to be sure to not inherit them somehow
|
||||
border: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@mixin undershoot($position) {
|
||||
$_undershoot_color_dark: alpha(black, .2);
|
||||
$_undershoot_color_light: alpha(white, .2);
|
||||
$_undershoot_color_dark: alpha($black, .2);
|
||||
$_undershoot_color_light: alpha($white, .2);
|
||||
|
||||
$_gradient_dir: left;
|
||||
$_dash_bg_size: 10px 1px;
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
padding: 0;
|
||||
border-radius: $roundness;
|
||||
font-size: smaller;
|
||||
color: alpha($fg_color, 0.6);
|
||||
color: alpha($fg_color, .6);
|
||||
|
||||
-GtkProgressBar-min-horizontal-bar-height: 6;
|
||||
-GtkProgressBar-min-vertical-bar-width: 6;
|
||||
|
@ -19,7 +19,7 @@
|
|||
}
|
||||
|
||||
&.trough {
|
||||
border: 1px solid alpha(border_normal($bg_color), 0.5);
|
||||
border: 1px solid alpha(border_normal($bg_color), .5);
|
||||
background-color: shade($bg_color, 1.08);
|
||||
background-image: none;
|
||||
}
|
||||
|
@ -72,7 +72,7 @@
|
|||
&.trough {
|
||||
@include linear-gradient(shade($bg_color, 1.08), to top);
|
||||
|
||||
border: 1px solid alpha(border_normal($bg_color), 0.5);
|
||||
border: 1px solid alpha(border_normal($bg_color), .5);
|
||||
border-radius: $roundness;
|
||||
}
|
||||
|
||||
|
@ -86,6 +86,7 @@
|
|||
|
||||
&.indicator-discrete {
|
||||
&.horizontal { margin-right: 1px; }
|
||||
|
||||
&.vertical { margin-bottom: 1px; }
|
||||
}
|
||||
|
||||
|
@ -127,7 +128,7 @@
|
|||
border-style: solid;
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
|
||||
|
||||
&:insensitive { @include linear-gradient(shade($bg_color, 0.9)); }
|
||||
&:insensitive { @include linear-gradient(shade($bg_color, .9)); }
|
||||
}
|
||||
|
||||
&.fine-tune {
|
||||
|
@ -140,17 +141,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.mark { border-color: alpha(border_normal($bg_color), 0.5); }
|
||||
&.mark { border-color: alpha(border_normal($bg_color), .5); }
|
||||
|
||||
|
||||
&.trough {
|
||||
@include linear-gradient(shade($bg_color, 1.08));
|
||||
|
||||
margin: 7px 0;
|
||||
border: 1px solid alpha(border_normal($bg_color), 0.5);
|
||||
border: 1px solid alpha(border_normal($bg_color), .5);
|
||||
border-radius: $roundness;
|
||||
|
||||
&:insensitive { @include linear-gradient(shade($bg_color, 0.9)); }
|
||||
&:insensitive { @include linear-gradient(shade($bg_color, .9)); }
|
||||
|
||||
&.vertical { margin: 0 7px; }
|
||||
}
|
||||
|
@ -162,9 +163,9 @@
|
|||
border-color: $selected_bg_color;
|
||||
|
||||
&:insensitive {
|
||||
@include linear-gradient(shade($bg_color, 0.8));
|
||||
@include linear-gradient(shade($bg_color, .8));
|
||||
|
||||
border-color: shade($bg_color, 0.7);
|
||||
border-color: shade($bg_color, .7);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -25,16 +25,16 @@
|
|||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: alpha($fg_color, 0.5);
|
||||
color: alpha($fg_color, .5);
|
||||
}
|
||||
}
|
||||
|
||||
&.slider, &.slider.vertical {
|
||||
border: 0;
|
||||
border-radius: $roundness;
|
||||
background-color: shade($bg_color, 0.5);
|
||||
background-color: shade($bg_color, .5);
|
||||
|
||||
&:hover { background-color: shade($bg_color, 0.3); }
|
||||
&:hover { background-color: shade($bg_color, .3); }
|
||||
|
||||
&:active { background-color: $selected_bg_color; }
|
||||
|
||||
|
@ -44,7 +44,7 @@
|
|||
// overlay scrolling indicator
|
||||
&.overlay-indicator {
|
||||
&:not(.dragging):not(.hovering) {
|
||||
opacity: 0.5;
|
||||
opacity: .5;
|
||||
|
||||
-GtkRange-slider-width: 4px;
|
||||
|
||||
|
@ -60,7 +60,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.dragging, &.hovering { opacity: 0.7; }
|
||||
&.dragging, &.hovering { opacity: .7; }
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -75,12 +75,12 @@
|
|||
|
||||
// ubuntu overlay scrollbars
|
||||
OsThumb, OsScrollbar {
|
||||
color: shade($bg_color, 0.7);
|
||||
color: shade($bg_color, .7);
|
||||
|
||||
&:selected { background-color: $selected_bg_color; }
|
||||
|
||||
&:active { background-color: $selected_bg_color; }
|
||||
|
||||
&:insensitive { background-color: shade($bg_color, 0.9); }
|
||||
&:insensitive { background-color: shade($bg_color, .9); }
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,16 +4,16 @@
|
|||
|
||||
@include exports("sidebar") {
|
||||
.sidebar {
|
||||
&, &.view, & .view, & GtkScrolledWindow {
|
||||
&, &.view, .view, GtkScrolledWindow {
|
||||
background-color: $bg_color;
|
||||
color: mix($fg_color, $bg_color, 0.1);
|
||||
color: mix($fg_color, $bg_color, .1);
|
||||
|
||||
&.separator {
|
||||
&, &:hover, &:focus {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade($bg_color, 0.9);
|
||||
color: shade($bg_color, 0.9);
|
||||
border-color: shade($bg_color, .9);
|
||||
color: shade($bg_color, .9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -21,14 +21,14 @@
|
|||
row, .view row {
|
||||
&:selected {
|
||||
&, &:hover, &:focus {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
&:prelight {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: shade($selected_bg_color, 1.05);
|
||||
color: $selected_fg_color;
|
||||
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
|
||||
&:prelight {
|
||||
border: none;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: shade($bg_color, 1.05);
|
||||
}
|
||||
|
@ -51,15 +51,16 @@
|
|||
border-right-color: border_normal($bg_color);
|
||||
border-radius: 0;
|
||||
background-color: $bg_color;
|
||||
color: mix($fg_color, $bg_color, 0.1);
|
||||
color: mix($fg_color, $bg_color, .1);
|
||||
|
||||
&:dir(ltr) { border-width: 0 1px 0 0; }
|
||||
|
||||
&:dir(rtl) { border-width: 0 0 0 1px; }
|
||||
|
||||
.label {
|
||||
padding: $spacing ($spacing * 2);
|
||||
|
||||
&.highlight { background-color: mix($bg_color, $fg_color, 0.80); }
|
||||
&.highlight { background-color: mix($bg_color, $fg_color, .8); }
|
||||
}
|
||||
|
||||
&.csd .sidebar { border-top-style: none; }
|
||||
|
@ -88,7 +89,7 @@
|
|||
margin-left: $spacing;
|
||||
}
|
||||
|
||||
GtkPaned .pane-separator { background-color: shade($bg_color, 0.9); }
|
||||
GtkPaned .pane-separator { background-color: shade($bg_color, .9); }
|
||||
|
||||
GtkPaned.wide {
|
||||
-GtkPaned-handle-size: 4;
|
||||
|
@ -99,7 +100,7 @@
|
|||
GtkPaned.wide .pane-separator {
|
||||
background-color: transparent;
|
||||
border-style: none solid;
|
||||
border-color: shade($bg_color, 0.9);
|
||||
border-color: shade($bg_color, .9);
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
opacity: 1;
|
||||
animation: spin 1s linear infinite;
|
||||
|
||||
&:insensitive { opacity: 0.5; }
|
||||
&:insensitive { opacity: .5; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -78,12 +78,12 @@ $suffix: if($variant == "dark", "-dark", "");
|
|||
&.slider {
|
||||
@include linear-gradient(shade($bg_color, 1.2));
|
||||
|
||||
border: 1px solid rgba(0,0,0,0.2);
|
||||
border: 1px solid rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12);
|
||||
|
||||
&:insensitive {
|
||||
border-color: rgba(0,0,0,0.1);
|
||||
background-color: shade($bg_color, 0.9);
|
||||
border-color: rgba(0, 0, 0, .1);
|
||||
background-color: shade($bg_color, .9);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
@ -101,7 +101,7 @@ $suffix: if($variant == "dark", "-dark", "");
|
|||
&:active {
|
||||
@include linear-gradient($selected_bg_color, to top);
|
||||
|
||||
border-color: shade($selected_bg_color, 0.9);
|
||||
border-color: shade($selected_bg_color, .9);
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
|
@ -109,7 +109,7 @@ $suffix: if($variant == "dark", "-dark", "");
|
|||
@include linear-gradient(shade($bg_color, .9), to top);
|
||||
|
||||
border-color: border_insensitive($bg_color);
|
||||
color: mix($fg_color, $bg_color, 0.5);
|
||||
color: mix($fg_color, $bg_color, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
GtkComboBox, .button {
|
||||
padding: $spacing - 1px;
|
||||
|
||||
&.text-button { padding: $spacing; }
|
||||
&.text-button { padding: $spacing; }
|
||||
|
||||
&.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; }
|
||||
}
|
||||
|
@ -65,7 +65,7 @@
|
|||
.header-bar {
|
||||
@include toolbar($titlebar_bg_color, $titlebar_fg_color);
|
||||
|
||||
border-width: 0 0 1px 0;
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
|
@ -83,7 +83,7 @@
|
|||
}
|
||||
|
||||
&.default-decoration {
|
||||
border: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
@ -93,7 +93,7 @@
|
|||
|
||||
.titlebutton {
|
||||
padding: $spacing;
|
||||
border: none;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
background-color: $base_color;
|
||||
|
||||
&:insensitive, &:insensitive:insensitive {
|
||||
background-color: shade($base_color, 0.9);
|
||||
color: mix($text_color, $base_color, 0.5);
|
||||
background-color: shade($base_color, .9);
|
||||
color: mix($text_color, $base_color, .5);
|
||||
}
|
||||
|
||||
&:selected, &:selected:focus { @extend %selected; }
|
||||
|
@ -33,7 +33,7 @@
|
|||
-GtkWidget-focus-padding: 1;
|
||||
-GtkWidget-focus-line-width: 0;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
background-color: $selected_bg_color;
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
|
@ -45,11 +45,11 @@
|
|||
&.view {
|
||||
background-color: $base_color;
|
||||
|
||||
&:prelight { background-color: alpha($selected_bg_color, 0.6); }
|
||||
&:prelight { background-color: alpha($selected_bg_color, .6); }
|
||||
|
||||
&:selected, &:active { background-color: $selected_bg_color; }
|
||||
|
||||
&:insensitive { background-color: shade($base_color, 0.9); }
|
||||
&:insensitive { background-color: shade($base_color, .9); }
|
||||
|
||||
&.check {
|
||||
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
|
||||
|
@ -67,7 +67,7 @@
|
|||
|
||||
&.view.cell {
|
||||
&:selected, &:selected:focus {
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
background-image: none;
|
||||
background-color: $selected_bg_color;
|
||||
|
@ -77,32 +77,32 @@
|
|||
}
|
||||
|
||||
.dim-label {
|
||||
&, &.view { color: alpha(currentColor, 0.5); }
|
||||
&, &.view { color: alpha(currentColor, .5); }
|
||||
}
|
||||
|
||||
.dnd { border: 1px solid $selected_bg_color; }
|
||||
|
||||
.grip { background-color: transparent; }
|
||||
|
||||
.arrow { color: alpha(currentColor, 0.7); }
|
||||
.arrow { color: alpha(currentColor, .7); }
|
||||
|
||||
.rubberband {
|
||||
&, &.view, &.content-view.view {
|
||||
border: 1px solid $selected_bg_color;
|
||||
border-radius: 0;
|
||||
background-color: alpha($selected_bg_color, 0.3);
|
||||
background-color: alpha($selected_bg_color, .3);
|
||||
}
|
||||
}
|
||||
|
||||
GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }
|
||||
|
||||
/* this will get overridden by .view, needed by gedit line numbers */
|
||||
GtkTextView { background-color: mix($bg_color, $base_color, 0.50); }
|
||||
GtkTextView { background-color: mix($bg_color, $base_color, .5); }
|
||||
|
||||
GtkHTML {
|
||||
@extend .view;
|
||||
|
||||
&:insensitive { background-color: shade($base_color, 0.9); }
|
||||
&:insensitive { background-color: shade($base_color, .9); }
|
||||
}
|
||||
|
||||
GtkDrawingArea { background-color: transparent; }
|
||||
|
@ -155,20 +155,20 @@
|
|||
}
|
||||
|
||||
&, &:active, &:focus, &:active:focus {
|
||||
border-color: shade($base_color, 0.9);
|
||||
border-bottom-color: shade($base_color, 0.8);
|
||||
background-color: shade($base_color, 0.97);
|
||||
border-color: shade($base_color, .9);
|
||||
border-bottom-color: shade($base_color, .8);
|
||||
background-color: shade($base_color, .97);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
|
||||
border-color: shade($base_color, 0.9);
|
||||
border-bottom-color: shade($base_color, 0.8);
|
||||
background-color: shade($base_color, 0.99);
|
||||
border-color: shade($base_color, .9);
|
||||
border-bottom-color: shade($base_color, .8);
|
||||
background-color: shade($base_color, .99);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&:last-child .button { border-width: 0 0 1px 0; }
|
||||
&:last-child .button { border-width: 0 0 1px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -182,10 +182,10 @@
|
|||
.frame {
|
||||
border: 1px solid border_normal($bg_color);
|
||||
|
||||
&.flat { border: none; }
|
||||
&.flat { border: 0; }
|
||||
}
|
||||
|
||||
/* avoid double borders when a viewport is packed into a GtkScrolledWindow */
|
||||
GtkScrolledWindow GtkViewport.frame { border: none; }
|
||||
GtkScrolledWindow GtkViewport.frame { border: 0; }
|
||||
}
|
||||
|
||||
|
|
|
@ -4,11 +4,11 @@
|
|||
|
||||
@include exports("window") {
|
||||
%window {
|
||||
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22),
|
||||
box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22),
|
||||
0 0 0 1px $wm_border_focused;
|
||||
|
||||
&:backdrop {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23),
|
||||
0 0 0 1px $wm_border_unfocused;
|
||||
}
|
||||
}
|
||||
|
@ -16,7 +16,7 @@
|
|||
.window-frame {
|
||||
@extend %window;
|
||||
|
||||
border: none;
|
||||
border: 0;
|
||||
border-radius: $roundness $roundness 0 0;
|
||||
|
||||
/* this is used for the resize cursor area */
|
||||
|
|
Loading…
Reference in New Issue