Verskil tüsken versys van "Mal:Vöärblad/styles.css"

Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting
RoboServien (Oaverleg | bydragen)
Geen bewerkingssamenvatting
Regel 1:
/* SECTIONS */
.grid-container {
.section {
display: grid;
clear: both;
grid-template-columns: auto;
padding: 10px0px;
margin: 0px;
grid-gap: 10px 10px;
}
 
/* COLUMN SETUP */
.grid-item {
.col {
padding: 20px;
display: gridblock;
font-size: 30px;
float:left;
text-align: center;
margin: 1% 0 1% 1.4%;
}
.col:first-child { margin-left: 0; }
 
/* GROUPING */
@media (min-width: 720px) {
.group:before,
.grid-container {
.group:after { content:""; display:table; }
grid-template-columns: auto auto;
.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 (minmax-width: 720px480px) {
.col {
margin: 1% 0 1% 0%;
}
}
 
@media only screen and (minmax-width: 1020px480px) {
.span_2_of_2, .span_1_of_2 { width: 100%; }
.grid-container {
grid-template-columns: auto auto;
}
}