From 53b97312c9445db33c30bb724acf8f4d386706cd Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Wed, 17 Jul 2019 09:40:43 +0000 Subject: [PATCH] Done #2899 @0.25 --- .../resources/assets/styles/common/variables.styl | 2 +- .../assets/styles/components/navigation-mobile.styl | 1 + .../assets/styles/components/navigation.styl | 12 ++++++------ 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/wp-content/themes/physioassist/resources/assets/styles/common/variables.styl b/wp-content/themes/physioassist/resources/assets/styles/common/variables.styl index e9caf96c..7a0f5595 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/common/variables.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/common/variables.styl @@ -19,7 +19,7 @@ $font-size-small = 12px rupture.scale = 0 400px 768px 1024px rupture.scale-names = 'small' 'medium' 'large' rupture.anti-overlap = -1px // Results in +below(1000px) being max-width: 999px and +above(1000px) being min-width: 1000px -$breakpoint-menu = 1280px +$breakpoint-menu = 1380px // Colours - available as .color-{name} class to set the color of the element $colors = { diff --git a/wp-content/themes/physioassist/resources/assets/styles/components/navigation-mobile.styl b/wp-content/themes/physioassist/resources/assets/styles/components/navigation-mobile.styl index cd593093..766b737f 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/components/navigation-mobile.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/components/navigation-mobile.styl @@ -37,6 +37,7 @@ li display: block padding: 0.5em 0 + margin: 0 a border: none diff --git a/wp-content/themes/physioassist/resources/assets/styles/components/navigation.styl b/wp-content/themes/physioassist/resources/assets/styles/components/navigation.styl index 3ccca007..763a9784 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/components/navigation.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/components/navigation.styl @@ -12,7 +12,7 @@ inline-list() .menu-item //:not(:last-child) - margin-right: 3.75em + margin-right: 2.5em position: relative padding-bottom: 1em // To give space between menu and dropdown but keep them touching padding-top: @padding-bottom // Matches bottom padding so menu stays vertically aligned in the centre @@ -28,12 +28,12 @@ border-color: currentColor // Still underline on hover though - +below(1500px) - margin-right: 3em - +below(1400px) - margin-right: 2.5em - +below(1300px) + +below(1650px) margin-right: 2em + +below(1550px) + margin-right: 1.5em + +below(1500px) + margin-right: 1em // Main menu links a -- 2.39.5