MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[develop | DONE | ADDED] add .uk-subnav-small class for smaller subnav items as a new option

This commit is contained in:
Alex Martzios 2024-04-05 16:17:11 +03:00
parent 954a1fe8af
commit 1daea183e7
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
less/subnav.less
View File

@ -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;
}
}
}