_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;
}