/*

    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; }
}