Template:Stack/styles.css: Difference between revisions
		
		
		
		
		
		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: | ||
| ⚫ | |||
| − | /* Styling for Template:Stack  | 
  ||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
	box-sizing: border-box;  | 
  	box-sizing: border-box;  | 
||
}  | 
  }  | 
||
| − | .stack  | 
  + | .stack > div {  | 
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| − | 	float: left;  | 
  ||
| ⚫ | |||
| ⚫ | |||
| − | |||
| ⚫ | |||
| − | 	float: right;  | 
  ||
| ⚫ | |||
| − | }  | 
  ||
| − | |||
| − | .stack-container > div {  | 
  ||
	margin: 1px;  | 
  	margin: 1px;  | 
||
	overflow: hidden;  | 
  	overflow: hidden;  | 
||
}  | 
  }  | 
||
| − | @media all and (  | 
  + | @media all and (min-width: 720px) {  | 
| − | + | 	.stack-clear-left {  | 
|
| − | 		float:   | 
  + | 		float: left;  | 
| − | + | 		clear: left;  | 
|
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
	}  | 
  	}  | 
||
}  | 
  }  | 
||
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;
	}
}