Template:Visual identity guidelines/styles.css: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
Jon (WMF) (talk | contribs)
mobile adaptions
Jon (WMF) (talk | contribs)
No edit summary
Line 24: Line 24:
/* Adapt for mobile */
/* Adapt for mobile */
@media all and ( max-width: 800px ) {
@media all and ( max-width: 800px ) {
.mw-parser-output .visual-identity-guidelines {
.visual-identity-guidelines {
width: 100%;
width: 100%;
margin-left: auto;
margin-left: auto;

Revision as of 20:45, 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 ) {
	.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;
	}
}