2020-12-05 15:17:06 +00:00
|
|
|
$small: "min-width: 640px";
|
|
|
|
$medium: "min-width: 768px";
|
|
|
|
$large: "min-width: 1024px";
|
|
|
|
$xlarge: "min-width: 1280px";
|
|
|
|
|
2020-12-04 14:44:45 +00:00
|
|
|
.segment {
|
|
|
|
|
2020-12-05 15:17:06 +00:00
|
|
|
@media($large) {
|
|
|
|
&.lg {
|
|
|
|
&-hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
&-quarter {
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
&-third {
|
|
|
|
width: 33.333%;
|
|
|
|
}
|
|
|
|
&-half {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
&-two-third {
|
|
|
|
width: 66.666%;
|
|
|
|
}
|
|
|
|
&-three-quarter {
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
&-full {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
&-auto {
|
|
|
|
width: auto;
|
|
|
|
}
|
2020-12-04 14:44:45 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|