.home, .page, .blog, .aside, .download, .sponsors, .search, .post { @extend .container; min-height: calc(30vh); } .home { &__content { @extend .col-sm-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 link-list; } } } .aside { display: flex; align-items: flex-start; &__nav { @include aside-nav; } &__content { @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8; @include content; @include content-nav; } } .page { &__content { @extend .col-sm-12; @include content; &_directory { img { width: auto; } pre { background: none; border: none; max-height: none; overflow-y: hidden; padding: 0; } } } } .blog { &__content { @extend .col-sm-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; align-items: flex-start; &__nav { @include aside-nav; @include post-nav-explorer; } &__content { @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8; @include content; @include content-nav; } } .search { &__content { @extend .col-sm-12; @include content; .ais-search-box { max-width: 100%; margin-bottom: 15px; } .ais-hits { @include link-list; } .ais-pagination { li { text-decoration: none; } } .ais-Highlight { font-weight: bold; font-style: normal; } .post-breadcrumbs { display: block; 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 { } } } } } }