feature: wip
This commit is contained in:
@ -18,30 +18,85 @@ solid-display>div {
|
||||
display: contents !important;
|
||||
}
|
||||
|
||||
.w75 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.w25 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.w50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.w33 {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.w66 {
|
||||
width: 66.666%;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
$small: "max-width: 640px";
|
||||
|
||||
.segment {
|
||||
@media($small) {
|
||||
&.sm {
|
||||
&-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;
|
||||
}
|
||||
}
|
||||
|
||||
&.sm-children {
|
||||
&-hidden>div>solid-display {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-quarter>div>solid-display {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
&-third>div>solid-display {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
&-half>div>solid-display {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
&-two-third>div>solid-display {
|
||||
width: 66.666%;
|
||||
}
|
||||
|
||||
&-three-quarter>div>solid-display {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
&-full>div>solid-display {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-auto>div>solid-display {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user