autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: .lg- removed + fixes on small screens

Browse Source
This commit is contained in:
gaelle morin
2021-01-22 14:29:45 +01:00
parent bc64019b63
commit 52054f3766
24 changed files with 260 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/styles/index.scss
View File

@ -6,107 +6,67 @@ solid-display>div {
display: contents !important;
}
.whitespace-normal {
white-space: normal;
}
.block {
display: block;
}
.line-xlarge {
line-height: 22px;
}
.sm-whitespace-normal {
@media (max-width: 768px) {
white-space: normal;
/*.segment {
&.quarter {
width: 25%;
}
}
.sm-text-center {
@media (max-width: 768px) {
text-align: center;
&.third {
width: 33.333%;
}
&.half {
width: 50%;
}
&.two-third {
width: 66.666%;
}
&.three-quarter {
width: 75%;
}
&.full {
width: 100%;
}
&.auto {
width: auto;
}
}
&.children {
$small: "max-width: 768px";
.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;
}
&-quarter>div>solid-display {
width: 25%;
}
&.sm-children {
&-hidden>div>solid-display {
display: none;
}
&-third>div>solid-display {
width: 33.333%;
}
&-quarter>div>solid-display {
width: 25%;
}
&-half>div>solid-display {
width: 50%;
}
&-third>div>solid-display {
width: 33.333%;
}
&-two-third>div>solid-display {
width: 66.666%;
}
&-half>div>solid-display {
width: 50%;
}
&-three-quarter>div>solid-display {
width: 75%;
}
&-two-third>div>solid-display {
width: 66.666%;
}
&-full>div>solid-display {
width: 100%;
}
&-three-quarter>div>solid-display {
width: 75%;
}
&-full>div>solid-display {
width: 100%;
}
&-auto>div>solid-display {
width: auto;
}
&-auto>div>solid-display {
width: auto;
}
}
}
}*/
@import 'header/_index';
@import 'left-nav/_index';