Template:Stack/styles.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
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 |
||
⚫ | |||
⚫ | |||
⚫ | |||
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; |
|
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
} |
} |
Latest revision as of 15: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; } }