Wrap code in exports mixin

This commit is contained in:
Satyajit Sahoo
2014-12-28 20:24:48 +05:30
parent 1b99e55e91
commit 7a4b108791
5 changed files with 159 additions and 196 deletions
+30 -27
View File
@@ -2,44 +2,47 @@
! Grid and flowbox
*******************/
.list {
background-color: shade($bg_color, 0.97);
color: $fg_color;
@include exports("grid") {
.list {
background-color: shade($bg_color, 0.97);
color: $fg_color;
&-row {
&, &.button {
border: none;
border-radius: 0;
padding: $spacing;
background-image: none;
background-color: transparent;
box-shadow: none;
&:hover {
&-row {
&, &.button {
border: none;
border-radius: 0;
padding: $spacing;
background-image: none;
background-color: shade($bg_color, 1.02);
}
background-color: transparent;
box-shadow: none;
&:selected {
&, &:hover, &:focus {
&:hover {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
background-color: shade($bg_color, 1.02);
}
&:selected {
&, &:hover, &:focus {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
}
}
}
}
.grid-child {
&, GtkFlowBox & {
padding: $spacing;
border-radius: $roundness;
.grid-child {
&, GtkFlowBox & {
padding: $spacing;
border-radius: $roundness;
&:selected {
@extend %selected;
&:selected {
@extend %selected;
outline-offset: -2px;
outline-offset: -2px;
}
}
}
}