tachyons-skylark/sass/_overflow.scss

71 lines
1.8 KiB
SCSS

/*
OVERFLOWS
*/
.of-vis { overflow: visible; }
.of-hid { overflow: hidden; }
.of-scr { overflow: scroll; }
.of-aut { overflow: auto; }
.ofx-vis { overflow-x: visible; }
.ofx-hid { overflow-x: hidden; }
.ofx-scr { overflow-x: scroll; }
.ofx-aut { overflow-x: auto; }
.ofy-vis { overflow-y: visible; }
.ofy-hid { overflow-y: hidden; }
.ofy-scr { overflow-y: scroll; }
.ofy-aut { overflow-y: auto; }
@include break(not-small) {
.of-vis-ns { overflow: visible; }
.of-hid-ns { overflow: hidden; }
.of-scr-ns { overflow: scroll; }
.of-aut-ns { overflow: auto; }
.ofx-vis-ns { overflow-x: visible; }
.ofx-hid-ns { overflow-x: hidden; }
.ofx-scr-ns { overflow-x: scroll; }
.ofx-aut-ns { overflow-x: auto; }
.ofy-vis-ns { overflow-y: visible; }
.ofy-hid-ns { overflow-y: hidden; }
.ofy-scr-ns { overflow-y: scroll; }
.ofy-aut-ns { overflow-y: auto; }
}
@include break(medium) {
.of-vis-m { overflow: visible; }
.of-hid-m { overflow: hidden; }
.of-scr-m { overflow: scroll; }
.of-aut-m { overflow: auto; }
.ofx-vis-m { overflow-x: visible; }
.ofx-hid-m { overflow-x: hidden; }
.ofx-scr-m { overflow-x: scroll; }
.ofx-aut-m { overflow-x: auto; }
.ofy-vis-m { overflow-y: visible; }
.ofy-hid-m { overflow-y: hidden; }
.ofy-scr-m { overflow-y: scroll; }
.ofy-aut-m { overflow-y: auto; }
}
@include break(large) {
.of-vis-l { overflow: visible; }
.of-hid-l { overflow: hidden; }
.of-scr-l { overflow: scroll; }
.of-aut-l { overflow: auto; }
.ofx-vis-l { overflow-x: visible; }
.ofx-hid-l { overflow-x: hidden; }
.ofx-scr-l { overflow-x: scroll; }
.ofx-aut-l { overflow-x: auto; }
.ofy-vis-l { overflow-y: visible; }
.ofy-hid-l { overflow-y: hidden; }
.ofy-scr-l { overflow-y: scroll; }
.ofy-aut-l { overflow-y: auto; }
}