Template:Stack/styles.css: Difference between revisions

From Project: Jotunnheim
Jump to navigation Jump to search
imported>Autumn
m 1 revision imported
m 1 revision imported
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
/* Styling for Template:Stack
/* {{pp-template}} */
{{pp-template}} */
.stack {
.stack-container {
box-sizing: border-box;
box-sizing: border-box;
}
}


.stack-clear-left {
.stack > div {
float: left;
clear: left;
}
 
.stack-clear-right {
float: right;
clear: right;
}
 
.stack-left {
float: left;
}
 
.stack-right {
float: right;
}
 
.stack-margin-clear-left {
float: left;
clear: left;
margin-right: 1em;
}
 
.stack-margin-clear-right {
float: right;
clear: right;
margin-left: 1em;
}
 
.stack-margin-left {
float: left;
margin-right: 1em;
}
 
.stack-margin-right {
float: right;
margin-left: 1em;
}
 
.stack-container > div {
margin: 1px;
margin: 1px;
overflow: hidden;
overflow: hidden;
}
}


@media all and (max-width: 720px) {
@media all and (min-width: 720px) {
    .stack-container {
.stack-clear-left {
float: none;
float: left;
width: 100%;
clear: left;
}
.stack-clear-right {
float: right;
clear: right;
}
.stack-left {
float: left;
}
.stack-right {
float: right;
}
.stack-margin-clear-left {
float: left;
clear: left;
margin-right: 1em;
}
.stack-margin-clear-right {
float: right;
clear: right;
margin-left: 1em;
}
.stack-margin-left {
float: left;
margin-right: 1em;
}
.stack-margin-right {
float: right;
margin-left: 1em;
}
}
}
}

Latest revision as of 16:24, 5 July 2023

/* {{pp-template}} */
.stack {
	box-sizing: border-box;
}

.stack > div {
	margin: 1px;
	overflow: hidden;
}

@media all and (min-width: 720px) {
	.stack-clear-left {
		float: left;
		clear: left;
	}
	
	.stack-clear-right {
		float: right;
		clear: right;
	}
	
	.stack-left {
		float: left;
	}
	
	.stack-right {
		float: right;
	}
	
	.stack-margin-clear-left {
		float: left;
		clear: left;
		margin-right: 1em;
	}
	
	.stack-margin-clear-right {
		float: right;
		clear: right;
		margin-left: 1em;
	}
	
	.stack-margin-left {
		float: left;
		margin-right: 1em;
	}
	
	.stack-margin-right {
		float: right;
		margin-left: 1em;
	}
}