Save
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,16 +11,11 @@ $cBlueLight: #82efff;
|
||||
$cCategoryBG: #fafafa;
|
||||
|
||||
//* Fonts
|
||||
$fRocGrotesk: 'roc-grotesk',
|
||||
sans-serif;
|
||||
$fRocGroteskCompressed: 'roc-grotesk-compressed',
|
||||
sans-serif;
|
||||
$fRocGroteskCondensed: 'roc-grotesk-condensed',
|
||||
sans-serif;
|
||||
$fRocGroteskExtrawide: 'roc-grotesk-extrawide',
|
||||
sans-serif;
|
||||
$fRocGroteskWide: 'roc-grotesk-wide',
|
||||
sans-serif;
|
||||
$fRocGrotesk: 'roc-grotesk', sans-serif;
|
||||
$fRocGroteskCompressed: 'roc-grotesk-compressed', sans-serif;
|
||||
$fRocGroteskCondensed: 'roc-grotesk-condensed', sans-serif;
|
||||
$fRocGroteskExtrawide: 'roc-grotesk-extrawide', sans-serif;
|
||||
$fRocGroteskWide: 'roc-grotesk-wide', sans-serif;
|
||||
|
||||
//* Global
|
||||
* {
|
||||
@@ -164,7 +159,7 @@ a {
|
||||
background: $cBone;
|
||||
}
|
||||
|
||||
>i {
|
||||
> i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@@ -226,7 +221,7 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
>img {
|
||||
> img {
|
||||
margin: 0;
|
||||
width: 53px;
|
||||
height: 53px;
|
||||
@@ -252,9 +247,11 @@ a {
|
||||
width: auto;
|
||||
min-width: fit-content;
|
||||
|
||||
.product-amount {}
|
||||
.product-amount {
|
||||
}
|
||||
|
||||
.product-price {}
|
||||
.product-price {
|
||||
}
|
||||
}
|
||||
|
||||
.remove-product {
|
||||
@@ -301,7 +298,7 @@ a {
|
||||
column-gap: 20px;
|
||||
background: #fafafa;
|
||||
|
||||
>a {
|
||||
> a {
|
||||
width: fit-content;
|
||||
padding: 13px 20px;
|
||||
background: $cBlueLight;
|
||||
@@ -377,18 +374,23 @@ a {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding-bottom: 20px;
|
||||
|
||||
>.menu {
|
||||
padding-bottom: 10px;
|
||||
header {
|
||||
.logo-bar {
|
||||
> .menu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
float: right;
|
||||
width: fit-content;
|
||||
height: auto;
|
||||
|
||||
>.fx-menu-btn {
|
||||
> .fx-menu-btn {
|
||||
min-width: fit-content;
|
||||
margin-right: 16px;
|
||||
width: 46px;
|
||||
min-width: 46px;
|
||||
height: 46px;
|
||||
// margin-right: 16px;
|
||||
width: 42px;
|
||||
min-width: 42px;
|
||||
height: 42px;
|
||||
background: $cBlack;
|
||||
border-radius: 100%;
|
||||
display: flex;
|
||||
@@ -460,6 +462,8 @@ a {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu {
|
||||
@@ -478,8 +482,8 @@ a {
|
||||
|
||||
li {
|
||||
&.parent {
|
||||
>h3 {
|
||||
>a {
|
||||
> h3 {
|
||||
> a {
|
||||
&:after {
|
||||
position: initial;
|
||||
}
|
||||
@@ -522,7 +526,6 @@ a {
|
||||
}
|
||||
|
||||
.slider {
|
||||
|
||||
.slider-nav-left,
|
||||
.slider-nav-right {
|
||||
border-radius: 100%;
|
||||
@@ -634,16 +637,20 @@ a {
|
||||
|
||||
&.new {
|
||||
color: $cBlack;
|
||||
background: linear-gradient(90deg,
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba($cBlueLight, 1) 0%,
|
||||
rgba($cBlueLight, 0) 100%) !important;
|
||||
rgba($cBlueLight, 0) 100%
|
||||
) !important;
|
||||
}
|
||||
|
||||
&.promo {
|
||||
color: $cWhite;
|
||||
background: linear-gradient(90deg,
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba($cRed, 1) 0%,
|
||||
rgba($cBlueLight, 0) 100%) !important;
|
||||
rgba($cBlueLight, 0) 100%
|
||||
) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1377,7 +1384,7 @@ footer.footer {
|
||||
flex-direction: row;
|
||||
border-bottom: 1px solid #555555;
|
||||
|
||||
>.innerfooter {
|
||||
> .innerfooter {
|
||||
flex: 1;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -1394,7 +1401,7 @@ footer.footer {
|
||||
}
|
||||
}
|
||||
|
||||
>.userfooter {
|
||||
> .userfooter {
|
||||
width: fit-content;
|
||||
padding: 15px 0;
|
||||
|
||||
@@ -1483,8 +1490,8 @@ footer.footer {
|
||||
}
|
||||
|
||||
.current_parent {
|
||||
>h3 {
|
||||
>a {
|
||||
> h3 {
|
||||
> a {
|
||||
color: $cBlueLight;
|
||||
}
|
||||
}
|
||||
@@ -1500,7 +1507,7 @@ footer.footer {
|
||||
}
|
||||
|
||||
h3 {
|
||||
>a {
|
||||
> a {
|
||||
color: $cBlueLight;
|
||||
}
|
||||
}
|
||||
@@ -1508,25 +1515,25 @@ footer.footer {
|
||||
|
||||
&.parent {
|
||||
&:hover {
|
||||
>h3 {
|
||||
>a {
|
||||
> h3 {
|
||||
> a {
|
||||
color: $cBlueLight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
>div {
|
||||
>ul.level1 {
|
||||
> div {
|
||||
> ul.level1 {
|
||||
box-shadow: 0 4px 15px 0 rgba(#000, 0.25);
|
||||
}
|
||||
|
||||
>ul.level2,
|
||||
>ul.level3,
|
||||
>ul.level4 {
|
||||
> ul.level2,
|
||||
> ul.level3,
|
||||
> ul.level4 {
|
||||
box-shadow: 0 4px 15px 0 rgba(#000, 0.1);
|
||||
}
|
||||
|
||||
>ul {
|
||||
> ul {
|
||||
border: 1px solid $cGrayLight;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@@ -1555,7 +1562,7 @@ footer.footer {
|
||||
ul {
|
||||
li {
|
||||
&:last-child {
|
||||
>a {
|
||||
> a {
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
}
|
||||
@@ -1601,10 +1608,9 @@ footer.footer {
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
&.current,
|
||||
&.current_parent {
|
||||
>a {
|
||||
> a {
|
||||
color: $cBlueLight;
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -1807,7 +1813,6 @@ footer.footer {
|
||||
padding: 40px 0 50px;
|
||||
|
||||
li {
|
||||
|
||||
&.first,
|
||||
&.last {
|
||||
a {
|
||||
@@ -1822,9 +1827,11 @@ footer.footer {
|
||||
}
|
||||
}
|
||||
|
||||
&.first {}
|
||||
&.first {
|
||||
}
|
||||
|
||||
&.last {}
|
||||
&.last {
|
||||
}
|
||||
|
||||
&.selected {
|
||||
span {
|
||||
@@ -1843,7 +1850,8 @@ footer.footer {
|
||||
}
|
||||
}
|
||||
|
||||
&.stick {}
|
||||
&.stick {
|
||||
}
|
||||
|
||||
a,
|
||||
span {
|
||||
@@ -1885,7 +1893,10 @@ select:active,
|
||||
#box_producers .producers_wrap:active,
|
||||
#box_producers .producers_wrap select:active,
|
||||
#box_filter .multiselect:active,
|
||||
.sort-and-view .sortlinks .products-sort-container .products-active-sort:active {
|
||||
.sort-and-view
|
||||
.sortlinks
|
||||
.products-sort-container
|
||||
.products-active-sort:active {
|
||||
background-color: $cWhite;
|
||||
border-color: $cWhite;
|
||||
color: #000;
|
||||
@@ -1896,7 +1907,6 @@ select:active,
|
||||
top: 0;
|
||||
|
||||
li {
|
||||
|
||||
&.photo .fa.fa-th,
|
||||
&.full .fa.fa-list {
|
||||
padding: 7px;
|
||||
@@ -1964,7 +1974,8 @@ body.shop_product {
|
||||
background: #fafafa;
|
||||
margin-bottom: 60px;
|
||||
|
||||
.leftcol {}
|
||||
.leftcol {
|
||||
}
|
||||
|
||||
.centercol {
|
||||
#box_productfull {
|
||||
@@ -2163,9 +2174,11 @@ body.shop_product {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.quantity_inc {}
|
||||
.quantity_inc {
|
||||
}
|
||||
|
||||
.quantity_dec {}
|
||||
.quantity_dec {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2368,7 +2381,6 @@ body.shop_product {
|
||||
|
||||
button {
|
||||
&.close {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background-color: #51872e;
|
||||
@@ -2383,7 +2395,6 @@ body.shop_product {
|
||||
|
||||
button {
|
||||
&.close {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background-color: #008dd5;
|
||||
@@ -2398,7 +2409,6 @@ body.shop_product {
|
||||
|
||||
button {
|
||||
&.close {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background-color: #b35901;
|
||||
@@ -2413,7 +2423,6 @@ body.shop_product {
|
||||
|
||||
button {
|
||||
&.close {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background-color: #e4411c;
|
||||
@@ -2426,7 +2435,6 @@ body.shop_product {
|
||||
body.shop_basket {
|
||||
.main {
|
||||
#box_basketlist {
|
||||
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
@@ -2438,7 +2446,7 @@ body.shop_basket {
|
||||
border: none;
|
||||
}
|
||||
|
||||
>.boxhead {
|
||||
> .boxhead {
|
||||
margin-bottom: 40px;
|
||||
margin-top: 40px;
|
||||
border-top: none;
|
||||
@@ -2539,7 +2547,7 @@ body.shop_basket {
|
||||
@media (max-width: 767px) {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(75px, 150px) minmax(180px, 1fr) 80px;
|
||||
grid-template-areas: 'img name actions''img quantity sum';
|
||||
grid-template-areas: 'img name actions' 'img quantity sum';
|
||||
|
||||
td {
|
||||
width: 100% !important;
|
||||
@@ -2578,7 +2586,6 @@ body.shop_basket {
|
||||
}
|
||||
|
||||
#cart-options {
|
||||
|
||||
.deliverycountry,
|
||||
.delivery-list,
|
||||
.payment-container,
|
||||
@@ -2727,7 +2734,7 @@ body.shop_basket {
|
||||
.recount {
|
||||
margin-bottom: 8px;
|
||||
|
||||
>span {
|
||||
> span {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
@@ -2760,7 +2767,7 @@ body.shop_basket {
|
||||
}
|
||||
}
|
||||
|
||||
>.sum {
|
||||
> .sum {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
@@ -2789,10 +2796,10 @@ body.shop_basket {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
>.input {
|
||||
> .input {
|
||||
width: 100%;
|
||||
|
||||
>.shaded_inputwrap {
|
||||
> .shaded_inputwrap {
|
||||
display: block;
|
||||
|
||||
input {
|
||||
@@ -2948,7 +2955,7 @@ body.shop_basket {
|
||||
flex-direction: column;
|
||||
background: $cWhite !important;
|
||||
|
||||
>.search__container {
|
||||
> .search__container {
|
||||
order: 2;
|
||||
|
||||
.search__input-area-item {
|
||||
@@ -2960,15 +2967,15 @@ body.shop_basket {
|
||||
}
|
||||
}
|
||||
|
||||
>.fx-title {
|
||||
> .fx-title {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
>.menu-list {
|
||||
> .menu-list {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
>.menu-mobile {
|
||||
> .menu-mobile {
|
||||
order: 4;
|
||||
}
|
||||
|
||||
@@ -3084,3 +3091,17 @@ article {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.rwd header {
|
||||
.logo-bar {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.link-logo {
|
||||
max-width: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
1
modoo-pl/styles/omnichannel_v2.css
Normal file
1
modoo-pl/styles/omnichannel_v2.css
Normal file
@@ -0,0 +1 @@
|
||||
@media(min-width: 1200px){.container .container{max-width:980px}}.box-title{padding-bottom:10px;margin-bottom:30px;border-bottom:7px solid #e3c6b0}.box-title h2{color:#000;font-family:"Raleway",sans-serif;font-size:36px;font-weight:800;text-transform:uppercase;text-align:center}@media(max-width: 978px){.box-title h2{font-size:28px}}@media(max-width: 700px){.box-title h2{font-size:22px}}@media(max-width: 560px){.box-title h2{font-size:18px}}._row{display:grid;grid-template-columns:170px 1fr}@media(max-width: 700px){._row{grid-template-columns:120px 1fr;gap:20px}}@media(max-width: 500px){._row{grid-template-columns:1fr}}@media(max-width: 500px){._row ._col-1{text-align:center}}._row ._col-1 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}._row ._col-2 h3{color:#b88f70;font-family:"Raleway",sans-serif;font-size:22px;font-weight:800;margin-bottom:30px}@media(max-width: 978px){._row ._col-2 h3{font-size:20px}}@media(max-width: 700px){._row ._col-2 h3{font-size:18px}}@media(max-width: 560px){._row ._col-2 h3{font-size:16px}}._row ._col-2 p{color:#000;font-family:"Raleway",sans-serif;font-size:20px}@media(max-width: 700px){._row ._col-2 p{font-size:18px}}@media(max-width: 560px){._row ._col-2 p{font-size:16px}}._row ._col-2 p strong{font-size:25px;font-weight:800;margin-bottom:10px;display:inline-block}@media(max-width: 978px){._row ._col-2 p strong{font-size:20px}}@media(max-width: 700px){._row ._col-2 p strong{font-size:18px}}@media(max-width: 560px){._row ._col-2 p strong{font-size:16px}}._row ._col-2 ul{list-style:none;padding-left:0 !important}._row ._col-2 ul li{position:relative;color:#000;font-family:"Raleway",sans-serif;font-size:20px;line-height:2;padding-left:50px}._row ._col-2 ul li::before{content:"•";color:#000;font-size:30px;position:absolute;top:0;left:0;line-height:1.3}@media(max-width: 978px){._row ._col-2 ul li{font-size:20px;padding-left:30px}}@media(max-width: 700px){._row ._col-2 ul li{font-size:18px}}@media(max-width: 560px){._row ._col-2 ul li{font-size:16px}}.text_menu_title_header{display:none}@media(min-width: 1480px){#container.container{max-width:1420px}}.box-1{margin-bottom:80px;margin-top:100px}@media(min-width: 1200px){.box-1 .container{max-width:1170px}}@media(min-width: 1480px){.box-1 .container{max-width:1420px}}.box-2,.box-3,.box-4{margin-bottom:70px}.box-5{margin-bottom:100px}.box-5 p{max-width:400px;margin-bottom:40px;font-style:italic}.box-5 a{color:#fff;font-size:24px;font-weight:500;line-height:1;font-family:"Raleway",sans-serif;display:inline-flex;align-items:center;gap:10px;padding:20px 40px;background:#000}@media(max-width: 700px){.box-5 a{font-size:20px}}@media(max-width: 560px){.box-5 a{font-size:18px}}/*# sourceMappingURL=omnichannel_v2.css.map */
|
||||
1
modoo-pl/styles/omnichannel_v2.css.map
Normal file
1
modoo-pl/styles/omnichannel_v2.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["omnichannel_v2.css","omnichannel_v2.scss"],"names":[],"mappings":"AAAA,0BCOC,sBACC,eACC,CAAA,CAAA,WAKH,mBACC,CAAA,kBACA,CAAA,+BACA,CAAA,cAEA,UAnBS,CAAA,gCAIC,CAAA,cAkBT,CAAA,eACA,CAAA,wBACA,CAAA,iBACA,CAAA,yBAGD,cACC,cACC,CAAA,CAAA,yBAGF,cACC,cACC,CAAA,CAAA,yBAGF,cACC,cACC,CAAA,CAAA,MAKH,YACC,CAAA,+BACA,CAAA,yBAEA,MAJD,+BAKE,CAAA,QACA,CAAA,CAAA,yBAED,MARD,yBASE,CAAA,CAAA,yBAGA,cADD,iBAEE,CAAA,CAAA,kBAED,UACC,CAAA,0BACA,CADA,qBACA,CAAA,iBAID,aAhEQ,CAAA,gCAEC,CAAA,cAiER,CAAA,eACA,CAAA,kBACA,CAAA,yBAEA,iBAPD,cAQE,CAAA,CAAA,yBAED,iBAVD,cAWE,CAAA,CAAA,yBAED,iBAbD,cAcE,CAAA,CAAA,gBAGF,UAnFQ,CAAA,gCAIC,CAAA,cAkFR,CAAA,yBAEA,gBALD,cAME,CAAA,CAAA,yBAED,gBARD,cASE,CAAA,CAAA,uBAGD,cACC,CAAA,eACA,CAAA,kBACA,CAAA,oBACA,CAAA,yBAEA,uBAND,cAOE,CAAA,CAAA,yBAED,uBATD,cAUE,CAAA,CAAA,yBAED,uBAZD,cAaE,CAAA,CAAA,iBAKH,eACC,CAAA,yBACA,CAAA,oBAEA,iBACC,CAAA,UAtHM,CAAA,gCAIC,CAAA,cAqHP,CAAA,aACA,CAAA,iBACA,CAAA,4BAEA,WACC,CAAA,UA9HK,CAAA,cAgIL,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,eACA,CAAA,yBAGD,oBAlBD,cAmBE,CAAA,iBACA,CAAA,CAAA,yBAED,oBAtBD,cAuBE,CAAA,CAAA,yBAED,oBAzBD,cA0BE,CAAA,CAAA,wBAOL,YACC,CAAA,0BAIC,qBADD,gBAEE,CAAA,CAAA,OAKH,kBACC,CAAA,gBACA,CAAA,0BAGC,kBADD,gBAEE,CAAA,CAAA,0BAED,kBAJD,gBAKE,CAAA,CAAA,qBAKH,kBAGC,CAAA,OAED,mBACC,CAAA,SAEA,eACC,CAAA,kBACA,CAAA,iBACA,CAAA,SAGD,UACC,CAAA,cACA,CAAA,eACA,CAAA,aACA,CAAA,gCA7LS,CAAA,mBA+LT,CAAA,kBACA,CAAA,QACA,CAAA,iBACA,CAAA,eAtMQ,CAAA,yBAyMR,SAZD,cAaE,CAAA,CAAA,yBAED,SAfD,cAgBE,CAAA","file":"omnichannel_v2.css"}
|
||||
209
modoo-pl/styles/omnichannel_v2.scss
Normal file
209
modoo-pl/styles/omnichannel_v2.scss
Normal file
@@ -0,0 +1,209 @@
|
||||
$color_0: #000000;
|
||||
$color_1: #e3c6b0;
|
||||
$color_2: #b88f70;
|
||||
|
||||
$fRaleway: 'Raleway', sans-serif;
|
||||
|
||||
.container {
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 980px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-title {
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 7px solid $color_1;
|
||||
|
||||
h2 {
|
||||
color: $color_0;
|
||||
font-family: $fRaleway;
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 978px) {
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._row {
|
||||
display: grid;
|
||||
grid-template-columns: 170px 1fr;
|
||||
|
||||
@media (max-width: 700px) {
|
||||
grid-template-columns: 120px 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
._col-1 {
|
||||
@media (max-width: 500px) {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
._col-2 {
|
||||
h3 {
|
||||
color: $color_2;
|
||||
font-family: $fRaleway;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 30px;
|
||||
|
||||
@media (max-width: 978px) {
|
||||
font-size: 20px;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: $color_0;
|
||||
font-family: $fRaleway;
|
||||
font-size: 20px;
|
||||
|
||||
@media (max-width: 700px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-size: 25px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 10px;
|
||||
display: inline-block;
|
||||
|
||||
@media (max-width: 978px) {
|
||||
font-size: 20px;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0 !important;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
color: $color_0;
|
||||
font-family: $fRaleway;
|
||||
font-size: 20px;
|
||||
line-height: 2;
|
||||
padding-left: 50px;
|
||||
|
||||
&::before {
|
||||
content: '•';
|
||||
color: $color_0;
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
@media (max-width: 978px) {
|
||||
font-size: 20px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text_menu_title_header {
|
||||
display: none;
|
||||
}
|
||||
#container {
|
||||
&.container {
|
||||
@media (min-width: 1480px) {
|
||||
max-width: 1420px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-1 {
|
||||
margin-bottom: 80px;
|
||||
margin-top: 100px;
|
||||
|
||||
.container {
|
||||
@media (min-width: 1200px) {
|
||||
max-width: 1170px;
|
||||
}
|
||||
@media (min-width: 1480px) {
|
||||
max-width: 1420px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-2,
|
||||
.box-3,
|
||||
.box-4 {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.box-5 {
|
||||
margin-bottom: 100px;
|
||||
|
||||
p {
|
||||
max-width: 400px;
|
||||
margin-bottom: 40px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
font-family: $fRaleway;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 20px 40px;
|
||||
background: $color_0;
|
||||
|
||||
@media (max-width: 700px) {
|
||||
font-size: 20px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user