123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- /**
- * Posts
- */
- .post-header {
- margin-bottom: $spacing-unit;
- }
-
- .post-title,
- .post-content h1 {
- @include relative-font-size(2.625);
- letter-spacing: -1px;
- line-height: 1.15;
- @media screen and (min-width: $on-laptop) {
- @include relative-font-size(2.625);
- }
- }
- .post-content {
- h1, h2, h3 { margin-top: $spacing-unit }
- h4, h5, h6 { margin-top: $spacing-unit }
- h2 {
- @include relative-font-size(1.75);
- @media screen and (min-width: $on-laptop) {
- @include relative-font-size(2);
- }
- }
- h3 {
- @include relative-font-size(1.375);
- @media screen and (min-width: $on-laptop) {
- @include relative-font-size(1.625);
- }
- }
- h4 {
- @include relative-font-size(1.25);
- }
- h5 {
- @include relative-font-size(1.125);
- }
- h6 {
- @include relative-font-size(1.0625);
- }
- }
- article, .comments, .box {
- padding: $spacing-unit;
- background: $content-color;
- border-radius: 20px;
- box-shadow: 0 0 40px rgba(0,0,0,0.5);
- margin: 25px 0;
- @include media-query($on-mobile) {
- padding: 0;
- background: transparent;
- box-shadow: none;
- }
- }
- .comments {
- @media screen and (min-width: $on-mobile) {
- padding:15px $spacing-unit;
- }
- }
- .page-content {
- margin-top: 80px;
- }
|