You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
815 B
36 lines
815 B
@import "../utilities/mixins" |
|
|
|
$tile-spacing: 0.75rem !default |
|
|
|
.tile |
|
align-items: stretch |
|
display: block |
|
flex-basis: 0 |
|
flex-grow: 1 |
|
flex-shrink: 1 |
|
min-height: min-content |
|
// Modifiers |
|
&.is-ancestor |
|
margin-left: $tile-spacing * -1 |
|
margin-right: $tile-spacing * -1 |
|
margin-top: $tile-spacing * -1 |
|
&:last-child |
|
margin-bottom: $tile-spacing * -1 |
|
&:not(:last-child) |
|
margin-bottom: $tile-spacing |
|
&.is-child |
|
margin: 0 !important |
|
&.is-parent |
|
padding: $tile-spacing |
|
&.is-vertical |
|
flex-direction: column |
|
& > .tile.is-child:not(:last-child) |
|
margin-bottom: 1.5rem !important |
|
// Responsiveness |
|
+tablet |
|
&:not(.is-child) |
|
display: flex |
|
@for $i from 1 through 12 |
|
&.is-#{$i} |
|
flex: none |
|
width: (divide($i, 12)) * 100%
|
|
|