Skip to content

Instantly share code, notes, and snippets.

@lijunle
Created October 14, 2016 07:03
Show Gist options
  • Save lijunle/6d2ca77d0675dde72dd84b6b57f229c5 to your computer and use it in GitHub Desktop.
Save lijunle/6d2ca77d0675dde72dd84b6b57f229c5 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$ms-screen-lg-min: 100px;
$ms-screen-xl-min: 500px;
@mixin ms-u-lg2 {
@media (min-width: $ms-screen-lg-min) {
width: 16.666666666666664%;
}
}
@mixin ms-u-xl8 {
@media (min-width: $ms-screen-xl-min) {
width: 66.66666666666666%;
}
}
.ms-u-lg2 {
@include ms-u-lg2;
}
.ms-u-xl8 {
@include ms-u-xl8;
}
/** Custom SCSS **/
.column {
@include ms-u-lg2;
@include ms-u-xl8;
display: none;
}
@media (min-width: 100px) {
.ms-u-lg2 {
width: 16.666666666666664%;
}
}
@media (min-width: 500px) {
.ms-u-xl8 {
width: 66.66666666666666%;
}
}
/** Custom SCSS **/
.column {
display: none;
}
@media (min-width: 100px) {
.column {
width: 16.666666666666664%;
}
}
@media (min-width: 500px) {
.column {
width: 66.66666666666666%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment