1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- // Logo series wrapper
- .bs-brand-logos {
- display: table;
- width: 100%;
- margin-bottom: 15px;
- overflow: hidden;
- color: #563d7c;
- background-color: #f9f9f9;
- border-radius: 4px;
- }
- // Individual items
- .bs-brand-item {
- padding: 60px 0;
- text-align: center;
- }
- .bs-brand-item + .bs-brand-item {
- border-top: 1px solid #fff;
- }
- .bs-brand-logos .inverse {
- color: #fff;
- background-color: #563d7c;
- }
- // Heading content within
- .bs-brand-item h1,
- .bs-brand-item h3 {
- margin-top: 0;
- margin-bottom: 0;
- }
- .bs-brand-item .bs-docs-booticon {
- margin-right: auto;
- margin-left: auto;
- }
- // Make the icons stand out on what is/isn't okay
- .bs-brand-item .glyphicon {
- width: 30px;
- height: 30px;
- margin: 10px auto -10px;
- line-height: 30px;
- color: #fff;
- border-radius: 50%;
- }
- .bs-brand-item .glyphicon-ok {
- background-color: #5cb85c;
- }
- .bs-brand-item .glyphicon-remove {
- background-color: #d9534f;
- }
- @media (min-width: @screen-sm-min) {
- .bs-brand-item {
- display: table-cell;
- width: 1%;
- }
- .bs-brand-item + .bs-brand-item {
- border-top: 0;
- border-left: 1px solid #fff;
- }
- .bs-brand-item h1 {
- font-size: 60px;
- }
- }
|