corporate-frontend-mithril
Version:
Corporate frontend MithrilJS modules
267 lines (257 loc) • 6.65 kB
CSS
.b-box {
box-sizing: border-box; }
.b-box--padding-xxs {
padding: 5px; }
.b-box--padding-xs {
padding: 10px; }
.b-box--padding-sm {
padding: 15px; }
.b-box--padding-base {
padding: 20px; }
.b-box--padding-md {
padding: 25px; }
.b-box--padding-md-lg {
padding: 30px; }
.b-box--padding-md-llg {
padding: 40px; }
.b-box--padding-llg {
padding: 60px; }
.b-box--padding-brick-xs {
padding: 10px 0; }
.b-box--padding-brick-sm {
padding: 15px 5px; }
.b-box--padding-brick-base {
padding: 20px 10px; }
.b-box--padding-brick-md {
padding: 25px 15px; }
.b-box--padding-left-xxs {
padding-left: 5px; }
.b-box--padding-left-xs {
padding-left: 10px; }
.b-box--padding-left-sm {
padding-left: 15px; }
.b-box--padding-left-base {
padding-left: 20px; }
.b-box--padding-left-md {
padding-left: 25px; }
.b-box--padding-left-md-lg {
padding-left: 30px; }
.b-box--padding-left-md-llg {
padding-left: 40px; }
.b-box--padding-left-llg {
padding-left: 60px; }
.b-box--padding-right-xxs {
padding-right: 5px; }
.b-box--padding-right-xs {
padding-right: 10px; }
.b-box--padding-right-sm {
padding-right: 15px; }
.b-box--padding-right-base {
padding-right: 20px; }
.b-box--padding-right-md {
padding-right: 25px; }
.b-box--padding-right-md-lg {
padding-right: 30px; }
.b-box--padding-right-md-llg {
padding-right: 40px; }
.b-box--padding-right-llg {
padding-right: 60px; }
.b-box--padding-bottom-xxs {
padding-bottom: 5px; }
.b-box--padding-bottom-xs {
padding-bottom: 10px; }
.b-box--padding-bottom-sm {
padding-bottom: 15px; }
.b-box--padding-bottom-base {
padding-bottom: 20px; }
.b-box--padding-bottom-md {
padding-bottom: 25px; }
.b-box--padding-bottom-md-lg {
padding-bottom: 30px; }
.b-box--padding-bottom-md-llg {
padding-bottom: 40px; }
.b-box--padding-bottom-llg {
padding-bottom: 60px; }
.b-box--padding-top-xxs {
padding-top: 5px; }
.b-box--padding-top-xs {
padding-top: 10px; }
.b-box--padding-top-sm {
padding-top: 15px; }
.b-box--padding-top-base {
padding-top: 20px; }
.b-box--padding-top-md {
padding-top: 25px; }
.b-box--padding-top-md-lg {
padding-top: 30px; }
.b-box--padding-top-md-llg {
padding-top: 40px; }
.b-box--padding-top-llg {
padding-top: 60px; }
.b-box--margin-xxs {
margin: 5px; }
.b-box--margin-xs {
margin: 10px; }
.b-box--margin-sm {
margin: 15px; }
.b-box--margin-base {
margin: 20px; }
.b-box--margin-md {
margin: 25px; }
.b-box--margin-md-lg {
margin: 30px; }
.b-box--margin-md-llg {
margin: 40px; }
.b-box--margin-llg {
margin: 60px; }
.b-box--margin-brick-xs {
margin: 10px 0; }
.b-box--margin-brick-sm {
margin: 15px 5px; }
.b-box--margin-brick-base {
margin: 20px 10px; }
.b-box--margin-brick-md {
margin: 25px 15px; }
.b-box--margin-left-xxs {
margin-left: 5px; }
.b-box--margin-left-xs {
margin-left: 10px; }
.b-box--margin-left-sm {
margin-left: 15px; }
.b-box--margin-left-base {
margin-left: 20px; }
.b-box--margin-left-md {
margin-left: 25px; }
.b-box--margin-left-md-lg {
margin-left: 30px; }
.b-box--margin-left-md-llg {
margin-left: 40px; }
.b-box--margin-left-llg {
margin-left: 60px; }
.b-box--margin-right-xxs {
margin-right: 5px; }
.b-box--margin-right-xs {
margin-right: 10px; }
.b-box--margin-right-sm {
margin-right: 15px; }
.b-box--margin-right-base {
margin-right: 20px; }
.b-box--margin-right-md {
margin-right: 25px; }
.b-box--margin-right-md-lg {
margin-right: 30px; }
.b-box--margin-right-md-llg {
margin-right: 40px; }
.b-box--margin-right-llg {
margin-right: 60px; }
.b-box--margin-bottom-xxs {
margin-bottom: 5px; }
.b-box--margin-bottom-xs {
margin-bottom: 10px; }
.b-box--margin-bottom-sm {
margin-bottom: 15px; }
.b-box--margin-bottom-base {
margin-bottom: 20px; }
.b-box--margin-bottom-md {
margin-bottom: 25px; }
.b-box--margin-bottom-md-lg {
margin-bottom: 30px; }
.b-box--margin-bottom-md-llg {
margin-bottom: 40px; }
.b-box--margin-bottom-llg {
margin-bottom: 60px; }
.b-box--margin-top-xxs {
margin-top: 5px; }
.b-box--margin-top-xs {
margin-top: 10px; }
.b-box--margin-top-sm {
margin-top: 15px; }
.b-box--margin-top-base {
margin-top: 20px; }
.b-box--margin-top-md {
margin-top: 25px; }
.b-box--margin-top-md-lg {
margin-top: 30px; }
.b-box--margin-top-md-llg {
margin-top: 40px; }
.b-box--margin-top-llg {
margin-top: 60px; }
.b-featured-table {
background-color: #f1f2f2;
color: #363636; }
.b-featured-table__row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-bottom: 1px solid #bcbcbc; }
.b-featured-table__row:first-child {
border-top: 1px solid #bcbcbc; }
.b-featured-table__cell {
box-sizing: border-box;
flex-grow: 1;
border-right: 1px solid #bcbcbc;
padding: 10px;
overflow: hidden; }
.b-featured-table__cell:first-child {
border-left: 1px solid #bcbcbc; }
.b-featured-table__cell--head {
background-color: #d8dbdd;
font-weight: bold; }
.b-featured-table__cell--no-border-right {
border-right: none; }
.b-featured-table__cell--no-border-left {
border-left: none; }
.b-featured-table__cell--dark {
background-color: black;
color: white; }
.b-featured-table__cell--white {
background-color: white; }
.b-item-list {
margin: 0;
padding: 0;
list-style: none; }
.b-item-list__item {
list-style-type: none; }
.b-overlay__container {
position: relative; }
.b-overlay__cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.b-page {
width: 100%;
height: 100%; }
.b-page--bg-dark {
background-color: #363636;
color: white; }
.b-page--bg-light {
background-color: white;
color: black; }
.b-page__content {
position: relative; }
.b-page--position-fixed {
position: fixed; }
.b-spinner {
text-align: center;
margin: auto; }
.b-page-container {
width: 100%;
height: 100%; }
.b-container {
position: relative;
margin: auto; }
.b-container--section {
max-width: 1200px; }
.b-container--center {
display: flex;
align-items: center; }
.b-container--size-full {
width: 100%;
height: 100%; }
.b-aem-board-header {
text-transform: uppercase; }
.b-aem-board-header__button {
color: white;
font-size: 18px; }