模板:Stack/styles.css：修订间差异
< 模板:Stack
mobile first styling to remove extra rules |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
.stack { | .stack { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.stack > div { | .stack > div { | ||
margin: 1px; | margin: 1px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
@media all and (min-width: 720px) { | @media all and (min-width: 720px) { | ||
.stack-clear-left { | .stack-clear-left { | ||
| 第14行： | 第11行： | ||
clear: left; | clear: left; | ||
} | } | ||
.stack-clear-right { | .stack-clear-right { | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
} | } | ||
.stack-left { | .stack-left { | ||
float: left; | float: left; | ||
} | } | ||
.stack-right { | .stack-right { | ||
float: right; | float: right; | ||
} | } | ||
.stack-margin-clear-left { | .stack-margin-clear-left { | ||
float: left; | float: left; | ||
| 第33行： | 第26行： | ||
margin-right: 1em; | margin-right: 1em; | ||
} | } | ||
.stack-margin-clear-right { | .stack-margin-clear-right { | ||
float: right; | float: right; | ||
| 第39行： | 第31行： | ||
margin-left: 1em; | margin-left: 1em; | ||
} | } | ||
.stack-margin-left { | .stack-margin-left { | ||
float: left; | float: left; | ||
margin-right: 1em; | margin-right: 1em; | ||
} | } | ||
.stack-margin-right { | .stack-margin-right { | ||
float: right; | float: right; | ||
2022年2月8日 (二) 02:09的版本
.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;
}
}