12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- //
- // Component: Brand
- //
- .brand-link {
- $brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
- display: block;
- font-size: $navbar-brand-font-size;
- line-height: $line-height-lg;
- padding: $brand-link-padding-y $sidebar-padding-x;
- transition: width $transition-speed $transition-fn;
- white-space: nowrap;
- &:hover {
- color: $white;
- text-decoration: none;
- }
- .text-sm & {
- font-size: inherit;
- }
- [class*='sidebar-dark'] & {
- border-bottom: 1px solid lighten($dark, 10%);
- color: rgba($white, .8);
- }
- [class*='sidebar-light'] & {
- border-bottom: 1px solid $gray-300;
- color: rgba($black, .8);
- }
- .brand-image {
- float: left;
- line-height: .8;
- margin-left: .8rem;
- margin-right: .5rem;
- margin-top: -3px;
- max-height: 33px;
- width: auto;
- }
- .brand-image-xs {
- float: left;
- line-height: .8;
- margin-top: -.1rem;
- max-height: 33px;
- width: auto;
- }
- .brand-image-xl {
- line-height: .8;
- max-height: 40px;
- width: auto;
- }
- &.text-sm,
- .text-sm & {
- .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;
- }
- }
- }
|