Template:Visual identity guidelines/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
mobile adaptions |
||
Line 20: | Line 20: | ||
.visual-identity-guidelines__column--min-width { |
.visual-identity-guidelines__column--min-width { |
||
min-width: 200px; |
min-width: 200px; |
||
} |
|||
/* Adapt for mobile */ |
|||
@media all and ( max-width: 800px ) { |
|||
.mw-parser-output .visual-identity-guidelines { |
|||
width: 100%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
box-sizing: border-box; |
|||
} |
|||
.visual-identity-guidelines__column--float-right, |
|||
.visual-identity-guidelines__column--float-left { |
|||
float: none !important; |
|||
} |
|||
} |
} |
Revision as of 20:43, 3 May 2021
.visual-identity-guidelines {
width: 800px;
margin: 1em auto 0;
}
.visual-identity-guidelines__column {
width: 40%
}
.visual-identity-guidelines__container {
margin: 6em auto 4em;
}
.visual-identity-guidelines__column--half {
width: 50%
}
.visual-identity-guidelines__column--float-right {
float: right;
}
.visual-identity-guidelines__column--float-left {
float: left;
}
.visual-identity-guidelines__column--min-width {
min-width: 200px;
}
/* Adapt for mobile */
@media all and ( max-width: 800px ) {
.mw-parser-output .visual-identity-guidelines {
width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.visual-identity-guidelines__column--float-right,
.visual-identity-guidelines__column--float-left {
float: none !important;
}
}