Zaktualizuj kolor tła i przycisków w stylach CSS oraz dodaj nowe style dla menu i konturów wyszukiwania

This commit is contained in:
2025-04-03 21:44:11 +02:00
parent bbdb27eb5d
commit d5a334c6a8
3 changed files with 39 additions and 4 deletions

View File

@@ -1 +1 @@
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{background-color:#191919 !important;font-family:"Poppins",sans-serif !important}.storefront-search .search__bar{border:0 !important;border-radius:0 !important;padding:0 !important}.storefront-search .search__bar .search__submit{background-color:#caa462 !important;border:0;border-radius:0 !important;display:inline-flex;height:45px;width:45px;align-items:center;justify-content:center;cursor:pointer}.storefront-search .search__bar input{font-family:"Poppins",sans-serif !important}.storefront-search .search__bar input::-moz-placeholder{color:#ababab !important}.storefront-search .search__bar input::placeholder{color:#ababab !important}.module .favourites-button,.module .labeled-icon{display:inline-flex;height:45px;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;gap:5px;margin-top:5px}.module .favourites-button:hover .favourites-button__signature,.module .favourites-button:hover .labeled-icon__signature,.module .labeled-icon:hover .favourites-button__signature,.module .labeled-icon:hover .labeled-icon__signature{text-decoration:none !important}.module .favourites-button svg,.module .labeled-icon svg{stroke:#fff}.module .favourites-button .favourites-button__signature,.module .favourites-button .labeled-icon__signature,.module .labeled-icon .favourites-button__signature,.module .labeled-icon .labeled-icon__signature{color:#a8a8a8 !important;font-weight:400 !important;font-size:13px}.module .favourites-button .indicator::after,.module .labeled-icon .indicator::after{background-color:#caa462 !important;border:0 !important}/*# sourceMappingURL=style.css.map */
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{background-color:#191919 !important;font-family:"Poppins",sans-serif !important}.storefront-search .search__bar{border:0 !important;border-radius:0 !important;padding:0 !important}.storefront-search .search__bar .search__submit{background-color:#b8a982 !important;border:0;border-radius:0 !important;display:inline-flex;height:44px;width:45px;align-items:center;justify-content:center;cursor:pointer;margin-top:-1px !important}.storefront-search .search__bar input{font-family:"Poppins",sans-serif !important}.storefront-search .search__bar input::-moz-placeholder{color:#ababab !important}.storefront-search .search__bar input::placeholder{color:#ababab !important}.module .favourites-button,.module .labeled-icon{display:inline-flex;height:45px;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;gap:5px;margin-top:5px}.module .favourites-button:hover .favourites-button__signature,.module .favourites-button:hover .labeled-icon__signature,.module .labeled-icon:hover .favourites-button__signature,.module .labeled-icon:hover .labeled-icon__signature{text-decoration:none !important}.module .favourites-button svg,.module .labeled-icon svg{stroke:#fff}.module .favourites-button .favourites-button__signature,.module .favourites-button .labeled-icon__signature,.module .labeled-icon .favourites-button__signature,.module .labeled-icon .labeled-icon__signature{color:#a8a8a8 !important;font-weight:400 !important;font-size:13px}.module .favourites-button .indicator::after,.module .labeled-icon .indicator::after{background-color:#b8a982 !important;border:0 !important}.storefront-search .search .search_outline{outline:none !important;border:1px solid #b8a982 !important}.menu{background:rgba(0,0,0,0) !important}.menu .menu-content_root{background:rgba(0,0,0,0) !important}.menu .menu-content_root li a{font-weight:500;font-size:14px;color:#b8a982 !important;font-family:"Poppins",sans-serif !important}.menu .menu-content_root li a:hover{color:#fff !important}header>.grid:last-child{border-top:1px solid rgba(255,255,255,.1);max-width:100vw;margin-top:25px}/*# sourceMappingURL=style.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,4LAAA,CAQR,KACE,mCAAA,CACA,2CAAA,CAIA,gCACE,mBAAA,CACA,0BAAA,CACA,oBAAA,CAEA,gDACE,mCAAA,CACA,QAAA,CACA,0BAAA,CACA,mBAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CAGF,sCACE,2CAAA,CAGA,wDACE,wBAAA,CADF,mDACE,wBAAA,CAQN,iDAEE,mBAAA,CACA,WAAA,CACA,sBAAA,CAAA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,OAAA,CACA,cAAA,CAIE,wOAEE,+BAAA,CAIJ,yDACE,WAAA,CAGF,gNAEE,wBAAA,CACA,0BAAA,CACA,cAAA,CAIA,qFACE,mCAAA,CACA,mBAAA","file":"style.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\r\n\r\n$cGold: #CAA462;\r\n$cBlackLight: #141414;\r\n$cBlackDark: #09090a;\r\n$cGreen: #22c55e;\r\n$cRed: #d16067;\r\n\r\nbody {\r\n background-color: #191919 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.storefront-search {\r\n .search__bar {\r\n border: 0 !important;\r\n border-radius: 0 !important;\r\n padding: 0 !important;\r\n\r\n .search__submit {\r\n background-color: $cGold !important;\r\n border: 0;\r\n border-radius: 0 !important;\r\n display: inline-flex;\r\n height: 45px;\r\n width: 45px;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n }\r\n\r\n input {\r\n font-family: 'Poppins',\r\n sans-serif !important;\r\n\r\n &::placeholder {\r\n color: rgb(171, 171, 171) !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.module {\r\n\r\n .favourites-button,\r\n .labeled-icon {\r\n display: inline-flex;\r\n height: 45px;\r\n width: fit-content;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-top: 5px;\r\n\r\n &:hover {\r\n\r\n .favourites-button__signature,\r\n .labeled-icon__signature {\r\n text-decoration: none !important;\r\n }\r\n }\r\n\r\n svg {\r\n stroke: #FFF\r\n }\r\n\r\n .favourites-button__signature,\r\n .labeled-icon__signature {\r\n color: #A8A8A8 !important;\r\n font-weight: 400 !important;\r\n font-size: 13px;\r\n }\r\n\r\n .indicator {\r\n &::after {\r\n background-color: $cGold !important;\r\n border: 0 !important;\r\n }\r\n }\r\n }\r\n}"]}
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAQ,4LAAA,CAQR,KACE,mCAAA,CACA,2CAAA,CAIA,gCACE,mBAAA,CACA,0BAAA,CACA,oBAAA,CAEA,gDACE,mCAAA,CACA,QAAA,CACA,0BAAA,CACA,mBAAA,CACA,WAAA,CACA,UAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,0BAAA,CAGF,sCACE,2CAAA,CAGA,wDACE,wBAAA,CADF,mDACE,wBAAA,CAQN,iDAEE,mBAAA,CACA,WAAA,CACA,sBAAA,CAAA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,OAAA,CACA,cAAA,CAIE,wOAEE,+BAAA,CAIJ,yDACE,WAAA,CAGF,gNAEE,wBAAA,CACA,0BAAA,CACA,cAAA,CAIA,qFACE,mCAAA,CACA,mBAAA,CAMR,2CACE,uBAAA,CACA,mCAAA,CAGF,MACE,mCAAA,CAEA,yBACE,mCAAA,CAGE,8BACE,eAAA,CACA,cAAA,CACA,wBAAA,CACA,2CAAA,CAEA,oCACE,qBAAA,CAQR,wBACE,yCAAA,CACA,eAAA,CACA,eAAA","file":"style.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\r\n\r\n$cGold: #b8a982;\r\n$cBlackLight: #141414;\r\n$cBlackDark: #09090a;\r\n$cGreen: #22c55e;\r\n$cRed: #d16067;\r\n\r\nbody {\r\n background-color: #191919 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.storefront-search {\r\n .search__bar {\r\n border: 0 !important;\r\n border-radius: 0 !important;\r\n padding: 0 !important;\r\n\r\n .search__submit {\r\n background-color: $cGold !important;\r\n border: 0;\r\n border-radius: 0 !important;\r\n display: inline-flex;\r\n height: 44px;\r\n width: 45px;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n margin-top: -1px !important;\r\n }\r\n\r\n input {\r\n font-family: 'Poppins',\r\n sans-serif !important;\r\n\r\n &::placeholder {\r\n color: rgb(171, 171, 171) !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.module {\r\n\r\n .favourites-button,\r\n .labeled-icon {\r\n display: inline-flex;\r\n height: 45px;\r\n width: fit-content;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-top: 5px;\r\n\r\n &:hover {\r\n\r\n .favourites-button__signature,\r\n .labeled-icon__signature {\r\n text-decoration: none !important;\r\n }\r\n }\r\n\r\n svg {\r\n stroke: #FFF\r\n }\r\n\r\n .favourites-button__signature,\r\n .labeled-icon__signature {\r\n color: #A8A8A8 !important;\r\n font-weight: 400 !important;\r\n font-size: 13px;\r\n }\r\n\r\n .indicator {\r\n &::after {\r\n background-color: $cGold !important;\r\n border: 0 !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.storefront-search .search .search_outline {\r\n outline: none !important;\r\n border: 1px solid $cGold !important;\r\n}\r\n\r\n.menu {\r\n background: transparent !important;\r\n\r\n .menu-content_root {\r\n background: transparent !important;\r\n\r\n li {\r\n a {\r\n font-weight: 500;\r\n font-size: 14px;\r\n color: $cGold !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n\r\n &:hover {\r\n color: #FFF !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nheader {\r\n >.grid:last-child {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n max-width: 100vw;\r\n margin-top: 25px;\r\n }\r\n}"]}

View File

@@ -1,6 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
$cGold: #CAA462;
$cGold: #b8a982;
$cBlackLight: #141414;
$cBlackDark: #09090a;
$cGreen: #22c55e;
@@ -22,11 +22,12 @@ body {
border: 0;
border-radius: 0 !important;
display: inline-flex;
height: 45px;
height: 44px;
width: 45px;
align-items: center;
justify-content: center;
cursor: pointer;
margin-top: -1px !important;
}
input {
@@ -78,4 +79,38 @@ body {
}
}
}
}
.storefront-search .search .search_outline {
outline: none !important;
border: 1px solid $cGold !important;
}
.menu {
background: transparent !important;
.menu-content_root {
background: transparent !important;
li {
a {
font-weight: 500;
font-size: 14px;
color: $cGold !important;
font-family: 'Poppins', sans-serif !important;
&:hover {
color: #FFF !important;
}
}
}
}
}
header {
>.grid:last-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
max-width: 100vw;
margin-top: 25px;
}
}