ui/app/styles/layout/_medium.scss

76 lines
1.4 KiB
SCSS

///768
@media only screen and (max-width: map-get($breakpoints, medium)) {
.col {
margin: 1% 0 1% 0%;
}
.span-12,
.span-11,
.span-10,
.span-9,
.span-8,
.span-7,
.span-6,
.span-5,
.span-4,
.span-3,
.span-2,
.span-1,
.gutless {
width: 100%;
}
.gutless {
.span-12,
.span-11,
.span-10,
.span-9,
.span-8,
.span-7,
.span-6,
.span-5,
.span-4,
.span-3,
.span-2,
.span-1,
.gutless {
width: 100%;
}
}
// .span-1 {
// width: 22.6%;
// margin: 1% 0 1% 3.2%;
// }
// .span-1:nth-child(4n+1) {
// clear: both;
// margin-left: 0;
// }
.col.offset-12:first-child,
.offset-12,
.col.offset-11:first-child,
.offset-11,
.col.offset-10:first-child,
.offset-10,
.col.offset-9:first-child,
.offset-9,
.col.offset-8:first-child,
.offset-8,
.col.offset-7:first-child,
.offset-7,
.col.offset-6:first-child,
.offset-6,
.col.offset-5:first-child,
.offset-5,
.col.offset-4:first-child,
.offset-4,
.col.offset-3:first-child,
.offset-3,
.col.offset-2:first-child,
.offset-2,
.col.offset-1:first-child,
.offset-1 {
margin-left: 0;
}
.hidden-md {
display: none;
}
}