2019-07-18 14:22:11 +00:00
|
|
|
//
|
|
|
|
// Component: Brand
|
|
|
|
//
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2018-03-17 17:07:55 +00:00
|
|
|
.brand-link {
|
|
|
|
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
|
|
|
|
display: block;
|
2019-06-28 08:02:07 +00:00
|
|
|
font-size: $navbar-brand-font-size;
|
2018-03-17 17:07:55 +00:00
|
|
|
line-height: $line-height-lg;
|
2019-06-28 08:02:07 +00:00
|
|
|
padding: $brand-link-padding-y $sidebar-padding-x;
|
2019-07-15 13:46:45 +00:00
|
|
|
transition: width $transition-speed $transition-fn;
|
2018-03-17 17:07:55 +00:00
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $white;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2019-09-13 08:09:58 +00:00
|
|
|
.text-sm & {
|
|
|
|
font-size: inherit;
|
|
|
|
}
|
|
|
|
|
2019-06-28 08:02:07 +00:00
|
|
|
[class*='sidebar-dark'] & {
|
2018-03-17 17:07:55 +00:00
|
|
|
border-bottom: 1px solid lighten($dark, 10%);
|
2019-06-28 08:02:07 +00:00
|
|
|
color: rgba($white, .8);
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
|
|
|
|
2019-06-28 08:02:07 +00:00
|
|
|
[class*='sidebar-light'] & {
|
2018-03-17 17:07:55 +00:00
|
|
|
border-bottom: 1px solid $gray-300;
|
2019-06-28 08:02:07 +00:00
|
|
|
color: rgba($black, .8);
|
2018-03-17 17:07:55 +00:00
|
|
|
}
|
|
|
|
|
2019-09-11 10:32:32 +00:00
|
|
|
.brand-image {
|
|
|
|
float: left;
|
|
|
|
line-height: .8;
|
|
|
|
margin-left: .8rem;
|
|
|
|
margin-right: .5rem;
|
|
|
|
margin-top: -3px;
|
|
|
|
max-height: 33px;
|
|
|
|
width: auto;
|
|
|
|
}
|
2019-07-12 11:19:20 +00:00
|
|
|
|
2019-09-11 10:32:32 +00:00
|
|
|
.brand-image-xs {
|
|
|
|
float: left;
|
|
|
|
line-height: .8;
|
|
|
|
margin-top: -.1rem;
|
|
|
|
max-height: 33px;
|
|
|
|
width: auto;
|
|
|
|
}
|
2019-07-12 11:19:20 +00:00
|
|
|
|
2019-09-11 10:32:32 +00:00
|
|
|
.brand-image-xl {
|
|
|
|
line-height: .8;
|
|
|
|
max-height: 40px;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2019-09-13 08:09:58 +00:00
|
|
|
&.text-sm,
|
|
|
|
.text-sm & {
|
2019-09-11 10:32:32 +00:00
|
|
|
.brand-image {
|
|
|
|
height: 29px;
|
|
|
|
margin-bottom: -.25rem;
|
|
|
|
margin-left: .95rem;
|
|
|
|
margin-top: -.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.brand-image-xs {
|
|
|
|
margin-top: -.2rem;
|
|
|
|
max-height: 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.brand-image-xl {
|
|
|
|
margin-top: -.225rem;
|
|
|
|
max-height: 38px;
|
|
|
|
}
|
|
|
|
}
|
2019-07-12 11:19:20 +00:00
|
|
|
}
|