_brand.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. }
  48. &.text-sm,
  49. .text-sm & {
  50. .brand-image {
  51. height: 29px;
  52. margin-bottom: -.25rem;
  53. margin-left: .95rem;
  54. margin-top: -.25rem;
  55. }
  56. .brand-image-xs {
  57. margin-top: -.2rem;
  58. max-height: 29px;
  59. }
  60. .brand-image-xl {
  61. margin-top: -.225rem;
  62. max-height: 38px;
  63. }
  64. }
  65. }