diff --git a/pages/_app.tsx b/pages/_app.tsx index 021c14a3..1d9e87d6 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -19,6 +19,9 @@ class MyApp extends App { --font-size-h1: 1.75rem; --font-size-h2: 1.5rem; --font-size-h3: 1.25rem; + + --content-thin: 90%; + --content-wide: 90%; } } diff --git a/src/style/content.scss b/src/style/content.scss index 2d4594f1..3889e7fa 100644 --- a/src/style/content.scss +++ b/src/style/content.scss @@ -43,28 +43,6 @@ animation: none; } -@media screen and (max-width: var(--mobile-width)) { - --content-mobile: 95%; - - .content { - &.content_wide { - width: var(--content-mobile); - } - - &.content_semi-wide { - width: var(--content-mobile); - } - - &.content_thin { - width: var(--content-mobile); - } - - &.content--padding-top--menu { - padding-top: var(--single-margin); - } - } -} - @media screen and (min-width: var(--tablet-min-width)) and (max-width: var(--tablet-max-width)) { $thin-value: 70%; $wide-value: 95%;