User:0x99/styles.css: Difference between revisions

From Puella Magi Wiki
Jump to navigation Jump to search
(0x99 changed the content model of the page User:0x99/styles.css from "CSS" to "Sanitized CSS")
Tag: content model change
No edit summary
Line 5: Line 5:
.pm-container__left {
.pm-container__left {
flex: 1 1 50%;
margin-right: 2px;
}
.pm-container__middle {
margin-left: 2px;
margin-right: 2px;
margin-right: 2px;
}
}
.pm-container__right {
.pm-container__right {
margin-left: 2px;
}
.pm-container__box--1\/2 {
flex: 1 1 50%;
flex: 1 1 50%;
margin-left: 2px;
}
 
.pm-container__box--2\/3 {
flex: 1 1 66%;
}
 
.pm-container__box--1\/3 {
flex: 1 1 33%;
}
 
.pm-container__box--1\/4 {
flex: 1 1 25%;
}
 
.pm-container__box--2\/4 {
flex: 1 1 50%;
}
 
.pm-container__box--3\/4 {
flex: 1 1 75%;
}
}
}
}

Revision as of 08:22, 16 September 2023

@media (min-width: 875px) {
	.pm-container {
		display: flex;
	}
	
	.pm-container__left {
		margin-right: 2px;
	}
	
	.pm-container__middle {
		margin-left: 2px;
		margin-right: 2px;
	}
	
	.pm-container__right {
		margin-left: 2px;
	}

	.pm-container__box--1\/2 {
		flex: 1 1 50%;
	}

	.pm-container__box--2\/3 {
		flex: 1 1 66%;
	}

	.pm-container__box--1\/3 {
		flex: 1 1 33%;
	}

	.pm-container__box--1\/4 {
		flex: 1 1 25%;
	}

	.pm-container__box--2\/4 {
		flex: 1 1 50%;
	}

	.pm-container__box--3\/4 {
		flex: 1 1 75%;
	}
}