fix style
This commit is contained in:
parent
7c26fbbb2e
commit
926266c7af
1 changed files with 7 additions and 2 deletions
|
@ -323,6 +323,11 @@ hr {
|
||||||
margin: var(--root-margin, 32px) auto;
|
margin: var(--root-margin, 32px) auto;
|
||||||
max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2)));
|
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) {
|
@media (max-width: 500px) {
|
||||||
--root-margin: 10px;
|
--root-margin: 10px;
|
||||||
}
|
}
|
||||||
|
@ -344,7 +349,7 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
._flat_ {
|
._flat_ {
|
||||||
--root-margin: 0;
|
--root-margin: 0px;
|
||||||
--baseContentWidth: 100%;
|
--baseContentWidth: 100%;
|
||||||
--panelShadow: none;
|
--panelShadow: none;
|
||||||
|
|
||||||
|
@ -365,7 +370,7 @@ hr {
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
._root {
|
._root {
|
||||||
--root-margin: 0;
|
--root-margin: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue