_brand.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. .text-sm & {
  17. font-size: inherit;
  18. }
  19. [class*="sidebar-dark"] & {
  20. border-bottom: 1px solid lighten($dark, 10%);
  21. color: rgba($white, .8);
  22. }
  23. [class*="sidebar-light"] & {
  24. border-bottom: 1px solid $gray-300;
  25. color: rgba($black, .8);
  26. }
  27. .brand-image {
  28. float: left;
  29. line-height: .8;
  30. margin-left: .8rem;
  31. margin-right: .5rem;
  32. margin-top: -3px;
  33. max-height: 33px;
  34. width: auto;
  35. }
  36. .brand-image-xs {
  37. float: left;
  38. line-height: .8;
  39. margin-top: -.1rem;
  40. max-height: 33px;
  41. width: auto;
  42. }
  43. .brand-image-xl {
  44. line-height: .8;
  45. max-height: 40px;
  46. width: auto;
  47. &.single {
  48. margin-top: -.3rem;
  49. }
  50. }
  51. &.text-sm,
  52. .text-sm & {
  53. .brand-image {
  54. height: 29px;
  55. margin-bottom: -.25rem;
  56. margin-left: .95rem;
  57. margin-top: -.25rem;
  58. }
  59. .brand-image-xs {
  60. margin-top: -.2rem;
  61. max-height: 29px;
  62. }
  63. .brand-image-xl {
  64. margin-top: -.225rem;
  65. max-height: 38px;
  66. }
  67. }
  68. }