refactor clinet
This commit is contained in:
parent
ae5d537197
commit
4d1c723496
15 changed files with 171 additions and 244 deletions
|
|
@ -1,7 +1,6 @@
|
|||
@charset "utf-8";
|
||||
|
||||
:root {
|
||||
--baseContentWidth: 760px;
|
||||
--radius: 12px;
|
||||
--marginFull: 16px;
|
||||
--marginHalf: 10px;
|
||||
|
|
@ -349,22 +348,6 @@ hr {
|
|||
contain: layout; // ふき出しがボックスから飛び出て表示されるようなデザインをする場合もあるので paint は contain することができない
|
||||
}
|
||||
|
||||
// TODO: 廃止
|
||||
._root {
|
||||
box-sizing: border-box;
|
||||
margin: var(--root-margin, 32px) auto;
|
||||
max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2)));
|
||||
|
||||
// 子marginが突き抜けるのを防ぐため
|
||||
// https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element
|
||||
padding-top: 1px;
|
||||
margin-top: calc(var(--root-margin, 32px) - 1px);
|
||||
|
||||
@media (max-width: 500px) {
|
||||
--root-margin: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
._monolithic_ {
|
||||
._section:not(:empty) {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -380,33 +363,6 @@ hr {
|
|||
}
|
||||
}
|
||||
|
||||
._fitSide_ {
|
||||
--root-margin: 0px;
|
||||
--baseContentWidth: 100%;
|
||||
--panelBorder: none;
|
||||
|
||||
._block {
|
||||
//border-top: solid 0.5px var(--divider);
|
||||
//border-bottom: solid 0.5px var(--divider);
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
._isolated {
|
||||
margin: var(--margin);
|
||||
}
|
||||
|
||||
._block._isolated {
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
._root {
|
||||
--root-margin: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._narrow_ ._card {
|
||||
> ._title {
|
||||
padding: 16px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue