_brand.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. //
  2. // Component: Brand
  3. //
  4. .brand-link {
  5. $brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
  6. display: block;
  7. font-size: $navbar-brand-font-size;
  8. line-height: $line-height-lg;
  9. padding: $brand-link-padding-y $sidebar-padding-x;
  10. transition: width $transition-speed $transition-fn;
  11. white-space: nowrap;
  12. &:hover {
  13. color: $white;
  14. text-decoration: none;
  15. }
  16. [class*='sidebar-dark'] & {
  17. border-bottom: 1px solid lighten($dark, 10%);
  18. color: rgba($white, .8);
  19. }
  20. [class*='sidebar-light'] & {
  21. border-bottom: 1px solid $gray-300;
  22. color: rgba($black, .8);
  23. }
  24. .brand-image {
  25. float: left;
  26. line-height: .8;
  27. margin-left: .8rem;
  28. margin-right: .5rem;
  29. margin-top: -3px;
  30. max-height: 33px;
  31. width: auto;
  32. }
  33. .brand-image-xs {
  34. float: left;
  35. line-height: .8;
  36. margin-top: -.1rem;
  37. max-height: 33px;
  38. width: auto;
  39. }
  40. .brand-image-xl {
  41. line-height: .8;
  42. max-height: 40px;
  43. width: auto;
  44. }
  45. &.text-sm {
  46. .brand-image {
  47. height: 29px;
  48. margin-bottom: -.25rem;
  49. margin-left: .95rem;
  50. margin-top: -.25rem;
  51. }
  52. .brand-image-xs {
  53. margin-top: -.2rem;
  54. max-height: 29px;
  55. }
  56. .brand-image-xl {
  57. margin-top: -.225rem;
  58. max-height: 38px;
  59. }
  60. }
  61. }