diff --git a/src/App.scss b/src/App.scss deleted file mode 100644 index 8acd474..0000000 --- a/src/App.scss +++ /dev/null @@ -1,71 +0,0 @@ -@import './styles/responsive.scss'; -@import './styles/variables.scss'; -@import './styles/global.scss'; -@import './styles/animations.scss'; - -.route { - margin: 0 0.2em; - - &-active, - &[data-active='true'] { - color: $accentCol; - font-weight: bold; - } -} - -// APP -#app { - color: white; - font-size: 1rem; - overflow-x: hidden; - - @include smallScreen() { - font-size: calc(0.65rem + 0.8vw); - } - - @include screenLandscape() { - font-size: calc(0.45rem + 0.8vw); - } -} - -// CONTAINER -.app_container { - display: grid; - grid-template-rows: auto 1fr auto; - grid-template-columns: 100%; - - min-height: 100vh; -} - -.app_main { - padding: 0 0.5em; -} - -.warning { - background-color: firebrick; - text-align: center; - padding: 0.5em 0.4em; - max-width: 1100px; - margin: 0 auto; - - border-radius: 0 0 1em 1em; -} - -// FOOTER -footer.app_footer { - max-width: 100%; - padding: 0.5em; - - img { - width: 1.1em; - vertical-align: text-bottom; - } - - z-index: 10; - - background: #111; - color: white; - - text-align: center; - vertical-align: middle; -} diff --git a/src/App.vue b/src/App.vue index 2c94aea..3ea335e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,5 @@