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;
}
}