diff options
author | Toma Nistor <toma.nistor@fishawack.com> | 2019-06-02 05:43:45 +0300 |
---|---|---|
committer | Toma Nistor <toma.nistor@fishawack.com> | 2019-06-02 05:43:45 +0300 |
commit | f8b42ce00d85f17a8ce9892b2d0d0b5bd95ebc68 (patch) | |
tree | 1cc7e286a74c365f47c841843203776739470537 /static | |
parent | de63d878453058293d03fa588ffee5f8bf82d733 (diff) |
Fixed lazyloading logo movement and mobile media queryv2.0.0
Diffstat (limited to 'static')
-rw-r--r-- | static/scripts/src/index.js | 4 | ||||
-rw-r--r-- | static/scripts/src/main.js | 4 | ||||
-rw-r--r-- | static/styles/scss/_typography.scss | 2 | ||||
-rw-r--r-- | static/styles/scss/main.scss | 7 |
4 files changed, 8 insertions, 9 deletions
diff --git a/static/scripts/src/index.js b/static/scripts/src/index.js index d61fe45..9a52ef2 100644 --- a/static/scripts/src/index.js +++ b/static/scripts/src/index.js @@ -36,12 +36,12 @@ el.classList.toggle('active') }) if (menuActive) { - this.querySelector('img:nth-of-type(1)').style.display = 'block' + this.querySelector('img:nth-of-type(1)').style.display = 'inline-block' this.querySelector('img:nth-of-type(2)').style.display = 'none' menuActive = false } else { this.querySelector('img:nth-of-type(1)').style.display = 'none' - this.querySelector('img:nth-of-type(2)').style.display = 'block' + this.querySelector('img:nth-of-type(2)').style.display = 'inline-block' menuActive = true } }) diff --git a/static/scripts/src/main.js b/static/scripts/src/main.js index 64a0ea5..d993884 100644 --- a/static/scripts/src/main.js +++ b/static/scripts/src/main.js @@ -18,12 +18,12 @@ el.classList.toggle('active') }) if (menuActive) { - this.querySelector('img:nth-of-type(1)').style.display = 'block' + this.querySelector('img:nth-of-type(1)').style.display = 'inline-block' this.querySelector('img:nth-of-type(2)').style.display = 'none' menuActive = false } else { this.querySelector('img:nth-of-type(1)').style.display = 'none' - this.querySelector('img:nth-of-type(2)').style.display = 'block' + this.querySelector('img:nth-of-type(2)').style.display = 'inline-block' menuActive = true } }) diff --git a/static/styles/scss/_typography.scss b/static/styles/scss/_typography.scss index b8813f8..1667d20 100644 --- a/static/styles/scss/_typography.scss +++ b/static/styles/scss/_typography.scss @@ -32,7 +32,7 @@ $base-line-height: 1.6; $base-font-size: 1.25rem; // 20px $vertical-rhythm: $base-line-height * $base-font-size; // 2.125em or 34px -$breakpoint-medium: 48em; // 768px +$breakpoint-medium: 49.99em; // 768px $breakpoint-small: 25em; // 400px @mixin size($level) { diff --git a/static/styles/scss/main.scss b/static/styles/scss/main.scss index 0e5decc..209413e 100644 --- a/static/styles/scss/main.scss +++ b/static/styles/scss/main.scss @@ -9,7 +9,7 @@ @import "about"; @import "gallery"; -@media (max-width: 48em) { +@media (max-width: 47.99em) { body .container { padding: $vertical-rhythm * 4 $vertical-rhythm; } @@ -64,10 +64,9 @@ nav { vertical-align: middle; } - div.logo, - div.nav-toggle { + .logo, + .nav-toggle { visibility: hidden; - max-width: none; } .nav-toggle a { |