2016-04-09 04:30:09 +00:00
|
|
|
/******************
|
|
|
|
! Grid and flowbox
|
|
|
|
*******************/
|
|
|
|
|
|
|
|
@include exports("grid") {
|
|
|
|
list {
|
|
|
|
background-color: shade($bg_color, .97);
|
|
|
|
color: $fg_color;
|
|
|
|
|
|
|
|
row {
|
|
|
|
&, &.button {
|
|
|
|
border: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
padding: $spacing;
|
|
|
|
background-image: none;
|
|
|
|
background-color: alpha($bg_color, 0);
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-image: none;
|
|
|
|
background-color: shade($bg_color, 1.02);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:selected {
|
|
|
|
&, &:hover, &:focus {
|
|
|
|
background-image: none;
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
color: $selected_fg_color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.grid-child {
|
2016-04-10 19:55:36 +00:00
|
|
|
&, flowbox & {
|
2016-04-09 04:30:09 +00:00
|
|
|
padding: $spacing;
|
|
|
|
border-radius: $roundness;
|
|
|
|
|
|
|
|
&:selected {
|
|
|
|
@extend %selected;
|
|
|
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|