body { display: flex; flex-direction: column; min-height: 100vh; } .home, .page, .blog, .aside, .download, .sponsors, .search, .post { display: flex; @extend .container; } .home { &__content { @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12; @include content; &__distributions { .btn { @extend .btn-primary; width: 100%; margin-right: 15px; margin-bottom: $paragraph-margin-bottom; } } &__sponsors { .card { margin: 1em; margin-left: 0; border: none; } img { width: auto; height: 50px; } } &__planet, &__news-and-events { a { font-weight: bold; } @include list-links; } } } .aside { display: flex; &__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 { } } } } } }