diff --git a/apps/original/blog/css/style.css b/apps/original/blog/css/style.css index e92e467..8683ae3 100644 --- a/apps/original/blog/css/style.css +++ b/apps/original/blog/css/style.css @@ -409,8 +409,28 @@ html { */ /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL - ** MAX-WIDTH : 992px OR 62em + ** MAX-WIDTH : 1200px OR 75em + */ + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 1024px OR 64em */ + /*-------------------------------- + *** FOR MINI MOBILE + ** MAX : 400PX / 25em + --------------------------------*/ + /*-------------------------------- + *** FOR MOBILE + ** MAX : 640PX / 40em + --------------------------------*/ + /*-------------------------------- + *** FOR RETINA MOBILE AND LANDSCAPE + ** MIN : 500px / 31.25em | MAX : 767PX / 47.9375em + --------------------------------*/ + /*-------------------------------- + *** FOR TABLET + ** MAX-WIDTH : 992px OR 62em + --------------------------------*/ } html body { font-family: "Poppins", sans-serif; @@ -429,7 +449,7 @@ html body * { font: revert; } html body hr { - width: 43rem; + width: 50rem; margin: 0 auto; display: none; border-color: rgb(0, 0, 0); @@ -440,18 +460,83 @@ html body .hr { top: 2rem; position: relative; } +html body .weprodev-header { + display: flex; + flex-direction: column; + position: relative; + top: 0; +} @media screen and (min-width: 160em) { html { font-size: 2rem; } } -@media screen and (max-width: 62em) { +@media screen and (max-width: 75em) { + html { + font-size: 1rem; + } + html body .hr { + width: 47rem; + } +} +@media screen and (max-width: 64em) { + html { + font-size: 1rem; + } + html body .hr { + width: 27rem; + } html body hr { display: block; - width: 100%; + width: 32rem; + top: -2.5rem; + position: relative; + } +} +@media screen and (max-width: 25em) { + html { + font-size: 0.8rem; } html body .hr { - width: 100%; + width: 18rem; + } + html body hr { + width: 19.5rem; + display: block; + } +} +@media screen and (max-width: 40em) and (min-width: 401px) and (max-width: 640px) { + html { + font-size: 1rem; + } + html body .hr { + width: 20rem; + } + html body hr { + width: 23rem; + display: block; + } +} +@media screen and (min-width: 31.25em) and (max-width: 47.9375em) and (min-width: 641px) and (max-width: 767px) { + html { + font-size: 0.7rem; + } + html .hr { + width: 16rem !important; + } +} +@media screen and (max-width: 62em) and (min-width: 768px) and (max-width: 992px) { + html { + font-size: 1.5rem; + } + html body .hr { + width: 17.5rem; + display: block; + } + html body hr { + width: 21rem; + top: -2.5rem; + position: relative; } } @@ -467,8 +552,8 @@ html body .hr { */ @font-face { font-family: "icomoon"; - src: url("../../../../shared/assets/fonts/icons/icomoon.eot?5sy53h"); - src: url("../../../../shared/assets/fonts/icons/icomoon.eot?5sy53h#iefix") format("embedded-opentype"), url("../../../../shared/assets/fonts/icons/icomoon.ttf?5sy53h") format("truetype"), url("../../../../shared/assets/fonts/icons/icomoon.woff?5sy53h") format("woff"), url("../../../../shared/assets/fonts/icons/icomoon.svg?5sy53h#icomoon") format("svg"); + src: url("../fonts/icons/icomoon.eot?5sy53h"); + src: url("../fonts/icons/icomoon.eot?5sy53h#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?5sy53h") format("truetype"), url("../fonts/icons/icomoon.woff?5sy53h") format("woff"), url("../fonts/icons/icomoon.svg?5sy53h#icomoon") format("svg"); font-weight: normal; font-style: normal; } @@ -2142,6 +2227,14 @@ a { *---------------------------- MEDIA QUERY ---------------------------- \*========================================================================================*/ /*-------------------------------- + *** FOR SOM OF THE DEVICES + ** MIN-WIDTH : 1201px OR 75.0625em + */ + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 1200px OR 75em + */ + /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL ** MAX-WIDTH : 1024px OR 64em */ @@ -2297,6 +2390,24 @@ a { .blog-layout .container .sidebar .sidebar__list .sidebar__item-b .blog-meta a { padding-top: 1.25em; } +@media screen and (min-width: 75.0625em) { + .blog-layout .container .sidebar .sidebar__list > :first-child .sidebar__item-title { + top: -0.5rem; + position: relative; + } + .blog-layout .container .sidebar .sidebar__list > :first-child .blog-meta { + top: -0.5rem; + } +} +@media screen and (max-width: 75em) { + .blog-layout .container .sidebar .sidebar__list > :first-child .sidebar__item-title { + top: -0.5rem; + position: relative; + } + .blog-layout .container .sidebar .sidebar__list > :first-child .blog-meta { + top: -0.5rem; + } +} @media screen and (max-width: 64em) { .blog-layout .container { display: flex; @@ -2323,8 +2434,20 @@ a { .blog-layout .container .main-post { width: 75%; } + .blog-layout .container .main-post__informations { + width: 18rem; + } + .blog-layout .container .main-post__informations .img__box { + width: 18rem; + } .blog-layout .container .main-post__informations .img__box img { - width: 28rem; + width: 18rem; + height: 17rem; + } + .blog-layout .container .main-post__informations .title-box { + padding-top: 0; + top: -1rem; + position: relative; } .blog-layout .container .sidebar { width: 75%; @@ -2364,21 +2487,27 @@ a { } } @media screen and (max-width: 40em) { + .blog-layout .container { + width: 62%; + } .blog-layout .container .main-post { - width: 80%; - height: 39rem; + width: 23rem; + height: 30rem; } .blog-layout .container .main-post .main-post__informations { width: 95%; } + .blog-layout .container .main-post .main-post__informations .img__box { + width: 20rem; + } .blog-layout .container .main-post .main-post__informations .img__box img { - width: 23.2rem; + width: 20rem; } .blog-layout .container .main-post .main-post__informations .title-box { width: 90%; } .blog-layout .container .sidebar { - width: 80%; + width: 23rem; } .blog-layout .container .sidebar .sidebar__title { left: 0; @@ -2386,11 +2515,11 @@ a { } @media screen and (max-width: 25em) { .blog-layout .container { - width: 100%; + width: 62%; } .blog-layout .container .main-post { width: 100%; - height: 34rem; + height: 31rem; border-radius: 0; } .blog-layout .container .main-post__informations { @@ -2426,7 +2555,6 @@ a { justify-content: center; height: 11.5rem; width: 14.5rem; - padding: 0.2rem 0 0 1.2rem; } .blog__highlights-img img { width: 95%; @@ -2496,7 +2624,7 @@ a { position: relative; } .marke__tingHub .info-card .btn-box { - padding: 2em 0 0 1em; + padding: 2em 0 0 0; } .marke__tingHub .info-card .btn-box button { width: 100%; @@ -2547,7 +2675,7 @@ a { font-size: 0.7rem; } .content__card .info-card h2 { - padding: 0.5625rem 0 5.4em 0.1875rem; + padding: 0.5625rem 0 4.8rem 0.1875rem; margin: 0; font-size: 1.0625rem; font-weight: bold; @@ -2570,6 +2698,10 @@ a { \*========================================================================================*/ /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 1024px OR 64em + */ + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL ** MAX-WIDTH : 992px OR 62em */ /*-------------------------------- @@ -2582,8 +2714,8 @@ a { */ /*-------------------------------- *** FOR MINI MOBILE - ** MAX : 375PX / 23.4375em - */ + ** MAX: 375px / 23.4375em + --------------------------------*/ } .featured_articles_aubscription .container { width: 62%; @@ -2656,20 +2788,27 @@ a { .featured_articles_aubscription .container .box3 .blog__highlights .info-card h2 { padding: 0 0.875rem 11.1rem 0.875rem; } -@media screen and (max-width: 62em) { +@media screen and (max-width: 64em) { .featured_articles_aubscription .container { - align-items: center; + display: flex; + flex-direction: column; + gap: 2rem; } .featured_articles_aubscription .container .box1, .featured_articles_aubscription .container .box2, .featured_articles_aubscription .container .box3 { grid-template-columns: 1fr; grid-gap: 1em; + margin: 0 auto; + width: 75%; } .featured_articles_aubscription .container .box1 .blog__highlights, .featured_articles_aubscription .container .box2 .blog__highlights, .featured_articles_aubscription .container .box3 .blog__highlights { height: 26.1rem; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; } .featured_articles_aubscription .container .box1 .blog__highlights .blog__highlights-img, .featured_articles_aubscription .container .box2 .blog__highlights .blog__highlights-img, @@ -2680,11 +2819,6 @@ a { width: 100%; padding: 0; } - .featured_articles_aubscription .container .box1 .blog__highlights .blog__highlights-img img, - .featured_articles_aubscription .container .box2 .blog__highlights .blog__highlights-img img, - .featured_articles_aubscription .container .box3 .blog__highlights .blog__highlights-img img { - width: 90%; - } .featured_articles_aubscription .container .box1 .blog__highlights .info-card, .featured_articles_aubscription .container .box2 .blog__highlights .info-card, .featured_articles_aubscription .container .box3 .blog__highlights .info-card { @@ -2693,19 +2827,22 @@ a { .featured_articles_aubscription .container .box1 .blog__highlights .info-card h2, .featured_articles_aubscription .container .box2 .blog__highlights .info-card h2, .featured_articles_aubscription .container .box3 .blog__highlights .info-card h2 { - padding: 0 0.875rem 6.5rem 0.875rem; + padding: 0 0.875rem 8.5rem 0.875rem; } .featured_articles_aubscription .container .box1 .marke__tingHub, .featured_articles_aubscription .container .box2 .marke__tingHub, .featured_articles_aubscription .container .box3 .marke__tingHub { - width: 35.1rem; + width: 90%; + max-width: 35.1rem; margin: 0 auto; } .featured_articles_aubscription .container .box1 .content__card, .featured_articles_aubscription .container .box2 .content__card, .featured_articles_aubscription .container .box3 .content__card { - height: 26.1rem; - width: 35.1rem; + height: auto; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; } .featured_articles_aubscription .container .box1 .content__card .content__card-img, .featured_articles_aubscription .container .box2 .content__card .content__card-img, @@ -2716,36 +2853,238 @@ a { width: 100%; padding: 0; } - .featured_articles_aubscription .container .box1 .content__card .content__card-img img, - .featured_articles_aubscription .container .box2 .content__card .content__card-img img, - .featured_articles_aubscription .container .box3 .content__card .content__card-img img { + .featured_articles_aubscription .container .box1 .content__card .info-card h2, + .featured_articles_aubscription .container .box2 .content__card .info-card h2, + .featured_articles_aubscription .container .box3 .content__card .info-card h2 { + padding: 0 0.875rem 6.5rem 0.875rem; + } + .featured_articles_aubscription .container .box1 .content__card-img img, + .featured_articles_aubscription .container .box1 .blog__highlights-img img, + .featured_articles_aubscription .container .box2 .content__card-img img, + .featured_articles_aubscription .container .box2 .blog__highlights-img img, + .featured_articles_aubscription .container .box3 .content__card-img img, + .featured_articles_aubscription .container .box3 .blog__highlights-img img { + width: 100%; + height: auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card h2 { + padding: 0 0.875rem 6rem 0.875rem; + } +} +@media screen and (max-width: 62em) { + .featured_articles_aubscription .container { + display: flex; + flex-direction: column; + gap: 2rem; + } + .featured_articles_aubscription .container .box1, + .featured_articles_aubscription .container .box2, + .featured_articles_aubscription .container .box3 { + grid-template-columns: 1fr; + grid-gap: 1em; + margin: 0 auto; + width: 75%; + } + .featured_articles_aubscription .container .box1 .blog__highlights, + .featured_articles_aubscription .container .box2 .blog__highlights, + .featured_articles_aubscription .container .box3 .blog__highlights { + height: 26.1rem; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box2 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box3 .blog__highlights .blog__highlights-img { + display: flex; + justify-content: center; + height: 11.5rem; + width: 100%; + padding: 0; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card, + .featured_articles_aubscription .container .box2 .blog__highlights .info-card, + .featured_articles_aubscription .container .box3 .blog__highlights .info-card { + padding: 0rem 1em 1em 0rem; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card h2, + .featured_articles_aubscription .container .box2 .blog__highlights .info-card h2, + .featured_articles_aubscription .container .box3 .blog__highlights .info-card h2 { + padding: 0 0.875rem 7.402rem 0.875rem; + } + .featured_articles_aubscription .container .box1 .marke__tingHub, + .featured_articles_aubscription .container .box2 .marke__tingHub, + .featured_articles_aubscription .container .box3 .marke__tingHub { width: 90%; + max-width: 35.1rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .content__card, + .featured_articles_aubscription .container .box2 .content__card, + .featured_articles_aubscription .container .box3 .content__card { + height: auto; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .content__card .content__card-img, + .featured_articles_aubscription .container .box2 .content__card .content__card-img, + .featured_articles_aubscription .container .box3 .content__card .content__card-img { + display: flex; + justify-content: center; + height: 11.5rem; + width: 100%; + padding: 0; } .featured_articles_aubscription .container .box1 .content__card .info-card h2, .featured_articles_aubscription .container .box2 .content__card .info-card h2, .featured_articles_aubscription .container .box3 .content__card .info-card h2 { padding: 0 0.875rem 6.5rem 0.875rem; } + .featured_articles_aubscription .container .box1 .content__card-img img, + .featured_articles_aubscription .container .box1 .blog__highlights-img img, + .featured_articles_aubscription .container .box2 .content__card-img img, + .featured_articles_aubscription .container .box2 .blog__highlights-img img, + .featured_articles_aubscription .container .box3 .content__card-img img, + .featured_articles_aubscription .container .box3 .blog__highlights-img img { + width: 100%; + height: auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card h2 { + padding: 0 0.875rem 6rem 0.875rem; + } } @media screen and (min-width: 31.25em) and (max-width: 47.9375em) { + .featured_articles_aubscription .container { + display: flex; + flex-direction: column; + } .featured_articles_aubscription .container .box1, .featured_articles_aubscription .container .box2, .featured_articles_aubscription .container .box3 { grid-template-columns: 1fr; + width: 100%; + max-width: 48rem; + margin: 0 auto; + gap: 1.5rem; + padding: 0 1rem; + } + .featured_articles_aubscription .container a { + font-size: clamp(0.7rem, 2vw, 0.9rem); + max-width: 100%; + margin: 0 auto; } } @media screen and (max-width: 40em) { + .featured_articles_aubscription .container { + display: flex; + flex-direction: column; + gap: 1.5rem; + } .featured_articles_aubscription .container .box1, .featured_articles_aubscription .container .box2, .featured_articles_aubscription .container .box3 { grid-template-columns: 1fr; + width: 100%; + max-width: 37.5rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights, + .featured_articles_aubscription .container .box2 .blog__highlights, + .featured_articles_aubscription .container .box3 .blog__highlights { + height: auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box2 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box3 .blog__highlights .blog__highlights-img { + height: 11.5rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card, + .featured_articles_aubscription .container .box2 .blog__highlights .info-card, + .featured_articles_aubscription .container .box3 .blog__highlights .info-card { + padding: 0.5rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .content__card, + .featured_articles_aubscription .container .box2 .content__card, + .featured_articles_aubscription .container .box3 .content__card { + height: auto; + width: 100%; + max-width: 35.1rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .content__card .content__card-img, + .featured_articles_aubscription .container .box2 .content__card .content__card-img, + .featured_articles_aubscription .container .box3 .content__card .content__card-img { + height: 11.5rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .content__card .info-card h2, + .featured_articles_aubscription .container .box2 .content__card .info-card h2, + .featured_articles_aubscription .container .box3 .content__card .info-card h2 { + padding: 0 0.875rem 6.5rem 0.875rem; + } + .featured_articles_aubscription .container h1, + .featured_articles_aubscription .container h3 { + text-align: center; } } @media screen and (max-width: 25em) { + .featured_articles_aubscription .container { + display: flex; + flex-direction: column; + gap: 1rem; + } .featured_articles_aubscription .container .box1, .featured_articles_aubscription .container .box2, .featured_articles_aubscription .container .box3 { - grid-template-columns: 1fr; + width: 100%; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights, + .featured_articles_aubscription .container .box2 .blog__highlights, + .featured_articles_aubscription .container .box3 .blog__highlights { + height: auto; + } + .featured_articles_aubscription .container .box1 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box2 .blog__highlights .blog__highlights-img, + .featured_articles_aubscription .container .box3 .blog__highlights .blog__highlights-img { + height: 9rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .blog__highlights .info-card, + .featured_articles_aubscription .container .box2 .blog__highlights .info-card, + .featured_articles_aubscription .container .box3 .blog__highlights .info-card { + padding: 0.25rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .content__card, + .featured_articles_aubscription .container .box2 .content__card, + .featured_articles_aubscription .container .box3 .content__card { + height: auto; + width: 100%; + max-width: 35.1rem; + margin: 0 auto; + } + .featured_articles_aubscription .container .box1 .content__card .content__card-img, + .featured_articles_aubscription .container .box2 .content__card .content__card-img, + .featured_articles_aubscription .container .box3 .content__card .content__card-img { + height: 9rem; + width: 100%; + } + .featured_articles_aubscription .container .box1 .content__card .info-card h2, + .featured_articles_aubscription .container .box2 .content__card .info-card h2, + .featured_articles_aubscription .container .box3 .content__card .info-card h2 { + padding: 0 0.875rem 5rem 0.875rem; + } + .featured_articles_aubscription .container h1, + .featured_articles_aubscription .container h3 { + font-size: clamp(1.2rem, 3vw, 1.5rem); + text-align: center; + margin: 0.25rem 0; + line-height: 1.5 !important; + overflow-wrap: break-word; } } @@ -2758,6 +3097,18 @@ a { *---------------------------- MEDIA QUERY ---------------------------- \*========================================================================================*/ /*-------------------------------- + *** FOR SOM OF THE DEVICES + ** MIN-WIDTH : 1201px OR 75.0625em + */ + /*-------------------------------- + *** LAPTOP OR DESKTOP + ** MIN-WIDTH : 1400px OR 87.5em + */ + /*-------------------------------- + *** 4K AND HIGH RESOULOTIONS + ** MIN-WIDTH : 2560px OR 160em + */ + /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL ** MAX-WIDTH : 1200px OR 75em */ @@ -2782,6 +3133,9 @@ a { ** MAX : 400PX / 25em */ } +.topics .container { + width: 62%; +} .topics .container h2 { margin: 0 auto; text-align: center; @@ -2808,8 +3162,7 @@ a { } .topics .container .more-topics .topic a { padding: 1.5em 1em; - width: 27%; - min-width: 16rem; + width: 14.4rem; height: 1em; margin: 0.5em 0.5em; background-color: rgb(245, 248, 250); @@ -2861,17 +3214,29 @@ a { border-top: 0.375em solid #000; transition: 0.3s; } +@media screen and (min-width: 75.0625em) { + .topics .container .more-topics .topic a { + width: 13.38rem; + } +} +@media screen and (min-width: 87.5em) { + .topics .container .more-topics .topic a { + width: 15.95rem; + } +} +@media screen and (min-width: 160em) { + .topics .container .more-topics .topic a { + width: 14.4rem; + } +} @media screen and (max-width: 75em) { - .topics .container .more-topics .topic { - justify-content: center; + .topics .container .more-topics .topic a { + width: 13.3rem; } } @media screen and (max-width: 64em) { - .topics .container p { - padding: 1.4375rem 7.5em 2.7rem 7.5em; - } - .topics .container .more-topics .topic { - justify-content: center; + .topics .container .more-topics .topic a { + width: 11rem; } } @media screen and (max-width: 62em) { @@ -3035,7 +3400,7 @@ a { width: 90%; } .footer .footer__container .footer__about p { - width: 43rem; + width: 100%; } .footer .footer__bottom { width: 90%; diff --git a/apps/original/blog/css/style.css.map b/apps/original/blog/css/style.css.map index dbab76a..57b0cc6 100644 --- a/apps/original/blog/css/style.css.map +++ b/apps/original/blog/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../../../shared/styles/scss/shared.scss","../../../../shared/styles/scss/abstracts/_media-query.scss","../../../../shared/styles/scss/abstracts/_variables.scss","../../../../shared/styles/scss/base/_animation.scss","../../../../shared/styles/scss/base/_reset.scss","../../../../shared/styles/scss/components/_button.scss","../../../../shared/styles/scss/layout/_grid.scss","../scss/_variables.scss","../scss/_typography.scss","../scss/_icomoon.scss","../scss/component/_button.scss","../scss/base/_base.scss","../../../../shared/styles/scss/weprodev-header/scss/main.scss","../../../../shared/styles/scss/weprodev-header/scss/_variables.scss","../../../../shared/styles/scss/weprodev-header/scss/typography/_icomoon.scss","../../../../shared/styles/scss/components/_dropdown.scss","../../../../shared/styles/scss/weprodev-header/scss/layout/_weprodev-header.scss","../scss/layout/_content-section.scss","../scss/layout/_featured-articles-subscription.scss","../scss/layout/_topics.scss","../scss/layout/_footer.scss"],"names":[],"mappings":"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ACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AVzcE;AAAA;AAAA;AAAA;AWnCJ;EACE;EACA;EACA,YHuBoB;EGtBpB,OH+BoB;EG9BpB,WRyEW;EQxEX;EACA,eRoEU;;AQlEV;EACE,kBH+CkB;EG9ClB;;AAGF;EACE;EACA,kBHqBkB;EGpBlB;EACA,OHQkB;;AGNlB;EACE,kBHsCgB;;;ARjBlB;AAAA;AAAA;AAAA;AY1CJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA,kBJiBkB;EIhBlB;EACA;;;AZiCA;AAAA;AAAA;AAAA;AajDJ;AAAA;AAAA;AXAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOC;AAAA;AAAA;AAAA;AAKA;EACC;;;AAGF;AAAA;AAAA;AAIC;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AC5GD;AAAA;AAAA;AAwBA;AAAA;AAAA;AAeA;AAAA;AAAA;AASA;AAAA;AAAA;AAeA;AAAA;AAAA;AAMA;AAAA;AAAA;AWrEA;AAAA;AAAA;ADOA;AAAA;AAAA;ARPA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACE;EACA;;;AQlBF;AAAA;AAAA;AEbA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EAIA;EACA;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;E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ACA;;AAEA;EACE;EACA,YVnDc;EUoDd;EACA;EACA,OJvFA;EIwFA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA,YVlFY;EUmFZ;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA,WfpHD;EeqHC;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE,OVrIU;EUsIV,Wf7IC;;AegJH;EACE;;AAEA;EACE;;AhBxFZ;EgB0GE;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAEA;IACE;;;AhB7GR;EgByHE;IACE;IACA;IACA;;EAEA;IACE;;EAII;IACE;;EAMR;IACE;IACA;;EAEA;IACE;;;AhBpIR;EgBgJE;IACE;;EAEA;IACE;IACA;IACA;;EAEA;IACE;;EAGE;IACE;;EAIJ;IACE;;EAKN;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;AhBrKR;EgBkLI;IACE;IACA;;EAEA;IACE;;EAGE;IACE;;EAIJ;IACE;;EAKN;IACE;;EAEA;IACE;;;AhB9LR;EgB0ME;IACE;;EAEA;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;;AClVV;EACE;EACA,kBX0BoB;EWzBpB;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAKN;EACE;EACA,kBXtBoB;EWuBpB;EACA;EACA,OL1DM;EK2DN;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,WhBnEQ;EgBoER;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,cLtGA;EKuGA,OLvGA;EKwGA;EACA;EACA;;AAEA;EACE,kBXtDY;;;AW6DtB;EACE,kBX7FoB;EW8FpB;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;AAiGA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAsEA;AAAA;AAAA;AAAA;AAeA;AAAA;AAAA;AAAA;AAeA;AAAA;AAAA;AAAA;;AAvMA;EACE;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAII;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAON;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,cL1ON;EK2OM,OL3ON;EK4OM;EACA;EACA;EACA;;AAQJ;EACE;;AAMR;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AjB5LR;EiB4ME;IACE;;EAEA;AAAA;AAAA;IAGE;IACA;;EAEA;AAAA;AAAA;IACE;;EAEA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;;EAEA;AAAA;AAAA;IACE;;EAIJ;AAAA;AAAA;IACE;;EAEA;AAAA;AAAA;IACE;;EAKN;AAAA;AAAA;IACE;IACA;;EAGF;AAAA;AAAA;IACE;IACA;;EAEA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;;EAEA;AAAA;AAAA;IACE;;EAKF;AAAA;AAAA;IACE;;;AjBzPZ;EiBwQI;AAAA;AAAA;IAGE;;;AjBhQN;EiB4QI;AAAA;AAAA;IAGE;;;AjBpQN;EiBgRI;AAAA;AAAA;IAGE;;;;ACrYR;EACE;EACA;EACA;EACA;AAsEA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAeA;AAAA;AAAA;AAAA;AAmBA;AAAA;AAAA;AAAA;AAkBA;AAAA;AAAA;AAAA;AAkBA;AAAA;AAAA;AAAA;AAeA;AAAA;AAAA;AAAA;;AA5JE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBZVY;EYWZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOI;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AlBRV;EkB2BM;IACE;;;AlBjBR;EkB8BI;IACE;;EAIA;IACE;;;AlBzBR;EkBsCI;IACE;;EAGA;IACE;;;AlBhCR;EkB6CI;IACE;;EAGA;IACE;;;AlBvCR;EkBqDM;IACE;;;AlB3CR;EkBwDI;IACE;;EAGA;IACE;;;;AC/KV;EACE;EACA,OPEM;EODN;EACA;EACA;EACA;AA8GA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAwBA;AAAA;AAAA;AAAA;AAwBA;AAAA;AAAA;AAAA;AAwBA;AAAA;AAAA;AAAA;;AAnMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;EACA;EACA,YPlDA;EOmDA;EACA;EACA,OPtDA;EOuDA;EACA,WlBjDO;EkBkDP;;AAEA;EACE,cb3BY;Ea4BZ;EACA;;AAIJ;EACE,YblCc;EamCd,OPpEA;EOqEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,kBbzCY;;Aa+CpB;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE,ObhEc;;ANuBpB;EmBwDE;IACE;;;AnB9CJ;EmBwDE;IACE;IACA;IACA;IACA;;EAGE;IACE;;EAKN;IACE;;;AnB3DJ;EmBqEE;IACE;IACA;IACA;IACA;;EAGE;IACE;;EAKN;IACE;;;AnBxEJ;EmBkFE;IACE;IACA;IACA;IACA;;EAGE;IACE;;EAKN;IACE;;;AnBrFJ;EmB+FE;IACE;IACA;IACA;IACA;;EAGE;IACE;;EAKN;IACE;;;;ArBnKN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../../../shared/styles/scss/shared.scss","../../../../shared/styles/scss/abstracts/_media-query.scss","../../../../shared/styles/scss/abstracts/_variables.scss","../../../../shared/styles/scss/base/_animation.scss","../../../../shared/styles/scss/base/_reset.scss","../../../../shared/styles/scss/components/_button.scss","../../../../shared/styles/scss/layout/_grid.scss","../scss/_variables.scss","../scss/_typography.scss","../scss/_icomoon.scss","../scss/component/_button.scss","../scss/base/_base.scss","../../../../shared/styles/scss/weprodev-header/scss/main.scss","../../../../shared/styles/scss/weprodev-header/scss/_variables.scss","../../../../shared/styles/scss/weprodev-header/scss/typography/_icomoon.scss","../../../../shared/styles/scss/components/_dropdown.scss","../../../../shared/styles/scss/weprodev-header/scss/layout/_weprodev-header.scss","../scss/layout/_content-section.scss","../scss/layout/_featured-articles-subscription.scss","../scss/layout/_topics.scss","../scss/layout/_footer.scss"],"names":[],"mappings":"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A;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EA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CE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AFzdF;AAAA;AAAA;AGnBA;AAAA;AAAA;AAAA;AAKA;EACE;;AAEE;EACE;;AAGJ;EACE;EACA;EACA;EACA;;;AVdJ;AAAA;AAAA;AAAA;AOwBA;AAAA;AAAA;AI1BA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE,OHNc;;AGUlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBHjBI;EGkBJ,Yd6CO;Ec5CP;;AfoCF;Ee9CA;IAYI;;;Af8EJ;Ee1FA;IAeI;;;AAGJ;EACE;;AAGA;EACE,WdpBQ;;AcsBV;EACE;;AAGA;EACE;;Af4DN;EerEA;IAaI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,edaM;EcZN;EACA;EACA,kBH5DI;;AG8DN;EACE;;AAEF;EACE;EACA;EACA,kBHrEgB;EGsEhB;EACA,edOU;;ADsBZ;EelCA;IAQI;IACA;IACA;;;AAGJ;EACE;EACA;EACA,OHjFI;EGkFJ;EACA;EACA;;AACA;EACE,OHtFE;;AZmGN;EerBA;IAYI;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,edtBU;EcuBV;EACA,OHrGI;EGsGJ,kBHvGgB;;AZoGlB;EeLA;IAWI,kBHzGE;IG0GF,OHzGE;;;AG4GN;EACE;EACA;;AfZF;EeUA;IAKI;;;AAGJ;EACE,kBHtHI;EGuHJ,OHtHI;;AZkGN;EesBA;IAEI;;;AAGJ;EXjHA,YAVK;EAWL,OAVQ;EAWR,eHuDQ;EGtDR,QWsHa;EXrHb,SWiHc;EXhHd,WAVW;EAWX,aHjBmB;EGkBnB,YW+GiB;EX9GjB;EACA;;AAEA;EACE,kBW2GiB;;AAKjB;EACE;;AAGJ;EACE,OH/IgB;EGgJhB,kBH/II;;AGiJN;EACE,OHlJI;EGmJJ,kBHpJgB;;AZwDlB;Ee0FA;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,YdhGO;EciGP;EACA,kBHjKI;;AZuDN;EekGA;IAUI;;;AAGJ;EACE,Wd9JS;Ec+JT;EACA;;AftEF;EemEA;IAKI,WdnKO;;;;AeZb;EACE;EACA;EACA;EACA;AAkKA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAwBA;AAAA;AAAA;AAAA;AAuBA;AAAA;AAAA;AAAA;AAgCA;AAAA;AAAA;AAAA;AA0CA;AAAA;AAAA;AAAA;AA4CA;AAAA;AAAA;AAAA;AAwCA;AAAA;AAAA;AAAA;;AAjXA;EACE;EACA;EACA;;AAEA;EACE,YVgBgB;EUfhB;EACA;EACA,ef4DM;Ee3DN;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,OJ9DF;EI+DE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA,YVnDc;EUoDd;EACA;EACA,OJvFA;EIwFA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA,YVlFY;EUmFZ;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA,WfpHD;EeqHC;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE,OVrIU;EUsIV,Wf7IC;;AegJH;EACE;;AAEA;EACE;;AhB9GZ;EgBqIU;IACE;IACA;;EAEF;IACE;;;AhB/HZ;EgBiJU;IACE;IACA;;EAEF;IACE;;;AhB3IZ;EgByJE;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAOE;IACE;;;AhBjKV;EgB8KE;IACE;IACA;IACA;;EAEA;IACE;;EAEA;IACE;;EACA;IACE;;EACA;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAKN;IACE;IACA;;EAEA;IACE;;;AhBjMR;EgB6ME;IACE;;EAEA;IACE;IACA;IACA;;EAEA;IACE;;EAGE;IACE;;EAIJ;IACE;;EAKN;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;AhBlOR;EgB8OE;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;EAEA;IACE;;EAEA;IACE;;EAIJ;IACE;;EAKN;IACE;;EAEA;IACE;;;AhB/PR;EgB2QE;IACE;;EAEA;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;;ACnZV;EACE;EACA,kBX0BoB;EWzBpB;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;;AAKN;EACE;EACA,kBXrBoB;EWsBpB;EACA;EACA,OLzDM;EK0DN;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,WhBlEQ;EgBmER;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,cLrGA;EKsGA,OLtGA;EKuGA;EACA;EACA;;AAEA;EACE,kBXrDY;;;AW4DtB;EACE,kBX5FoB;EW6FpB;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;AAiGA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAuFA;AAAA;AAAA;AAAA;AAsFA;AAAA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAwDA;AAAA;AAAA;AAAA;;AApWA;EACE;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAII;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAON;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,cLzON;EK0OM,OL1ON;EK2OM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","file":"style.css"} \ No newline at end of file diff --git a/apps/original/blog/fonts/icons/icomoon.eot b/apps/original/blog/fonts/icons/icomoon.eot new file mode 100644 index 0000000..36362a5 Binary files /dev/null and b/apps/original/blog/fonts/icons/icomoon.eot differ diff --git a/apps/original/blog/fonts/icons/icomoon.svg b/apps/original/blog/fonts/icons/icomoon.svg new file mode 100644 index 0000000..ee92b00 --- /dev/null +++ b/apps/original/blog/fonts/icons/icomoon.svg @@ -0,0 +1,156 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apps/original/blog/fonts/icons/icomoon.ttf b/apps/original/blog/fonts/icons/icomoon.ttf new file mode 100644 index 0000000..d866af9 Binary files /dev/null and b/apps/original/blog/fonts/icons/icomoon.ttf differ diff --git a/apps/original/blog/fonts/icons/icomoon.woff b/apps/original/blog/fonts/icons/icomoon.woff new file mode 100644 index 0000000..5c5f63a Binary files /dev/null and b/apps/original/blog/fonts/icons/icomoon.woff differ diff --git a/apps/original/blog/img/favicon.png b/apps/original/blog/img/favicon.png new file mode 100644 index 0000000..a6b06fe Binary files /dev/null and b/apps/original/blog/img/favicon.png differ diff --git a/apps/original/blog/img/logo.png b/apps/original/blog/img/logo.png new file mode 100644 index 0000000..0ebb2d3 Binary files /dev/null and b/apps/original/blog/img/logo.png differ diff --git a/apps/original/blog/img/weprodev-3.jpg b/apps/original/blog/img/weprodev-3.jpg new file mode 100644 index 0000000..d7ea69c Binary files /dev/null and b/apps/original/blog/img/weprodev-3.jpg differ diff --git a/apps/original/blog/index.html b/apps/original/blog/index.html index 149ffa6..ea23001 100644 --- a/apps/original/blog/index.html +++ b/apps/original/blog/index.html @@ -11,7 +11,7 @@ /> - + Blog @@ -22,7 +22,7 @@
@@ -169,7 +169,7 @@

- Blog Image + Key components of a marketing strategy
@@ -215,7 +215,7 @@

2020 State of Marketing Report

- + Tips for working remotely
@@ -236,7 +236,7 @@

- + Sales team success story
@@ -254,7 +254,7 @@

- + Female entrepreneurs to follow
@@ -335,7 +335,7 @@

Explore More Topic

class="footer" style=" background-image: linear-gradient(#141414e6, #141414e6), - url(../../../shared/assets/images/weprodev-footer-bg.jpg); + url(./img/weprodev-3.jpg); " >
@@ -383,7 +383,7 @@

Follow Us

- +

©2024 All rights reserved

diff --git a/apps/original/blog/scss/_icomoon.scss b/apps/original/blog/scss/_icomoon.scss index 8f7cbd4..2a84a9b 100644 --- a/apps/original/blog/scss/_icomoon.scss +++ b/apps/original/blog/scss/_icomoon.scss @@ -7,11 +7,11 @@ @font-face { font-family: 'icomoon'; - src: url('../../../../shared/assets/fonts/icons/icomoon.eot?5sy53h'); - src: url('../../../../shared/assets/fonts/icons/icomoon.eot?5sy53h#iefix') format('embedded-opentype'), - url('../../../../shared/assets/fonts/icons/icomoon.ttf?5sy53h') format('truetype'), - url('../../../../shared/assets/fonts/icons/icomoon.woff?5sy53h') format('woff'), - url('../../../../shared/assets/fonts/icons/icomoon.svg?5sy53h#icomoon') format('svg'); + src: url('../fonts/icons/icomoon.eot?5sy53h'); + src: url('../fonts/icons/icomoon.eot?5sy53h#iefix') format('embedded-opentype'), + url('../fonts/icons/icomoon.ttf?5sy53h') format('truetype'), + url('../fonts/icons/icomoon.woff?5sy53h') format('woff'), + url('../fonts/icons/icomoon.svg?5sy53h#icomoon') format('svg'); font-weight: normal; font-style: normal; } diff --git a/apps/original/blog/scss/_typography.scss b/apps/original/blog/scss/_typography.scss index 6bdcf9f..7078a95 100644 --- a/apps/original/blog/scss/_typography.scss +++ b/apps/original/blog/scss/_typography.scss @@ -20,7 +20,7 @@ html { } hr { - width: 43rem; + width: 50rem; margin: 0 auto; display: none; border-color: $black; @@ -32,11 +32,18 @@ html { top: 2rem; position: relative; } + + .weprodev-header { + display: flex; + flex-direction: column; + position: relative; + top: 0; + } } - /*========================================================================================*\ - *---------------------------- MEDIA QUERY ---------------------------- - \*========================================================================================*/ + /*========================================================================================*\ + *---------------------------- MEDIA QUERY ---------------------------- + \*========================================================================================*/ /*-------------------------------- *** 4K AND HIGH RESOULOTIONS @@ -49,18 +56,114 @@ html { /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL - ** MAX-WIDTH : 992px OR 62em + ** MAX-WIDTH : 1200px OR 75em */ - @include tablet { + @include laptop { + font-size: 1rem; + + body { + .hr { + width: 47rem; + } + } + } + + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 1024px OR 64em + */ + + @include miniLaptop { + font-size: 1rem; + body { + .hr { + width: 27rem; + } + hr { display: block; - width: 100%; + width: 32rem; + top: -2.5rem; + position: relative; } + } + } + + /*-------------------------------- + *** FOR MINI MOBILE + ** MAX : 400PX / 25em + --------------------------------*/ + @include miniMobile { + font-size: 0.8rem; + body { .hr { - width: 100%; + width: 18rem; + } + + hr { + width: 19.5rem; + display: block; + } + } + } + + /*-------------------------------- + *** FOR MOBILE + ** MAX : 640PX / 40em + --------------------------------*/ + @include mobile { + @media (min-width: 401px) and (max-width: 640px) { + font-size: 1rem; + + body { + .hr { + width: 20rem; + } + + hr { + width: 23rem; + display: block; + } + } + } + } + + /*-------------------------------- + *** FOR RETINA MOBILE AND LANDSCAPE + ** MIN : 500px / 31.25em | MAX : 767PX / 47.9375em + --------------------------------*/ + @include retinaMobile { + @media (min-width: 641px) and (max-width: 767px) { + font-size: 0.7rem; + + .hr { + width: 16rem !important; + } + } + } + + /*-------------------------------- + *** FOR TABLET + ** MAX-WIDTH : 992px OR 62em + --------------------------------*/ + @include tablet { + @media (min-width: 768px) and (max-width: 992px) { + font-size: 1.5rem; + + body { + .hr { + width: 17.5rem; + display: block; + } + + hr { + width: 21rem; + top: -2.5rem; + position: relative; + } } } } diff --git a/apps/original/blog/scss/layout/_content-section.scss b/apps/original/blog/scss/layout/_content-section.scss index e091794..938bad8 100644 --- a/apps/original/blog/scss/layout/_content-section.scss +++ b/apps/original/blog/scss/layout/_content-section.scss @@ -164,9 +164,56 @@ } } -/*========================================================================================*\ -*---------------------------- MEDIA QUERY ---------------------------- -\*========================================================================================*/ + /*========================================================================================*\ + *---------------------------- MEDIA QUERY ---------------------------- + \*========================================================================================*/ + + /*-------------------------------- + *** FOR SOM OF THE DEVICES + ** MIN-WIDTH : 1201px OR 75.0625em + */ + + @include lcd { + + .container { + .sidebar { + .sidebar__list { + & > :first-child { + .sidebar__item-title { + top: -0.5rem; + position: relative; + } + .blog-meta { + top: -0.5rem; + } + } + } + } + } + } + + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 1200px OR 75em + */ + + @include laptop { + .container { + .sidebar { + .sidebar__list { + & > :first-child { + .sidebar__item-title { + top: -0.5rem; + position: relative; + } + .blog-meta { + top: -0.5rem; + } + } + } + } + } + } /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL @@ -187,8 +234,14 @@ width: 75%; padding-top: nth($spaces, 8); - .sidebar__list .sidebar__item { - width: 100%; + .sidebar__list { + & > :first-child { + // background-color: red; + // color: red; + } + .sidebar__item { + width: 100%; + } } } } @@ -209,11 +262,19 @@ width: 75%; &__informations { + width: 18rem; .img__box { + width: 18rem; img { - width: 28rem; + width: 18rem; + height: 17rem; } } + .title-box { + padding-top: 0; + top: -1rem; + position: relative; + } } } @@ -279,16 +340,20 @@ @include mobile { .container { + width: 62%; + .main-post { - width: 80%; - height: 39rem; + width: 23rem; + height: 30rem; .main-post__informations { width: 95%; .img__box { + width: 20rem; + img { - width: 23.2rem; + width: 20rem; } } @@ -299,7 +364,7 @@ } .sidebar { - width: 80%; + width: 23rem; .sidebar__title { left: 0; @@ -315,11 +380,11 @@ @include miniMobile { .container { - width: 100%; + width: 62%; .main-post { width: 100%; - height: 34rem; + height: 31rem; border-radius: 0; &__informations { diff --git a/apps/original/blog/scss/layout/_featured-articles-subscription.scss b/apps/original/blog/scss/layout/_featured-articles-subscription.scss index 1ec7b7f..da6440c 100644 --- a/apps/original/blog/scss/layout/_featured-articles-subscription.scss +++ b/apps/original/blog/scss/layout/_featured-articles-subscription.scss @@ -17,7 +17,6 @@ justify-content: center; height: 11.5rem; width: 14.5rem; - padding: 0.2rem 0 0 1.2rem; img { width: 95%; @@ -97,7 +96,7 @@ } .btn-box { - padding: nth($spaces, 8) 0 0 nth($spaces, 4); + padding: nth($spaces, 8) 0 0 0; button { width: 100%; @@ -156,7 +155,7 @@ } h2 { - padding: 0.5625rem 0 5.4em 0.1875rem; + padding: 0.5625rem 0 4.8rem 0.1875rem; margin: 0; font-size: 1.0625rem; font-weight: bold; @@ -279,21 +278,28 @@ /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL - ** MAX-WIDTH : 992px OR 62em + ** MAX-WIDTH : 1024px OR 64em */ - @include tablet { + @include miniLaptop { .container { - align-items: center; + display: flex; + flex-direction: column; + gap: 2rem; .box1, .box2, .box3 { grid-template-columns: 1fr; grid-gap: nth($spaces, 4); + margin: 0 auto; + width: 75%; .blog__highlights { height: 26.1rem; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; .blog__highlights-img { display: flex; @@ -301,29 +307,114 @@ height: 11.5rem; width: 100%; padding: 0; + } - & img { - width: 90%; + .info-card { + padding: 0rem nth($spaces, 4) nth($spaces, 4) 0rem; + + h2 { + padding: 0 0.875rem 8.5rem 0.875rem; } } + } + + .marke__tingHub { + width: 90%; + max-width: 35.1rem; + margin: 0 auto; + } + + .content__card { + height: auto; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; + + .content__card-img { + display: flex; + justify-content: center; + height: 11.5rem; + width: 100%; + padding: 0; + } + + .info-card { + h2 { + padding: 0 0.875rem 6.5rem 0.875rem; + } + } + } + .content__card-img img, + .blog__highlights-img img { + width: 100%; + height: auto; + } + } + + .box1 { + .blog__highlights { + .info-card { + h2 { + padding: 0 0.875rem 6rem 0.875rem; + } + } + } + } + } + } + + /*-------------------------------- + *** FOR ANY DEVICE MAX SIZE UNTIL + ** MAX-WIDTH : 992px OR 62em + */ + @include tablet { + .container { + display: flex; + flex-direction: column; + gap: 2rem; + + .box1, + .box2, + .box3 { + grid-template-columns: 1fr; + grid-gap: nth($spaces, 4); + margin: 0 auto; + width: 75%; + + .blog__highlights { + height: 26.1rem; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; + + .blog__highlights-img { + display: flex; + justify-content: center; + height: 11.5rem; + width: 100%; + padding: 0; + } .info-card { padding: 0rem nth($spaces, 4) nth($spaces, 4) 0rem; h2 { - padding: 0 0.875rem 6.5rem 0.875rem; + padding: 0 0.875rem 7.402rem 0.875rem; } } } .marke__tingHub { - width: 35.1rem; + width: 90%; + max-width: 35.1rem; margin: 0 auto; } .content__card { - height: 26.1rem; - width: 35.1rem; + height: auto; + width: 90%; + max-width: 35.1rem; + margin: 0 auto; .content__card-img { display: flex; @@ -331,15 +422,26 @@ height: 11.5rem; width: 100%; padding: 0; + } - & img { - width: 90%; + .info-card { + h2 { + padding: 0 0.875rem 6.5rem 0.875rem; } } + } + .content__card-img img, + .blog__highlights-img img { + width: 100%; + height: auto; + } + } + .box1 { + .blog__highlights { .info-card { h2 { - padding: 0 0.875rem 6.5rem 0.875rem; + padding: 0 0.875rem 6rem 0.875rem; } } } @@ -354,10 +456,23 @@ @include retinaMobile { .container { + display: flex; + flex-direction: column; + .box1, .box2, .box3 { grid-template-columns: 1fr; + width: 100%; + max-width: 48rem; + margin: 0 auto; + gap: 1.5rem; + padding: 0 1rem; + } + a { + font-size: clamp(0.7rem, 2vw, 0.9rem); + max-width: 100%; + margin: 0 auto; } } } @@ -369,25 +484,108 @@ @include mobile { .container { + display: flex; + flex-direction: column; + gap: 1.5rem; + .box1, .box2, .box3 { grid-template-columns: 1fr; + width: 100%; + max-width: 37.5rem; + margin: 0 auto; + + .blog__highlights { + height: auto; + + .blog__highlights-img { + height: 11.5rem; + width: 100%; + } + + .info-card { + padding: 0.5rem; + width: 100%; + } + } + + .content__card { + height: auto; + width: 100%; + max-width: 35.1rem; + margin: 0 auto; + + .content__card-img { + height: 11.5rem; + width: 100%; + } + + .info-card h2 { + padding: 0 0.875rem 6.5rem 0.875rem; + } + } + } + h1, + h3 { + text-align: center; } } } /*-------------------------------- - *** FOR MINI MOBILE - ** MAX : 375PX / 23.4375em - */ - + *** FOR MINI MOBILE + ** MAX: 375px / 23.4375em + --------------------------------*/ @include miniMobile { .container { + display: flex; + flex-direction: column; + gap: 1rem; + .box1, .box2, .box3 { - grid-template-columns: 1fr; + width: 100%; + margin: 0 auto; + + .blog__highlights { + height: auto; + + .blog__highlights-img { + height: 9rem; + width: 100%; + } + + .info-card { + padding: 0.25rem; + width: 100%; + } + } + + .content__card { + height: auto; + width: 100%; + max-width: 35.1rem; + margin: 0 auto; + + .content__card-img { + height: 9rem; + width: 100%; + } + + .info-card h2 { + padding: 0 0.875rem 5rem 0.875rem; + } + } + } + h1, + h3 { + font-size: clamp(1.2rem, 3vw, 1.5rem); + text-align: center; + margin: 0.25rem 0; + line-height: 1.5 !important; + overflow-wrap: break-word; } } } diff --git a/apps/original/blog/scss/layout/_footer.scss b/apps/original/blog/scss/layout/_footer.scss index fc977a2..6940eec 100644 --- a/apps/original/blog/scss/layout/_footer.scss +++ b/apps/original/blog/scss/layout/_footer.scss @@ -143,7 +143,7 @@ .footer__about { p { - width: 43rem; + width: 100%; } } } diff --git a/apps/original/blog/scss/layout/_topics.scss b/apps/original/blog/scss/layout/_topics.scss index 24843b9..594b414 100644 --- a/apps/original/blog/scss/layout/_topics.scss +++ b/apps/original/blog/scss/layout/_topics.scss @@ -5,6 +5,8 @@ padding-bottom: nth($spaces, 12); .container { + width: 62%; + h2 { margin: 0 auto; text-align: center; @@ -33,8 +35,7 @@ a { padding: nth($spaces, 6) nth($spaces, 4); - width: 27%; - min-width: 16rem; + width: 14.4rem; height: 1em; margin: nth($spaces, 2) nth($spaces, 2); background-color: $paleSky; @@ -76,6 +77,57 @@ *---------------------------- MEDIA QUERY ---------------------------- \*========================================================================================*/ + /*-------------------------------- + *** FOR SOM OF THE DEVICES + ** MIN-WIDTH : 1201px OR 75.0625em + */ + + @include lcd { + .container { + .more-topics { + .topic { + a { + width: 13.38rem; + } + } + } + } + } + + /*-------------------------------- + *** LAPTOP OR DESKTOP + ** MIN-WIDTH : 1400px OR 87.5em + */ + + @include led { + .container { + .more-topics { + .topic { + a { + width: 15.95rem; + } + } + } + } + } + + /*-------------------------------- + *** 4K AND HIGH RESOULOTIONS + ** MIN-WIDTH : 2560px OR 160em + */ + + @include led4k { + .container { + .more-topics { + .topic { + a { + width: 14.4rem; + } + } + } + } + } + /*-------------------------------- *** FOR ANY DEVICE MAX SIZE UNTIL ** MAX-WIDTH : 1200px OR 75em @@ -85,7 +137,9 @@ .container { .more-topics { .topic { - justify-content: center; + a { + width: 13.3rem; + } } } } @@ -98,13 +152,11 @@ @include miniLaptop { .container { - p { - padding: 1.4375rem nth($spaces, 30) 2.7rem nth($spaces, 30); - } - .more-topics { .topic { - justify-content: center; + a { + width: 11rem; + } } } } diff --git a/apps/original/blog/scss/main.scss b/apps/original/blog/scss/main.scss index f8595a2..92dd824 100644 --- a/apps/original/blog/scss/main.scss +++ b/apps/original/blog/scss/main.scss @@ -10,7 +10,7 @@ ** Import shared styles */ - @import "../../../../shared/styles/scss/shared.scss"; + @import "./../../../../shared/styles/scss/shared.scss"; /*-------------------------------- *** VARIABLES