73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
//
|
|
// Core: Brand
|
|
//
|
|
|
|
.brand-container {
|
|
display: grid;
|
|
grid-template-areas: "#{lte-prefix}brand-link #{lte-prefix}pushmenu";
|
|
justify-content: space-between;
|
|
padding: $lte-brand-link-padding-y $lte-sidebar-padding-x;
|
|
overflow: hidden;
|
|
font-size: $navbar-brand-font-size;
|
|
white-space: nowrap;
|
|
@include transition(width $lte-transition-speed $lte-transition-fn);
|
|
|
|
.brand-link {
|
|
grid-area: #{lte-prefix}brand-link;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.brand-image {
|
|
float: left;
|
|
width: auto;
|
|
max-height: 33px;
|
|
margin-top: -3px;
|
|
margin-right: .5rem;
|
|
margin-left: .8rem;
|
|
line-height: .8;
|
|
}
|
|
}
|
|
|
|
.pushmenu {
|
|
grid-area: #{lte-prefix}pushmenu;
|
|
}
|
|
|
|
.sidebar-bg-dark & {
|
|
border-bottom: $lte-brand-link-border-buttom solid $gray-700;
|
|
|
|
.brand-link,
|
|
.pushmenu {
|
|
color: rgba($white, .8);
|
|
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar-bg-light & {
|
|
border-bottom: $lte-brand-link-border-buttom solid $gray-300;
|
|
|
|
.brand-link,
|
|
.pushmenu {
|
|
color: rgba($black, .8);
|
|
|
|
&:hover {
|
|
color: $black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar-collapse:not(.sidebar-is-hover) {
|
|
.brand-container {
|
|
justify-content: center;
|
|
|
|
.brand-link {
|
|
width: 0;
|
|
}
|
|
}
|
|
}
|