_brand.scss 721 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. //
  2. // Core: Brand
  3. //
  4. // .brand-container {
  5. // display: inline-block;
  6. // }
  7. .brand-container {
  8. display: flex;
  9. font-size: $navbar-brand-font-size;
  10. padding: $brand-link-padding-y $sidebar-padding-x;
  11. white-space: nowrap;
  12. border-bottom: $brand-link-border-buttom solid tint-color($dark, 10%);
  13. &:hover {
  14. color: $white;
  15. text-decoration: none;
  16. }
  17. // TODO: crete utility for opacity for image
  18. .brand-image {
  19. float: left;
  20. line-height: .8;
  21. margin-left: .8rem;
  22. margin-right: .5rem;
  23. margin-top: -3px;
  24. max-height: 33px;
  25. width: auto;
  26. }
  27. .brand-text {
  28. color: $sidebar-dark-color;
  29. }
  30. .sidebar-mini-icon {
  31. color: $gray-400;
  32. margin-left: auto;
  33. order: 2;
  34. }
  35. }