diff --git a/less/subnav.less b/less/subnav.less index a9fa542..2cf5f84 100644 --- a/less/subnav.less +++ b/less/subnav.less @@ -1,10 +1,13 @@ @subnav-item-font-size: @global-small-font-size; +@subnav-item-font-size-small: @global-xsmall-font-size; @subnav-item-line-height: 17px; @subnav-item-font-weight: 400; /* Pills */ @subnav-pill-item-padding-vertical: 10px; @subnav-pill-item-padding-horizontal: 20px; +@subnav-pill-item-padding-vertical-small: (@subnav-pill-item-padding-vertical / 2); +@subnav-pill-item-padding-horizontal-small: (@subnav-pill-item-padding-horizontal / 2); @subnav-pill-item-border-radius: 60px; @subnav-pill-item-background: transparent; @subnav-pill-item-color: @global-primary-background; @@ -21,6 +24,8 @@ /* Pills alt*/ @subnav-pill-alt-item-padding-vertical: 10px; @subnav-pill-alt-item-padding-horizontal: 20px; +@subnav-pill-alt-item-padding-vertical-small: (@subnav-pill-alt-item-padding-vertical / 2); +@subnav-pill-alt-item-padding-horizontal-small: (@subnav-pill-alt-item-padding-horizontal / 2); @subnav-pill-alt-item-border-radius: @global-xlarge-border-radius; @subnav-pill-alt-item-color: @global-color; @subnav-pill-alt-item-hover-color: @global-secondary-background; @@ -72,4 +77,20 @@ background-image: @subnav-pill-alt-item-active-background-gradient; } } + + .uk-subnav.uk-subnav-pill.uk-subnav-small { + + & > * > * { + font-size: @subnav-item-font-size-small; + padding: @subnav-pill-item-padding-vertical-small @subnav-pill-item-padding-horizontal-small; + } + } + + .uk-subnav.uk-subnav-pill-alt.uk-subnav-small { + + & > * > * { + font-size: @subnav-item-font-size-small; + padding: @subnav-pill-alt-item-padding-vertical-small @subnav-pill-alt-item-padding-horizontal-small; + } + } } \ No newline at end of file