kirbylife
/
numix-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Wrap code in exports mixin

pull/224/head
Satyajit Sahoo 2014-12-28 20:24:48 +05:30
parent 1b99e55e91
commit 7a4b108791
5 changed files with 159 additions and 196 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
gtk-3.0/scss/widgets/_grid.scss
View File

@ -2,44 +2,47 @@
! Grid and flowbox ! Grid and flowbox
*******************/ *******************/
.list { @include exports("grid") {
background-color: shade($bg_color, 0.97); .list {
color: $fg_color; background-color: shade($bg_color, 0.97);
color: $fg_color;
&-row { &-row {
&, &.button { &, &.button {
border: none; border: none;
border-radius: 0; border-radius: 0;
padding: $spacing; padding: $spacing;
background-image: none;
background-color: transparent;
box-shadow: none;
&:hover {
background-image: none; background-image: none;
background-color: shade($bg_color, 1.02); background-color: transparent;
} box-shadow: none;
&:selected { &:hover {
&, &:hover, &:focus {
background-image: none; background-image: none;
background-color: $selected_bg_color; background-color: shade($bg_color, 1.02);
color: $selected_fg_color; }
&:selected {
&, &:hover, &:focus {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
} }
} }
} }
} }
}
.grid-child { .grid-child {
&, GtkFlowBox & { &, GtkFlowBox & {
padding: $spacing; padding: $spacing;
border-radius: $roundness; border-radius: $roundness;
&:selected { &:selected {
@extend %selected; @extend %selected;
outline-offset: -2px; outline-offset: -2px;
}
} }
} }
} }

8
gtk-3.0/scss/widgets/_misc.scss
View File

@ -2,9 +2,11 @@
! Dimmed label * ! Dimmed label *
****************/ ****************/
.dim-label { @include exports("dimlabel") {
opacity: 0.5; .dim-label {
text-shadow: none; opacity: 0.5;
text-shadow: none;
}
} }

227
gtk-3.0/scss/widgets/_osd.scss
View File

@ -5,146 +5,127 @@
! OSD * ! OSD *
********/ ********/
GtkOverlay.osd { @include exports("osd") {
background-color: transparent; GtkOverlay.osd { background-color: transparent; }
}
.osd { .osd {
&.background { &.background {
background-color: alpha($osd_bg, 0.8); background-color: alpha($osd_bg, 0.8);
color: $osd_fg; color: $osd_fg;
} }
&.frame { &.frame {
background-clip: border-box; background-clip: border-box;
background-origin: border-box; background-origin: border-box;
} }
&.button, .button { @include button($osd_bg, $osd_fg); } &.button, .button { @include button($osd_bg, $osd_fg); }
&.toolbar { &.toolbar {
-GtkToolbar-button-relief: normal; -GtkToolbar-button-relief: normal;
padding: $spacing; padding: $spacing;
border: 1px solid border_normal($osd_bg); border: 1px solid border_normal($osd_bg);
border-radius: $roundness; border-radius: $roundness;
background-color: $osd_bg; background-color: $osd_bg;
background-image: none;
color: $osd_fg;
.separator { color: shade($osd_bg, ($contrast + .1)); }
}
/* used by gnome-settings-daemon's media-keys OSD */
&.trough { background-color: shade($osd_bg, 0.8); }
&.progressbar { background-color: $osd_fg; }
.scale {
&.slider {
background-color: shade($osd_bg, 1.08);
background-image: none; background-image: none;
/* we will draw the border using box shadow for now */ color: $osd_fg;
box-shadow: inset 1px 0 shade($osd_bg, 0.8),
inset 0 1px shade($osd_bg, 0.8),
inset -1px 0 shade($osd_bg, 0.8),
inset 0 -1px shade($osd_bg, 0.8);
&:hover { .separator { color: shade($osd_bg, ($contrast + .1)); }
box-shadow: inset 1px 0 shade($osd_bg, 0.7), }
inset 0 1px shade($osd_bg, 0.7),
inset -1px 0 shade($osd_bg, 0.7), /* used by gnome-settings-daemon's media-keys OSD */
inset 0 -1px shade($osd_bg, 0.7); &.trough { background-color: shade($osd_bg, 0.8); }
&.progressbar { background-color: $osd_fg; }
.scale {
&.slider {
@include linear-gradient(shade($osd_bg, 1.08));
@include border($osd_bg);
&:insensitive { @include linear-gradient(shade($osd_bg, 0.9)); }
} }
&:insensitive { &.trough {
background-color: shade($osd_bg, 0.9); border-color: shade($osd_bg, 0.8);
background-color: shade($osd_bg, 1.08);
background-image: none; background-image: none;
box-shadow: inset 1px 0 shade($osd_bg, 0.85),
inset 0 1px shade($osd_bg, 0.85), &.highlight {
inset -1px 0 shade($osd_bg, 0.85), border-color: $selected_bg_color;
inset 0 -1px shade($osd_bg, 0.85); background-color: $selected_bg_color;
background-image: none;
}
&:insensitive, &.highlight:insensitive {
border-color: shade($osd_bg, 0.85);
background-color: shade($osd_bg, 0.9);
background-image: none;
}
} }
} }
&.view, .view { background-color: $osd_bg; }
.scrollbar {
.trough { background-color: $osd_bg; }
.slider {
border: 1px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
border-radius: 0;
background-color: mix($osd_bg, $osd_fg, 0.21);
&:hover {
border-color: mix(shade($osd_bg, 0.87), $osd_fg, 0.31);
background-color: mix($osd_bg, $osd_fg, 0.31);
}
&:active {
border-color: shade($selected_bg_color, 0.9);
background-color: $selected_bg_color;
}
}
}
GtkIconView.cell {
&:selected, &:selected:focus {
background-color: transparent;
border: 3px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
border-radius: $roundness;
outline-color: transparent;
}
}
/* used by Documents */
.page-thumbnail {
border: 1px solid shade($osd_bg, 0.9);
/* when there's no pixbuf yet */
background-color: $osd_bg;
}
}
.osd GtkProgressBar, GtkProgressBar.osd {
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px;
padding: 0;
&.trough { &.trough {
border-color: shade($osd_bg, 0.8); padding: 0;
background-color: shade($osd_bg, 1.08); border-style: none;
background-image: none;
&.highlight {
border-color: $selected_bg_color;
background-color: $selected_bg_color;
background-image: none;
}
&:insensitive, &.highlight:insensitive {
border-color: shade($osd_bg, 0.85);
background-color: shade($osd_bg, 0.9);
background-image: none;
}
}
}
&.view, .view { background-color: $osd_bg; }
.scrollbar {
.trough { background-color: $osd_bg; }
.slider {
border: 1px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21);
border-radius: 0; border-radius: 0;
background-color: mix($osd_bg, $osd_fg, 0.21); background-image: none;
&:hover {
border-color: mix(shade($osd_bg, 0.87), $osd_fg, 0.31);
background-color: mix($osd_bg, $osd_fg, 0.31);
}
&:active {
border-color: shade($selected_bg_color, 0.9);
background-color: $selected_bg_color;
}
}
}
GtkIconView.cell {
&:selected, &:selected:focus {
background-color: transparent; background-color: transparent;
border: 3px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21); }
border-radius: $roundness;
outline-color: transparent; &.progressbar {
border-style: none;
border-radius: 0;
background-color: $selected_bg_color;
background-image: none;
} }
} }
/* used by Documents */
.page-thumbnail {
border: 1px solid shade($osd_bg, 0.9);
/* when there's no pixbuf yet */
background-color: $osd_bg;
}
}
.osd GtkProgressBar, GtkProgressBar.osd {
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px;
padding: 0;
&.trough {
padding: 0;
border-style: none;
border-radius: 0;
background-image: none;
background-color: transparent;
}
&.progressbar {
border-style: none;
border-radius: 0;
background-color: $selected_bg_color;
background-image: none;
}
} }

