$height-header: 120px;
|
|
$height-screen4-lv-margin: 60px;
|
|
$height-screen3-lv-margin: 60px;
|
|
|
$width-container-margin: 54px;
|
|
$width-all: 1920px;
|
// $width-all: 100vw;
|
|
$width-screen4-img-status: 180px;
|
|
$width-screen4-margin-d: 27px;
|
|
$width-screen3-margin-d: $width-screen4-margin-d;
|
html {
|
font-size: 10px;
|
}
|
|
// @media screen and (min-height: 800px) {
|
// html {
|
// font-size: 12px;
|
// }
|
// }
|
|
$height-header: 10rem;
|
$width-screen4-img-status: 16.67rem;
|
$width-screen4-margin-d: 2.2rem;
|
$width-all: 160rem;
|
$width-container-margin: 4.4rem;
|
$height-screen4-lv-margin: 5rem;
|
|
$height-all: calc(100vh - $height-header - 4rem);
|
|
// @mixin calc-width($w) {
|
// width: $w / 750 * 100;
|
// }
|
// @mixin calc-height($h) {
|
// height: $h / 750 * 100;
|
// }
|
// .element-a {
|
// @include calc-width(60vw);
|
// @include calc-height(80vw);
|
// }
|
