Template:Stack/styles.css: Difference between revisions

From Project: Jotunnheim
Jump to navigation Jump to search
Content added Content deleted
imported>Autumn
m (1 revision imported)
(mobile first styling to remove extra rules)
Line 1: Line 1:
 
/* {{pp-template}} */
/* Styling for Template:Stack
 
 
.stack {
{{pp-template}} */
 
.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;
 
}
 
}
 
}
 
}

Revision as of 11:40, 18 July 2021

/* {{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;
	}
}