feature: wip

This commit is contained in:
gaelle morin
2021-01-15 10:37:22 +01:00
parent bf6286444d
commit 01fa6ff5a0
7 changed files with 85 additions and 30 deletions

View File

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