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

View File

@ -2,6 +2,7 @@
! Grid and flowbox ! Grid and flowbox
*******************/ *******************/
@include exports("grid") {
.list { .list {
background-color: shade($bg_color, 0.97); background-color: shade($bg_color, 0.97);
color: $fg_color; color: $fg_color;
@ -43,3 +44,5 @@
} }
} }
} }
}

View File

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

View File

@ -5,9 +5,8 @@
! OSD * ! OSD *
********/ ********/
GtkOverlay.osd { @include exports("osd") {
background-color: transparent; GtkOverlay.osd { background-color: transparent; }
}
.osd { .osd {
&.background { &.background {
@ -43,29 +42,10 @@ GtkOverlay.osd {
.scale { .scale {
&.slider { &.slider {
background-color: shade($osd_bg, 1.08); @include linear-gradient(shade($osd_bg, 1.08));
background-image: none; @include border($osd_bg);
/* we will draw the border using box shadow for now */
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 { &:insensitive { @include linear-gradient(shade($osd_bg, 0.9)); }
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),
inset 0 -1px shade($osd_bg, 0.7);
}
&:insensitive {
background-color: shade($osd_bg, 0.9);
background-image: none;
box-shadow: inset 1px 0 shade($osd_bg, 0.85),
inset 0 1px shade($osd_bg, 0.85),
inset -1px 0 shade($osd_bg, 0.85),
inset 0 -1px shade($osd_bg, 0.85);
}
} }
&.trough { &.trough {
@ -148,3 +128,4 @@ GtkOverlay.osd {
background-image: none; background-image: none;
} }
} }
}

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 {

View File

@ -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);