{"mappings":"ACcA,wBAIA,qCAME,6CCHI,aAAA,eAAA,eAAA,oBAAA,eAAA,eAAA,eAAA,oBAAA,eAAA,eAAA,eAAA,eAAA,eAAA,eAAA,eAAA,oBAAA,eAAA,eAAA,eAAA,eAAA,eAAA,eAAA,iBAoBA,wBAUA,sBALE,kCAKF,sCAAA,0BAAA,kCAaF,yBAAA,+BAAA,+BAAA,2BAKF,gDAIA,4CAoBI,+BAJA,qCAJA,uCAQA,iCIxFL,oCJgBK,gBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,oBAoBA,2BAUA,yBALE,wCAKF,yCAAA,6BAAA,qCAaF,4BAAA,kCAAA,kCAAA,8BAKF,mDAIA,+CAoBI,kCAJA,wCAJA,0CAQA,qCIjFL,oCJSK,gBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,oBAoBA,2BAUA,yBALE,wCAKF,yCAAA,6BAAA,qCAaF,4BAAA,kCAAA,kCAAA,8BAKF,mDAIA,+CAoBI,kCAJA,wCAJA,0CAQA,qCI1EL,qCJEK,gBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,oBAoBA,2BAUA,yBALE,wCAKF,yCAAA,6BAAA,qCAaF,4BAAA,kCAAA,kCAAA,8BAKF,mDAIA,+CAoBI,kCAJA,wCAJA,0CAQA,qCInEL,qCJLK,gBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,uBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,kBAAA,oBAoBA,2BAUA,yBALE,wCAKF,yCAAA,6BAAA,qCAaF,4BAAA,kCAAA,kCAAA,8BAKF,mDAIA,+CAoBI,kCAJA,wCAJA,0CAQA","sources":["easy-columns-slim.css","sass/easy-columns-slim.scss","sass/mixins/_setup-output.scss","sass/config/_layout.scss","sass/mixins/_utilities.scss","sass/config/_typography.scss","sass/mixins/_dimensions-mq.scss"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.columns {\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.columns > .column:last-child {\n  margin-left: auto;\n}\n\n.w5 {\n  width: 5%;\n}\n\n.w10 {\n  width: 10%;\n}\n\n.w15 {\n  width: 15%;\n}\n\n.w17 {\n  width: 16.6667%;\n}\n\n.w20 {\n  width: 20%;\n}\n\n.w25 {\n  width: 25%;\n}\n\n.w30 {\n  width: 30%;\n}\n\n.w33 {\n  width: 33.3333%;\n}\n\n.w35 {\n  width: 35%;\n}\n\n.w40 {\n  width: 40%;\n}\n\n.w45 {\n  width: 45%;\n}\n\n.w50 {\n  width: 50%;\n}\n\n.w55 {\n  width: 55%;\n}\n\n.w60 {\n  width: 60%;\n}\n\n.w65 {\n  width: 65%;\n}\n\n.w67 {\n  width: 66.6667%;\n}\n\n.w70 {\n  width: 70%;\n}\n\n.w75 {\n  width: 75%;\n}\n\n.w80 {\n  width: 80%;\n}\n\n.w85 {\n  width: 85%;\n}\n\n.w90 {\n  width: 90%;\n}\n\n.w95 {\n  width: 95%;\n}\n\n.w100 {\n  width: 100%;\n}\n\n.is-hidden {\n  display: none;\n}\n\n.is-flex {\n  display: flex;\n}\n\n.is-shown, .is-block {\n  display: block;\n}\n\n.is-inline-block {\n  display: inline-block;\n}\n\n.is-inline {\n  display: inline;\n}\n\n.is-table-cell {\n  display: table-cell;\n}\n\n.is-fixed {\n  position: fixed;\n}\n\n.is-absolute {\n  position: absolute;\n}\n\n.is-relative {\n  position: relative;\n}\n\n.is-static {\n  position: static;\n}\n\n.is-centered {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.is-uncentered {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n.has-text-left {\n  text-align: left;\n}\n\n.has-text-centered {\n  text-align: center;\n}\n\n.has-text-justified {\n  text-align: justify;\n}\n\n.has-text-right {\n  text-align: right;\n}\n\n@media screen and (min-width: 481px) {\n  .sm-w5 {\n    width: 5%;\n  }\n\n  .sm-w10 {\n    width: 10%;\n  }\n\n  .sm-w15 {\n    width: 15%;\n  }\n\n  .sm-w17 {\n    width: 16.6667%;\n  }\n\n  .sm-w20 {\n    width: 20%;\n  }\n\n  .sm-w25 {\n    width: 25%;\n  }\n\n  .sm-w30 {\n    width: 30%;\n  }\n\n  .sm-w33 {\n    width: 33.3333%;\n  }\n\n  .sm-w35 {\n    width: 35%;\n  }\n\n  .sm-w40 {\n    width: 40%;\n  }\n\n  .sm-w45 {\n    width: 45%;\n  }\n\n  .sm-w50 {\n    width: 50%;\n  }\n\n  .sm-w55 {\n    width: 55%;\n  }\n\n  .sm-w60 {\n    width: 60%;\n  }\n\n  .sm-w65 {\n    width: 65%;\n  }\n\n  .sm-w67 {\n    width: 66.6667%;\n  }\n\n  .sm-w70 {\n    width: 70%;\n  }\n\n  .sm-w75 {\n    width: 75%;\n  }\n\n  .sm-w80 {\n    width: 80%;\n  }\n\n  .sm-w85 {\n    width: 85%;\n  }\n\n  .sm-w90 {\n    width: 90%;\n  }\n\n  .sm-w95 {\n    width: 95%;\n  }\n\n  .sm-w100 {\n    width: 100%;\n  }\n\n  .sm-is-hidden {\n    display: none;\n  }\n\n  .sm-is-flex {\n    display: flex;\n  }\n\n  .sm-is-shown, .sm-is-block {\n    display: block;\n  }\n\n  .sm-is-inline-block {\n    display: inline-block;\n  }\n\n  .sm-is-inline {\n    display: inline;\n  }\n\n  .sm-is-table-cell {\n    display: table-cell;\n  }\n\n  .sm-is-fixed {\n    position: fixed;\n  }\n\n  .sm-is-absolute {\n    position: absolute;\n  }\n\n  .sm-is-relative {\n    position: relative;\n  }\n\n  .sm-is-static {\n    position: static;\n  }\n\n  .sm-is-centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .sm-is-uncentered {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .sm-has-text-left {\n    text-align: left;\n  }\n\n  .sm-has-text-centered {\n    text-align: center;\n  }\n\n  .sm-has-text-justified {\n    text-align: justify;\n  }\n\n  .sm-has-text-right {\n    text-align: right;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .md-w5 {\n    width: 5%;\n  }\n\n  .md-w10 {\n    width: 10%;\n  }\n\n  .md-w15 {\n    width: 15%;\n  }\n\n  .md-w17 {\n    width: 16.6667%;\n  }\n\n  .md-w20 {\n    width: 20%;\n  }\n\n  .md-w25 {\n    width: 25%;\n  }\n\n  .md-w30 {\n    width: 30%;\n  }\n\n  .md-w33 {\n    width: 33.3333%;\n  }\n\n  .md-w35 {\n    width: 35%;\n  }\n\n  .md-w40 {\n    width: 40%;\n  }\n\n  .md-w45 {\n    width: 45%;\n  }\n\n  .md-w50 {\n    width: 50%;\n  }\n\n  .md-w55 {\n    width: 55%;\n  }\n\n  .md-w60 {\n    width: 60%;\n  }\n\n  .md-w65 {\n    width: 65%;\n  }\n\n  .md-w67 {\n    width: 66.6667%;\n  }\n\n  .md-w70 {\n    width: 70%;\n  }\n\n  .md-w75 {\n    width: 75%;\n  }\n\n  .md-w80 {\n    width: 80%;\n  }\n\n  .md-w85 {\n    width: 85%;\n  }\n\n  .md-w90 {\n    width: 90%;\n  }\n\n  .md-w95 {\n    width: 95%;\n  }\n\n  .md-w100 {\n    width: 100%;\n  }\n\n  .md-is-hidden {\n    display: none;\n  }\n\n  .md-is-flex {\n    display: flex;\n  }\n\n  .md-is-shown, .md-is-block {\n    display: block;\n  }\n\n  .md-is-inline-block {\n    display: inline-block;\n  }\n\n  .md-is-inline {\n    display: inline;\n  }\n\n  .md-is-table-cell {\n    display: table-cell;\n  }\n\n  .md-is-fixed {\n    position: fixed;\n  }\n\n  .md-is-absolute {\n    position: absolute;\n  }\n\n  .md-is-relative {\n    position: relative;\n  }\n\n  .md-is-static {\n    position: static;\n  }\n\n  .md-is-centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .md-is-uncentered {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .md-has-text-left {\n    text-align: left;\n  }\n\n  .md-has-text-centered {\n    text-align: center;\n  }\n\n  .md-has-text-justified {\n    text-align: justify;\n  }\n\n  .md-has-text-right {\n    text-align: right;\n  }\n}\n\n@media screen and (min-width: 1025px) {\n  .lg-w5 {\n    width: 5%;\n  }\n\n  .lg-w10 {\n    width: 10%;\n  }\n\n  .lg-w15 {\n    width: 15%;\n  }\n\n  .lg-w17 {\n    width: 16.6667%;\n  }\n\n  .lg-w20 {\n    width: 20%;\n  }\n\n  .lg-w25 {\n    width: 25%;\n  }\n\n  .lg-w30 {\n    width: 30%;\n  }\n\n  .lg-w33 {\n    width: 33.3333%;\n  }\n\n  .lg-w35 {\n    width: 35%;\n  }\n\n  .lg-w40 {\n    width: 40%;\n  }\n\n  .lg-w45 {\n    width: 45%;\n  }\n\n  .lg-w50 {\n    width: 50%;\n  }\n\n  .lg-w55 {\n    width: 55%;\n  }\n\n  .lg-w60 {\n    width: 60%;\n  }\n\n  .lg-w65 {\n    width: 65%;\n  }\n\n  .lg-w67 {\n    width: 66.6667%;\n  }\n\n  .lg-w70 {\n    width: 70%;\n  }\n\n  .lg-w75 {\n    width: 75%;\n  }\n\n  .lg-w80 {\n    width: 80%;\n  }\n\n  .lg-w85 {\n    width: 85%;\n  }\n\n  .lg-w90 {\n    width: 90%;\n  }\n\n  .lg-w95 {\n    width: 95%;\n  }\n\n  .lg-w100 {\n    width: 100%;\n  }\n\n  .lg-is-hidden {\n    display: none;\n  }\n\n  .lg-is-flex {\n    display: flex;\n  }\n\n  .lg-is-shown, .lg-is-block {\n    display: block;\n  }\n\n  .lg-is-inline-block {\n    display: inline-block;\n  }\n\n  .lg-is-inline {\n    display: inline;\n  }\n\n  .lg-is-table-cell {\n    display: table-cell;\n  }\n\n  .lg-is-fixed {\n    position: fixed;\n  }\n\n  .lg-is-absolute {\n    position: absolute;\n  }\n\n  .lg-is-relative {\n    position: relative;\n  }\n\n  .lg-is-static {\n    position: static;\n  }\n\n  .lg-is-centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .lg-is-uncentered {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .lg-has-text-left {\n    text-align: left;\n  }\n\n  .lg-has-text-centered {\n    text-align: center;\n  }\n\n  .lg-has-text-justified {\n    text-align: justify;\n  }\n\n  .lg-has-text-right {\n    text-align: right;\n  }\n}\n\n@media screen and (min-width: 1367px) {\n  .xl-w5 {\n    width: 5%;\n  }\n\n  .xl-w10 {\n    width: 10%;\n  }\n\n  .xl-w15 {\n    width: 15%;\n  }\n\n  .xl-w17 {\n    width: 16.6667%;\n  }\n\n  .xl-w20 {\n    width: 20%;\n  }\n\n  .xl-w25 {\n    width: 25%;\n  }\n\n  .xl-w30 {\n    width: 30%;\n  }\n\n  .xl-w33 {\n    width: 33.3333%;\n  }\n\n  .xl-w35 {\n    width: 35%;\n  }\n\n  .xl-w40 {\n    width: 40%;\n  }\n\n  .xl-w45 {\n    width: 45%;\n  }\n\n  .xl-w50 {\n    width: 50%;\n  }\n\n  .xl-w55 {\n    width: 55%;\n  }\n\n  .xl-w60 {\n    width: 60%;\n  }\n\n  .xl-w65 {\n    width: 65%;\n  }\n\n  .xl-w67 {\n    width: 66.6667%;\n  }\n\n  .xl-w70 {\n    width: 70%;\n  }\n\n  .xl-w75 {\n    width: 75%;\n  }\n\n  .xl-w80 {\n    width: 80%;\n  }\n\n  .xl-w85 {\n    width: 85%;\n  }\n\n  .xl-w90 {\n    width: 90%;\n  }\n\n  .xl-w95 {\n    width: 95%;\n  }\n\n  .xl-w100 {\n    width: 100%;\n  }\n\n  .xl-is-hidden {\n    display: none;\n  }\n\n  .xl-is-flex {\n    display: flex;\n  }\n\n  .xl-is-shown, .xl-is-block {\n    display: block;\n  }\n\n  .xl-is-inline-block {\n    display: inline-block;\n  }\n\n  .xl-is-inline {\n    display: inline;\n  }\n\n  .xl-is-table-cell {\n    display: table-cell;\n  }\n\n  .xl-is-fixed {\n    position: fixed;\n  }\n\n  .xl-is-absolute {\n    position: absolute;\n  }\n\n  .xl-is-relative {\n    position: relative;\n  }\n\n  .xl-is-static {\n    position: static;\n  }\n\n  .xl-is-centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .xl-is-uncentered {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .xl-has-text-left {\n    text-align: left;\n  }\n\n  .xl-has-text-centered {\n    text-align: center;\n  }\n\n  .xl-has-text-justified {\n    text-align: justify;\n  }\n\n  .xl-has-text-right {\n    text-align: right;\n  }\n}\n\n/*# sourceMappingURL=easy-columns-slim.css.map */\n","@charset \"utf-8\";\r\n\r\n/*! Simple responsive column & width utilities, using mobile-first (device-up) principle. | MIT License */\r\n\r\n// Config.\r\n@import \"config/_all\";\r\n\r\n// Override config.\r\n$use-limited-percent-points: true;\r\n\r\n// Mixins.\r\n@import \"mixins/_all\";\r\n\r\n/* general */\r\n* {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.columns {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\r\n\t> .column {\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// --------------------\r\n// Dimension oriented\r\n// --------------------\r\n\r\n/* from xs above (the same as all devices) */\r\n@include setup-width();\r\n@include setup-display();\r\n@include setup-position();\r\n@include setup-alignment();\r\n\r\n/* from small above */\r\n@include from-sm {\r\n\t@include setup-width(sm);\r\n\t@include setup-display(sm);\r\n\t@include setup-position(sm);\r\n\t@include setup-alignment(sm);\r\n}\r\n\r\n/* from medium above */\r\n@include from-md {\r\n\t@include setup-width(md);\r\n\t@include setup-display(md);\r\n\t@include setup-position(md);\r\n\t@include setup-alignment(md);\r\n}\r\n\r\n/* from large above */\r\n@include from-lg {\r\n\t@include setup-width(lg);\r\n\t@include setup-display(lg);\r\n\t@include setup-position(lg);\r\n\t@include setup-alignment(lg);\r\n}\r\n\r\n/* from extralarge above */\r\n@include from-xl {\r\n\t@include setup-width(xl);\r\n\t@include setup-display(xl);\r\n\t@include setup-position(xl);\r\n\t@include setup-alignment(xl);\r\n}\r\n","@charset \"utf-8\";\r\n\r\n@mixin print-width($width) {\r\n  @if $width == 17 {\r\n    width: 16.6666667%;\r\n  } @else if $width == 33 {\r\n    width: 33.3333333%;\r\n  } @else if $width == 67 {\r\n    width: 66.6666667%;\r\n  } @else {\r\n    width: unquote($width + \"%\");\r\n  }\r\n}\r\n\r\n@mixin setup-width($breakpoint: \"\") {\r\n  @if $breakpoint != \"\" {\r\n    $breakpoint: $breakpoint + \"-\";\r\n  }\r\n\r\n  @if $use-limited-percent-points {\r\n    @each $width in $percent-points {\r\n      .#{$breakpoint}w#{$width} {\r\n        @include print-width($width);\r\n      }\r\n    }\r\n  } @else {\r\n    @for $width from 1 through 100 {\r\n      .#{$breakpoint}w#{$width} {\r\n        @include print-width($width);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin setup-display($breakpoint: \"\") {\r\n  @if $breakpoint != \"\" {\r\n    $breakpoint: $breakpoint + \"-\";\r\n  }\r\n\r\n  @each $display in $displays {\r\n    @if $display == none {\r\n      .#{$breakpoint}is-hidden {\r\n        display: $display;\r\n      }\r\n    } @else {\r\n      @if $display == block {\r\n        .#{$breakpoint}is-shown {\r\n          display: $display;\r\n        }\r\n      }\r\n\r\n      .#{$breakpoint}is-#{$display} {\r\n        display: $display;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin setup-position($breakpoint: \"\") {\r\n  @if $breakpoint != \"\" {\r\n    $breakpoint: $breakpoint + \"-\";\r\n  }\r\n\r\n  @each $position in $positions {\r\n    .#{$breakpoint}is-#{$position} {\r\n      position: $position;\r\n    }\r\n  }\r\n\r\n  .#{$breakpoint}is-centered {\r\n    @include centered;\r\n  }\r\n\r\n  .#{$breakpoint}is-uncentered {\r\n    @include reset-horizontal-margins;\r\n  }\r\n}\r\n\r\n@mixin setup-alignment($breakpoint: \"\") {\r\n  @if $breakpoint != \"\" {\r\n    $breakpoint: $breakpoint + \"-\";\r\n  }\r\n\r\n  @each $alignment in $alignments {\r\n    @if $alignment == justify {\r\n      .#{$breakpoint}has-text-justified {\r\n        text-align: $alignment;\r\n      }\r\n    } @else if $alignment == center {\r\n      .#{$breakpoint}has-text-centered {\r\n        text-align: $alignment;\r\n      }\r\n    } @else {\r\n      .#{$breakpoint}has-text-#{$alignment} {\r\n        text-align: $alignment;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@charset \"utf-8\";\r\n\r\n$displays: none flex block inline-block inline table-cell;\r\n$positions: fixed absolute relative static;\r\n","@charset \"utf-8\";\r\n\r\n%centered {\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n\r\n@mixin centered {\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n\r\n@mixin reset-horizontal-margins {\r\n\tmargin-left: 0;\r\n\tmargin-right: 0;\r\n}\r\n","@charset \"utf-8\";\r\n\r\n$alignments: (left, center, justify, right);\r\n","@charset \"utf-8\";\r\n\r\n// \"from-dimension\" breakpoints\r\n@mixin from-sm {\r\n\t// from sm up\r\n\t@media screen and (min-width: $min-width-sm) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin from-md {\r\n\t// from md up\r\n\t@media screen and (min-width: $min-width-md) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin from-lg {\r\n\t// from lg up\r\n\t@media screen and (min-width: $min-width-lg) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin from-xl {\r\n\t// from xl up\r\n\t@media screen and (min-width: $min-width-xl) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin from-fhd {\r\n\t// from fhd up\r\n\t@media screen and (min-width: $min-width-fhd) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// \"dimension-up\" breakpoints (alternative names for \"from-dimension\" breakpoints)\r\n@mixin sm-up {\r\n\t// from sm up\r\n\t@media screen and (min-width: $min-width-sm) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin md-up {\r\n\t// from md up\r\n\t@media screen and (min-width: $min-width-md) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin lg-up {\r\n\t// from desktop above\r\n\t@media screen and (min-width: $min-width-lg) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin xl-up {\r\n\t// from widescreen above\r\n\t@media screen and (min-width: $min-width-xl) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin fhd-up {\r\n\t// from fhd up\r\n\t@media screen and (min-width: $min-width-fhd) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// \"until-dimension\" breakpoints\r\n@mixin until-xs {\r\n\t// from 0 until xs's max width\r\n\t@media screen and (max-width: $max-width-xs) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin until-sm {\r\n\t// from 0 until sm's max width\r\n\t@media screen and (max-width: $max-width-sm) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin until-md {\r\n\t// from 0 until md's max width\r\n\t@media screen and (max-width: $max-width-md) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin until-lg {\r\n\t// from 0 to lg's max width\r\n\t@media screen and (max-width: $max-width-lg) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin until-xl {\r\n\t// from 0 to xl's max width\r\n\t@media screen and (max-width: $max-width-xl) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin until-fhd {\r\n\t// from 0 until fhd's max width\r\n\t// Currently fhd is the widest breakpoint. That means, no max width defined\r\n\t@media screen {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// \"dimension-down\" breakpoints (alternative names for \"until-dimension\" breakpoints)\r\n@mixin xs-down {\r\n\t// from xs's max width down\r\n\t@media screen and (max-width: $max-width-xs) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin sm-down {\r\n\t// from sm's max width down\r\n\t@media screen and (max-width: $max-width-sm) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin md-down {\r\n\t// from md's max width down\r\n\t@media screen and (max-width: $max-width-md) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin lg-down {\r\n\t// from lg's max width down\r\n\t@media screen and (max-width: $max-width-lg) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin xl-down {\r\n\t// from xl's max width down\r\n\t@media screen and (max-width: $max-width-xl) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin fhd-down {\r\n\t// from fhd's max width down\r\n\t// Currently fhd is the widest breakpoint. That means, no max width defined\r\n\t@media screen {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin xs-only {\r\n\t// from 0 until xs's max width\r\n\t// Currently xs is the most narrow breakpoint. That means, no min width defined\r\n\t@media screen and (max-width: $max-width-xs) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin sm-only {\r\n\t// from sm's min width until sm's max width\r\n\t@media screen and (min-width: $min-width-sm) and (max-width: $max-width-sm) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin md-only {\r\n\t// from md's min width until md's max width\r\n\t@media screen and (min-width: $min-width-md) and (max-width: $max-width-md) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin lg-only {\r\n\t// from lg's min width until lg's max width\r\n\t@media screen and (min-width: $min-width-lg) and (max-width: $max-width-lg) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin xl-only {\r\n\t// from xl's min width until xl's max width\r\n\t@media screen and (min-width: $min-width-xl) and (max-width: $max-width-xl) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin fhd-only {\r\n\t// from fhd's min width until fhd's max width\r\n\t// Currently fhd is the widest breakpoint. That means, no max width defined\r\n\t@media screen and (min-width: $min-width-fhd) {\r\n\t\t@content;\r\n\t}\r\n}\r\n"],"names":[],"version":3,"file":"easy-columns-slim.css.map"}