_sass/centos/_main.scss in jekyll-theme-centos-0.7.9 vs _sass/centos/_main.scss in jekyll-theme-centos-0.8.0

- old
+ new

@@ -1,52 +1,56 @@ -body { +.page, .blog, .aside, .download, .sponsors, .search, .post { 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; + flex-wrap: nowrap; + flex-direction: column; + + &__planet, &__news-and-events { + &__title { + text-align: center; + &:nth-child(1){ + margin-top: 2rem; } } - &__sponsors { - .card { + &__content { + @extend .container; + margin-top: 1em; + margin-bottom: 1em; + .btn { + text-align: left; + padding: 0; margin: 1em; - margin-left: 0; + 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; } - img { - width: auto; - height: 50px; + .card-body { + padding: 0; } } - &__planet, &__news-and-events { - a { font-weight: bold; } - @include list-links; + } + &__news-and-events { + &__title { } } + &__planet { + &__title { + } + } } .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; }