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 = {
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
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