brand.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. // Logo series wrapper
  2. .bs-brand-logos {
  3. display: table;
  4. width: 100%;
  5. margin-bottom: 15px;
  6. overflow: hidden;
  7. color: #563d7c;
  8. background-color: #f9f9f9;
  9. border-radius: 4px;
  10. }
  11. // Individual items
  12. .bs-brand-item {
  13. padding: 60px 0;
  14. text-align: center;
  15. }
  16. .bs-brand-item + .bs-brand-item {
  17. border-top: 1px solid #fff;
  18. }
  19. .bs-brand-logos .inverse {
  20. color: #fff;
  21. background-color: #563d7c;
  22. }
  23. // Heading content within
  24. .bs-brand-item h1,
  25. .bs-brand-item h3 {
  26. margin-top: 0;
  27. margin-bottom: 0;
  28. }
  29. .bs-brand-item .bs-docs-booticon {
  30. margin-right: auto;
  31. margin-left: auto;
  32. }
  33. // Make the icons stand out on what is/isn't okay
  34. .bs-brand-item .glyphicon {
  35. width: 30px;
  36. height: 30px;
  37. margin: 10px auto -10px;
  38. line-height: 30px;
  39. color: #fff;
  40. border-radius: 50%;
  41. }
  42. .bs-brand-item .glyphicon-ok {
  43. background-color: #5cb85c;
  44. }
  45. .bs-brand-item .glyphicon-remove {
  46. background-color: #d9534f;
  47. }
  48. @media (min-width: @screen-sm-min) {
  49. .bs-brand-item {
  50. display: table-cell;
  51. width: 1%;
  52. }
  53. .bs-brand-item + .bs-brand-item {
  54. border-top: 0;
  55. border-left: 1px solid #fff;
  56. }
  57. .bs-brand-item h1 {
  58. font-size: 60px;
  59. }
  60. }