MediaWiki:Common.css/src/template/infobox/infobox wrapper.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

/********* [[Template:Infobox wrapper]] *********/

.infobox-wrapper {
	$nofloat-threshold: 600px;
	
	&.float-right {
		float: right;
		margin-left: 0.5em;

		@media(max-width: $nofloat-threshold) {
			float: none;
			margin-left: auto;
		}
	}

	&.float-left {
		float: left;
		margin-right: 0.5em;

		@media(max-width: $nofloat-threshold) {
			float: none;
			margin-right: auto;
		}
	}

	&.float-none {
		float: none;
	}

	// direction-row
	&.float-right {
		&.direction-row,
		&.direction-row-reverse {
			.infobox {
				&,
				&.float-right,
				&.float-left,
				&.float-none {
					float: none;
					margin: 0 0 0.5em 0.5em;
				}
			}
		}
	}

	&.float-left,
	&.float-none {
		&.direction-row,
		&.direction-row-reverse {
			.infobox {
				&,
				&.float-right,
				&.float-left,
				&.float-none {
					float: none;
					margin: 0 0.5em 0.5em 0;
				}
			}
		}
	}

	// direction-column
	&.float-right {
		&.direction-column,
		&.direction-column-reverse {
			.infobox {
				&,
				&.float-right,
				&.float-left,
				&.float-none {
					float: right;
					margin: 0 0 0.5em 0.5em;
				}
			}
		}

	}

	&.float-left {
		&.direction-column,
		&.direction-column-reverse {
			.infobox {
				&,
				&.float-right,
				&.float-left,
				&.float-none {
					float: left;
					margin: 0 0.5em 0.5em 0;
				}
			}
		}
	}

	&.float-none {
		&.direction-column,
		&.direction-column-reverse {
			.infobox {
				&,
				&.float-right {
					float: right;
					margin: 0 0 0.5em 0.5em;
				}
				&.float-left,
				&.float-none {
					float: left;
					margin: 0 0.5em 0.5em 0;
				}
			}
		}
	}

}