Add small modifier for uk-logo in order to apply max-width.
This commit is contained in:
parent
7aa2f634fc
commit
468b2b008f
|
@ -6,7 +6,7 @@
|
||||||
@navbar-nav-item-font-size: @global-small-font-size;
|
@navbar-nav-item-font-size: @global-small-font-size;
|
||||||
@navbar-nav-item-font-weight: 600;
|
@navbar-nav-item-font-weight: 600;
|
||||||
@navbar-nav-item-height: @global-header-height;
|
@navbar-nav-item-height: @global-header-height;
|
||||||
@navbar-nav-logo-max-width: @width-medium-width;
|
@navbar-nav-logo-max-width: @width-xsmall-width;
|
||||||
@navbar-nav-item-color: @global-color;
|
@navbar-nav-item-color: @global-color;
|
||||||
@navbar-nav-item-before-background: @global-secondary-background;
|
@navbar-nav-item-before-background: @global-secondary-background;
|
||||||
@navbar-nav-item-hover-color: @navbar-nav-item-before-background;
|
@navbar-nav-item-hover-color: @navbar-nav-item-before-background;
|
||||||
|
@ -58,9 +58,12 @@
|
||||||
|
|
||||||
& > img {
|
& > img {
|
||||||
height: @navbar-nav-item-height - 20px;
|
height: @navbar-nav-item-height - 20px;
|
||||||
max-width: @navbar-nav-logo-max-width - 30px !important;
|
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.small > img {
|
||||||
|
max-width: @navbar-nav-logo-max-width !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue