.page, .blog, .aside, .download, .sponsors, .search, .post { display: flex; @extend .container; } .home { flex-wrap: nowrap; flex-direction: column; &__planet, &__news-and-events { &__title { text-align: center; &:nth-child(1){ margin-top: 2rem; } } &__content { @extend .container; margin-top: 1em; margin-bottom: 1em; .btn { text-align: left; padding: 0; margin: 1em; border-radius: 10px; } .card { padding: 2em; box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25); border-radius: 10px; background: $white; border: none; } .card-body { padding: 0; } } } &__news-and-events { &__title { } } &__planet { &__title { } } } .aside { &__nav { @include aside-nav; } &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8; @include content; @include content-nav; } } .page { &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12; @include content; } } .blog { &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12; @include content; &__breadcrumb { @extend .breadcrumb; &__item { @extend .breadcrumb-item; &--active { @extend .breadcrumb-item; } } } &__entries { margin-top: 1rem; margin-bottom: 1rem; &__card { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; border: none; &__item { @extend .col-lg-6; &__image { @extend .img-fluid; padding-bottom: 1em; } } } } &__nav { @include post-nav-explorer; } } } .post { display: flex; &__nav { @include aside-nav; @include post-nav-explorer; } &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8; @include content; @include content-nav; } } .search { &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12; @include content; .ais-search-box { max-width: 100%; margin-bottom: 15px; } .ais-hits { @include list-links; } .ais-pagination { li { text-decoration: none; } } .ais-Highlight { font-weight: bold; font-style: normal; } .post-breadcrumbs { font-size: small; } .post-snippet img { display: none; } } } .download { &__content { @include content; &__card { @extend .card; margin-bottom: $paragraph-margin-bottom; table { margin-bottom: 0 } &__header { @extend .card-header; } &__body { @extend .card-body; padding: 15px; } } } } .sponsors { &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12; @include content; &__card { display: flex; flex-wrap: wrap; &__item { @extend .card; border: none; padding: 15px; text-align: left; img { width: auto; height: 50px; } &__body { &_title { display: none; } &_description { } } } } } }