From 72819daacfb5f22538130734b53ee3fc99057f48 Mon Sep 17 00:00:00 2001 From: jinhojang6 Date: Fri, 22 Jan 2021 02:09:28 +0900 Subject: [PATCH] Update CSS --- assets/css/style.css | 56 +++++++++++++++++++++++++++ assets/css/style.css.map | 1 - assets/scss/style.scss | 80 +++++++++++++++++++++++++++++++++++++++ partials/theme_footer.hbs | 59 ++++++++++++++++++++++------- partials/theme_header.hbs | 47 ++++++++++++++++++----- 5 files changed, 218 insertions(+), 25 deletions(-) delete mode 100644 assets/css/style.css.map diff --git a/assets/css/style.css b/assets/css/style.css index 8d36d2c..b61ee3c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -624,6 +624,62 @@ blockquote { width: 12px; height: 12px; } } +.btn-primary { + background-color: #3A56D4; + border: 1px solid #3A56D4; + border-radius: 3px; + color: white; } + +.get-status-cta { + color: white; + margin-left: 30px; + width: 170px; + height: 47px; + box-sizing: border-box; + display: inline-flex; + justify-content: space-between; } + +.margin-left-cta { + margin-left: 1.5rem; } + +@media screen and (max-width: 1540px) { + .get-status-cta { + width: 150px; + margin-left: 20px !important; } + .margin-left-cta { + margin-left: 1rem; } } + +@media screen and (max-width: 1350px) { + header nav ul li a { + padding: 0 15px; } } + +@media screen and (max-width: 1260px) { + header nav { + margin-left: -50px; } } + +@media screen and (min-width: 1200px) { + .mobile-get-status-cta { + display: none; } } + +@media screen and (max-width: 1199px) { + .mobile-get-status-cta { + position: absolute; + right: 65px; + top: 10px; + height: 40px; + max-width: 150px; } + .get-status-cta { + width: 100%; + margin-left: 0 !important; } + header .mobile-nav .btns .btn:after { + display: none; } + header .mobile-nav .btns .btn { + padding-right: 10px; } } + +@media screen and (max-width: 768px) { + .mobile-get-status-cta { + width: 145px; } } + @media screen and (max-width: 991px) { .loop.loop-first .post .post-inner-content { flex-direction: column; } diff --git a/assets/css/style.css.map b/assets/css/style.css.map deleted file mode 100644 index 129a579..0000000 --- a/assets/css/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AA8BA;EACI,aAZY;EAaZ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aAfiB;EAgBjB;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,aA5CM;EA6CN,aA3Ca;EA4Cb;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA,aA/DE;EAgEF,aA9DS;;;AAkEjB;EACI;EACA;EACA;;AACA;EACI;EACA,aApEQ;EAqER,aAlEkB;EAmElB;EACA;EACA;EACA,OApFC;EAqFD;;AACA;EACI,OAtFE;;;AA2Fd;EACI;EACA;EACA;EACA,aA3FM;EA4FN;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEI;EACI,OArHf;;AAwHO;EACI;EACA,OAhIZ;EAiIY;EACA,aApHA;;AAqHA;EACI,OA9Hf;;;AAsIT;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA,OApJA;EAqJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,OAzLJ;EA0LI;EACA;EACA;EACA;EACA;EACA,aAlLK;;AAmLL;EACI,OA3LP;;AA6LG;EACI;;;AAMhB;EACI;;AAEI;EACI;EACA;EACA;;AAEI;EACI;;AAIJ;EACI;;AAIZ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;AAEI;EACI;;AAMI;EACI;;AAKhB;EACI,aArOJ;EAsOI,aAnOM;EAoON;EACA;EACA;EACA,OArPX;EAsPW;EACA;;AAEI;EACI;;AAGR;EACI,OA7PV;;;AAqQd;EACI;EACA;;AACA;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA,OA/RF;EAgSE;;AAGR;EACM;EACA;EACA;EACA;EACA;EACA;EACA;;AAEN;EACI;;AACA;EACE;EACA;;AAKF;EACI;EACA;;AAGR;EACI,OAtTH;EAuTG,aArSW;EAsSX;;AACA;EACI,OAzTF;;AA4TN;EACI,aA1SS;;AA4Sb;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAKZ;EACI;EACA;EACA;;AACA;EACI,aAjZQ;EAkZR;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI,MA7bhB;EA8bgB;;;AAQxB;EACI;EACA;;AAEI;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;;AAMpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI,aAngBN;EAogBM,aAjgBI;EAkgBJ;EACA;EACA;;AACA;EACI,OAphBZ;;AAqhBY;EACI;EACA;EACA;EACA;EACA;EACA;;AAIZ;EACI;EACA;EACA;EACA;;;AAMhB;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,YAxkBR;EAykBQ;;;AAMhB;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAIR;EACI,YAlmBW;EAmmBX;;AACA;EACI;;;AAOI;EACI;;;AAMhB;EAIgB;IACI;IACA;;;AAOpB;EACI;IACI;IACA;;EACA;IACI;;EACA;IACI;;EACA;IACI;;EACA;IACI;;EAEJ;IACI;;EAKhB;IACI;IACA;;EAEJ;IACI;;;EAGR;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EAIgB;IACI;;EACA;IACI;;EAEJ;IACI;;EAKhB;IACI;;;EAGR;IACI;;;EAEJ;IACI;;EAEI;IACI;;;EAIZ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;EACA;IACI;;;AAMhB;EACI;AAAA;AAAA;AAAA;IAII;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAGA;IACI;IACA;;;EAGR;IACI;;;EAGA;IACI;;;EAKA;IACI;IACA;;EAEI;IACI;;;EAQZ;IACI;;;AAMhB;EACI;IACI","file":"style.css"} \ No newline at end of file diff --git a/assets/scss/style.scss b/assets/scss/style.scss index f34e939..0cf6989 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -970,6 +970,86 @@ blockquote{ } } +.btn-primary { + background-color: #3A56D4; + border: 1px solid #3A56D4; + border-radius: 3px; + color: white; +} + +.get-status-cta { + color: white; + margin-left: 30px; + width: 170px; + height: 47px; + box-sizing: border-box; + display: inline-flex; + justify-content: space-between; +} + +.margin-left-cta { + margin-left: 1.5rem; +} + +@media screen and (max-width: 1540px) { + .get-status-cta { + width: 150px; + margin-left: 20px !important; + } + + .margin-left-cta { + margin-left: 1rem; + } +} + +@media screen and (max-width: 1350px) { + header nav ul li a { + padding: 0 15px; + } +} + +@media screen and (max-width: 1260px) { + header nav { + margin-left: -50px; + } +} + + +@media screen and (min-width: 1200px) { + .mobile-get-status-cta { + display: none; + } +} + +@media screen and (max-width: 1199px) { + .mobile-get-status-cta { + position: absolute; + right: 65px; + top: 10px; + height: 40px; + max-width: 150px; + } + + .get-status-cta { + width: 100%; + margin-left: 0 !important; + } + + header .mobile-nav .btns .btn:after { + display: none; + } + + header .mobile-nav .btns .btn { + padding-right: 10px; + } +} + +@media screen and (max-width: 768px) { + .mobile-get-status-cta { + width: 145px; + } +} + @media screen and (max-width: 991px) { .loop{ &.loop-first{ diff --git a/partials/theme_footer.hbs b/partials/theme_footer.hbs index 718f6f1..f1207ee 100644 --- a/partials/theme_footer.hbs +++ b/partials/theme_footer.hbs @@ -7,8 +7,7 @@
@@ -23,7 +22,8 @@ @@ -33,9 +33,11 @@ @@ -43,12 +45,12 @@
Documentation
@@ -56,9 +58,13 @@
Status Network
@@ -72,7 +78,7 @@
Connect
diff --git a/partials/theme_header.hbs b/partials/theme_header.hbs index f0c9175..cc0f16a 100644 --- a/partials/theme_header.hbs +++ b/partials/theme_header.hbs @@ -5,7 +5,28 @@