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.
39 lines
586 B
39 lines
586 B
4 years ago
|
// Tiles
|
||
|
|
.tile {
|
||
|
|
align-content: space-between;
|
||
|
|
align-items: flex-start;
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
.tile-icon,
|
||
|
|
.tile-action {
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
.tile-content {
|
||
|
|
flex: 1 1 auto;
|
||
|
|
&:not(:first-child) {
|
||
|
|
padding-left: $unit-2;
|
||
|
|
}
|
||
|
|
&:not(:last-child) {
|
||
|
|
padding-right: $unit-2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tile-title,
|
||
|
|
.tile-subtitle {
|
||
|
|
line-height: $line-height;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.tile-centered {
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.tile-content {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tile-title,
|
||
|
|
.tile-subtitle {
|
||
|
|
@include text-ellipsis();
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|