diff options
author | uPagge <git@upagge.ru> | 2021-01-20 23:18:25 +0300 |
---|---|---|
committer | uPagge <git@upagge.ru> | 2021-01-20 23:18:25 +0300 |
commit | aa8373c260deff100195ed7e713693eaa51b82c1 (patch) | |
tree | 11020c4cb09f68e1d00111731fbfa3524adaf3a3 /assets/css | |
parent | e507339d264a7ecb2e77d292f5bdf6268f1e4643 (diff) |
fix
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_ublogger.scss | 131 | ||||
-rw-r--r-- | assets/css/_ublogger_media.scss | 108 |
2 files changed, 108 insertions, 131 deletions
diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss index 0bb3550..2bd68ad 100644 --- a/assets/css/_ublogger.scss +++ b/assets/css/_ublogger.scss @@ -957,13 +957,6 @@ figure { } } - -@media screen and (min-width: 900px) { - .post-hero { - display: block; - } -} - .post-hero.mobile { display: block; padding-bottom: 32px; @@ -973,12 +966,6 @@ figure { flex-direction: column; } -@media screen and (min-width: 900px) { - .post-hero.mobile { - display: none; - } -} - .post-hero-grid { display: flex; flex-direction: row; @@ -1002,32 +989,6 @@ figure { justify-content: center; } -@media screen and (min-width: 900px) { - .post-hero-grid { - max-width: 1200px; - margin: 0 auto; - padding: 4rem 16px 0; - } - - .hero-text-container { - padding: 0; - } -} - -@media screen and (max-width: 900px) { - .hero-text-container{ - padding-top: 6rem; - } - - .post-hero-grid .post-hero-logo { - display: none; - } - - .post-hero-grid .post-hero-info { - margin-right: 0; - } -} - .hero-text-container .hero-text-description { margin-top: 24px; margin-bottom: 32px; @@ -1042,14 +1003,6 @@ figure { margin-bottom: 0; } -@media screen and (min-width: 900px) { - .hero-text-container span { - font-size: 13px; - letter-spacing: 1.35px; - line-height: 24px; - } -} - .hero-text-container h1 { font-weight: 400; color: #000000; @@ -1057,26 +1010,6 @@ figure { line-height: 32px; } -@media screen and (min-width: 900px) { - .hero-text-container h1 { - opacity: 0.9; - font-weight: 500; - font-size: 40px; - letter-spacing: 0px; - line-height: 48px; - margin-bottom: 24px; - } -} - -@media screen and (min-width: 1200px) { - .hero-text-container h1 { - font-weight: 600; - font-size: 60px; - line-height: 72px; - letter-spacing: -1.35px; - } -} - .hero-text-container p { font-weight: 400; font-size: 16px; @@ -1086,22 +1019,6 @@ figure { line-height: 24px; } -@media screen and (min-width: 900px) { - .hero-text-container p { - font-size: 24px; - color: #606060; - letter-spacing: 0.2px; - line-height: 32px; - margin-bottom: 16px; - } -} - -@media screen and (min-width: 900px) { - .hero-author { - padding: 0; - } -} - .hero-author .hero-author-profile { display: flex; align-items: center; @@ -1151,15 +1068,6 @@ figure { margin: 0; } -@media screen and (min-width: 900px) { - .hero-author h4 { - font-size: 16px; - color: #242424; - letter-spacing: -0.2px; - line-height: 24px; - } -} - .hero-author p { opacity: 0.7; font-weight: 400; @@ -1171,15 +1079,6 @@ figure { margin: 0; } -@media screen and (min-width: 900px) { - .hero-author p { - font-weight: 300; - font-size: 16px; - color: #606060; - letter-spacing: 0.1px; - } -} - .rendered { margin-top: 32px; margin-bottom: 0; @@ -1192,15 +1091,6 @@ figure { line-height: 24px; } -@media screen and (min-width: 900px) { - .rendered { - font-weight: 300; - font-size: 16px; - color: #606060; - letter-spacing: 0.1px; - } -} - .hero-img { margin: 0; display: flex; @@ -1211,27 +1101,6 @@ figure { align-self: center; } -@media screen and (min-width: 900px) { - .hero-img { - height: 528px; - width: 528px; - } -} - -@media screen and (min-width: 400px) { - .hero-img { - height: 450px; - width: 450px; - } -} - -@media screen and (min-width: 1200px) { - .hero-img { - width: 588px; - height: 528px; - } -} - .hero-tags { margin-top: 3rem; text-align: center; diff --git a/assets/css/_ublogger_media.scss b/assets/css/_ublogger_media.scss index 9f5580e..5dc2405 100644 --- a/assets/css/_ublogger_media.scss +++ b/assets/css/_ublogger_media.scss @@ -380,4 +380,112 @@ } } +} + +@media screen and (min-width: 900px) { + .post-hero { + display: block; + } + + .post-hero.mobile { + display: none; + } + + .post-hero-grid { + max-width: 1200px; + margin: 0 auto; + padding: 4rem 16px 0; + } + + .hero-text-container { + padding: 0; + } + + .hero-text-container span { + font-size: 13px; + letter-spacing: 1.35px; + line-height: 24px; + } + + .hero-text-container h1 { + opacity: 0.9; + font-weight: 500; + font-size: 40px; + letter-spacing: 0px; + line-height: 48px; + margin-bottom: 24px; + } + + .hero-text-container p { + font-size: 24px; + color: #606060; + letter-spacing: 0.2px; + line-height: 32px; + margin-bottom: 16px; + } + + .hero-author { + padding: 0; + } + + .hero-author h4 { + font-size: 16px; + color: #242424; + letter-spacing: -0.2px; + line-height: 24px; + } + + .hero-author p { + font-weight: 300; + font-size: 16px; + color: #606060; + letter-spacing: 0.1px; + } + + .rendered { + font-weight: 300; + font-size: 16px; + color: #606060; + letter-spacing: 0.1px; + } + + .hero-img { + height: 528px; + width: 528px; + } +} + +@media screen and (max-width: 900px) { + .hero-text-container{ + padding-top: 6rem; + } + + .post-hero-grid .post-hero-logo { + display: none; + } + + .post-hero-grid .post-hero-info { + margin-right: 0; + } +} + +@media screen and (min-width: 400px) { + .hero-img { + height: 450px; + width: 450px; + } +} + +@media screen and (min-width: 1200px) { + .hero-img { + width: 588px; + height: 528px; + } + + .hero-text-container h1 { + font-weight: 600; + font-size: 60px; + line-height: 72px; + letter-spacing: -1.35px; + } }
\ No newline at end of file |