2014-11-23 17:06:45 +00:00
|
|
|
/******************
|
|
|
|
! Grid and flowbox
|
|
|
|
*******************/
|
2014-11-13 19:59:02 +00:00
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
@include exports("grid") {
|
|
|
|
.list {
|
2015-08-06 23:10:35 +00:00
|
|
|
background-color: shade($bg_color, .97);
|
2014-12-28 14:54:48 +00:00
|
|
|
color: $fg_color;
|
2014-11-13 19:59:02 +00:00
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
&-row {
|
|
|
|
&, &.button {
|
2015-08-06 23:10:35 +00:00
|
|
|
border: 0;
|
2014-12-28 14:54:48 +00:00
|
|
|
border-radius: 0;
|
|
|
|
padding: $spacing;
|
2014-11-13 19:59:02 +00:00
|
|
|
background-image: none;
|
2015-05-31 16:20:35 +00:00
|
|
|
background-color: alpha($bg_color, 0);
|
2014-12-28 14:54:48 +00:00
|
|
|
box-shadow: none;
|
2014-12-13 14:39:58 +00:00
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
&:hover {
|
2014-12-13 14:39:58 +00:00
|
|
|
background-image: none;
|
2014-12-28 14:54:48 +00:00
|
|
|
background-color: shade($bg_color, 1.02);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:selected {
|
|
|
|
&, &:hover, &:focus {
|
|
|
|
background-image: none;
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
color: $selected_fg_color;
|
|
|
|
}
|
2014-12-13 14:39:58 +00:00
|
|
|
}
|
2014-11-13 19:59:02 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
.grid-child {
|
|
|
|
&, GtkFlowBox & {
|
|
|
|
padding: $spacing;
|
|
|
|
border-radius: $roundness;
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
&:selected {
|
|
|
|
@extend %selected;
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-28 14:54:48 +00:00
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
2014-11-23 17:06:45 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2014-12-28 14:54:48 +00:00
|
|
|
|