33
gtk-3.0/scss/widgets/_progress.scss
View File

@ -120,37 +120,14 @@
&.slider { &.slider {
@include linear-gradient(shade($bg_color, 1.08)); @include linear-gradient(shade($bg_color, 1.08));
@include border($bg_color);
border-radius: 8px; border-radius: 8px;
border-width: 1px;
border-style: solid;
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
/* we will draw the border using box shadow for now */ &:insensitive { @include linear-gradient(shade($bg_color, 0.9)); }
box-shadow: inset 1px 0 border_normal($bg_color),
inset 0 1px border_normal($bg_color),
inset -1px 0 border_normal($bg_color),
inset 0 -1px border_normal($bg_color);
&:hover, &:focus {
box-shadow: inset 1px 0 border_focus($bg_color),
inset 0 1px border_focus($bg_color),
inset -1px 0 border_focus($bg_color),
inset 0 -1px border_focus($bg_color);
}
&:active {
box-shadow: inset 1px 0 border_active($bg_color),
inset 0 1px border_active($bg_color),
inset -1px 0 border_active($bg_color),
inset 0 -1px border_active($bg_color);
}
&:insensitive {
@include linear-gradient(shade($bg_color, 0.9));
box-shadow: inset 1px 0 border_insensitive($bg_color),
inset 0 1px border_insensitive($bg_color),
inset -1px 0 border_insensitive($bg_color),
inset 0 -1px border_insensitive($bg_color);
}
} }
&.fine-tune { &.fine-tune {

30
gtk-3.0/scss/widgets/_sidebar.scss
View File

@ -19,21 +19,21 @@
} }
row, .view row { row, .view row {
&:selected { &:selected {
&, &:hover, &:focus { &, &:hover, &:focus {
border: none; border: none;
background-image: none; background-image: none;
background-color: $selected_bg_color; background-color: $selected_bg_color;
color: $selected_fg_color; color: $selected_fg_color;
} }
&:prelight { &:prelight {
border: none; border: none;
background-image: none; background-image: none;
background-color: shade($selected_bg_color, 1.05); background-color: shade($selected_bg_color, 1.05);
color: $selected_fg_color; color: $selected_fg_color;
} }
} }
&:prelight { &:prelight {
border: none; border: none;
@ -46,7 +46,7 @@
.frame { border-width: 0; } .frame { border-width: 0; }
GtkAssistant & { GtkAssistant & {
padding: 4px; padding: $spacing;
border-width: 0 1px 0 0; border-width: 0 1px 0 0;
border-style: solid; border-style: solid;
border-right-color: border_normal($bg_color); border-right-color: border_normal($bg_color);