Verskil tüsken versys van "Mal:Vöärblad/styles.css"
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
| Regel 1: | Regel 1: | ||
/* SECTIONS */ |
|||
.some-page-wrapper { |
|||
.section { |
|||
| ⚫ | |||
clear: both; |
|||
background-color: red; |
|||
padding: 0px; |
|||
| ⚫ | |||
} |
} |
||
/* COLUMN SETUP */ |
|||
. |
.col { |
||
display: block; |
|||
flex-direction: row; |
|||
float:left; |
|||
flex-wrap: wrap; |
|||
margin: 1% 0 1% 1.4%; |
|||
} |
} |
||
.col:first-child { margin-left: 0; } |
|||
/* GROUPING */ |
|||
.column { |
|||
.group:before, |
|||
display: flex; |
|||
.group:after { content:""; display:table; } |
|||
flex-direction: column; |
|||
.group:after { clear:both;} |
|||
flex-basis: 100%; |
|||
/* GRID OF TWO */ |
|||
flex: 1; |
|||
.span_2_of_2 { |
|||
width: 100%; |
|||
} |
} |
||
.span_1_of_2 { |
|||
width: 49.2%; |
|||
.left-column { |
|||
height: 100px; |
|||
} |
} |
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ |
|||
.right-column { |
|||
height: 100px; |
|||
@media only screen and (max-width: 480px) { |
|||
.col { |
|||
margin: 1% 0 1% 0%; |
|||
} |
|||
} |
} |
||
@media screen and ( |
@media only screen and (max-width: 480px) { |
||
.span_2_of_2, .span_1_of_2 { width: 100%; } |
|||
.column { |
|||
flex: 1 |
|||
} |
|||
} |
} |
||
Versy up 17:26, 3 jan 2020
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.4%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
/* GRID OF TWO */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
@media only screen and (max-width: 480px) {
.span_2_of_2, .span_1_of_2 { width: 100%; }
}