margin: 0 0 10px;
}
p {
- font-size: .85em;
+ font-size: .7rem;
margin: 0;
line-height: 1.6em;
}
.grid.half, .grid.left-focus, .grid.right-focus {
grid-template-columns: 1fr;
}
+ .grid.half.collapse-xs {
+ grid-template-columns: 1fr 1fr;
+ }
.grid.large-gap {
grid-column-gap: $-m;
grid-row-gap: $-m;
}
}
+@include smaller-than($xs) {
+ .grid.half.collapse-xs {
+ grid-template-columns: 1fr;
+ }
+}
+
.float {
float: left;
&.right {