PATH:
root
/
mbmscss
/* COLORS */ $theme-colors: ( 'main-a':hsl(358, 88, 42), 'main-background': hsl(0, 100, 100), 'main-text': hsl(0, 0, 0), 'nav-background': hsl(0, 0, 0), 'nav-text': hsl(0, 0, 16), 'banner-background': hsl(240, 1, 86), 'banner-text': hsl(0, 100, 100), 'breadcrumbs-text': hsl(0, 100, 100), 'darkgray-text': hsl(0, 0, 22), 'light-border': hsl(0, 0, 85), 'nav-underscore': hsl(337, 85, 47), 'arrows': hsl(190, 91, 61), 'blue-1': hsl(212, 40, 40), 'blue-2': hsl(208, 66, 54), 'violet': hsl(256, 36, 46), 'violet-2': hsl(273, 30, 59), 'category-tree': hsl(216, 3, 66), 'category-tree-active': hsl(270, 2, 25), 'category-tree-mobile-background': hsl(214, 49, 19), 'category-tree-mobile': hsl(216, 100, 100), 'category-product-item-card-button-background': hsl(257, 36, 46), 'category-product-item-card-button-background-hover': hsl(208, 66, 54), 'category-product-item-card-button-text': hsl(256, 100, 100), 'footer-sentences-text': hsl(0, 100, 100), 'footer-contact-background': hsl(220, 3, 83), 'footer-contact-text': hsl(220, 0, 22), 'footer-copyright-background': hsl(214, 51, 48), 'footer-copyright-text': hsl(214, 100, 100), 'modal-overlay': hsla(0, 0, 0, 0.5), 'modal-background': hsla(0, 100, 100, 0.94), 'modal-border': hsla(0, 100, 100, 0.94), 'dark-10-darker':hsl(358, 88, 42), ); $theme-colors: map-merge($theme-colors, ( // 'white-64-in-dark': rgba-to-rgb(rgba(map-get($theme-colors, 'white'), 0.64), map-get($theme-colors, 'dark')) )); /* FILES */ $files: ( ); /* FONTS */ $fonts: ( main: 'Montserrat', main-fallback: 'sans-serif' ); $font-main: map-get($fonts, main), map-get($fonts, main-fallback); // $font-special: map-get($fonts, 'special-1'), map-get($fonts, 'special-1-fallback'); // $font-special-2: map-get($fonts, 'special-2'), map-get($fonts, 'special-2-fallback'); /* GRADIENTS */ $gradients: ( ); /* CONTAINERS */ $containers: ( 'default': 1366px, 'footer': 1186px ); /* FONT-SIZES */ $font-size-base: 16px; // WEB BROWSER 100% ZOOM FONT SIZE $font-sizes: ( 'top-bar': 14px, 'nav-item': 17px, 'breadcrumbs': 15px, 'banner': 18px, 'banner-bigger': 31px, 'banner-header': 49px, 'offer': 17px, 'offer-header': 35px, 'offer-grid-item-header': 20px, 'page': 17px, 'page-h1': 35px, 'page-h2': 30px, 'page-h3': 20px, 'page-h4': 17px, 'page-grid': 16px, 'page-category-tree': 18px, 'page-category-product-item-card': 24px, 'page-category-product-item-card-button': 20px, 'page-category-product-item-name': 35px, 'page-category-products-names': 20px, 'footer-sentences': 17px, 'footer-clients-header': 35px, 'footer-clients': 17px, 'footer-contact': 17px, 'footer-contact-bigger': 20px, 'footer-contact-socials': 44px, 'footer-copyright': 15px, 'footer-copyright-kaczka': 39px, // 41px, 'modal': 20px ); // PADDINGS $padding-container-default-sides: 15px; $padding-buttons-h: (69px + 68px) / 2; $padding-buttons-v: (23px + 17px) / 2; $padding-top-bar-bottom: 43px; $padding-top-bar-top: 56px; $padding-nav-item-bottom: 20px; $padding-nav-item-top: 22px; $padding-banner-v: 50px; $padding-breadcrumbs-v: 27px; $padding-banner-bar-blocks-h: 41px; $padding-banner-bar-blocks-v: 43px; $padding-offer-bottom: 169px; $padding-offer-top: 146px; $padding-offer-grid-item-h: 103px / 2; $padding-offer-grid-item-v: 89px; $padding-category-product-item-card-button-h: 76px; $padding-category-product-item-card-button-v: 26px; $padding-footer-sentences-bottom: 99px; $padding-footer-sentences-top: 121px; $padding-footer-contact-bottom: 105px; $padding-footer-contact-top: 111px; $padding-footer-copyright-bottom: 28px; $padding-footer-copyright-top: 27px; $padding-modal-h: (67px + 63px) / 2; $padding-modal-v: 75px; $padding-grid-item-h: 22px; $padding-grid-item-v: 36px; $padding-category-tree-left: 30px; $padding-category-tree-mobile-h: (82px + 60px) / 2; // HEIGHTS $height-nav-item-underscore: 5px; $height-footer-sentences-icon: 110px; $height-corner-arrow: 21px; $height-homepage-bar-icon: 96px; $height-category-product-hexagon: 328px; $height-category-products-product-image: 201px; $min-height-page-breadcrumbs: 109px; $min-height-hexagon: 205px; // WIDTHS $width-logo: 26669px; $width-paint-can: 171px; $width-homepage-bar-icon: 98px; $width-corner-arrow: 28px; $width-category-product-item-card-text: 310px; $width-modal-border-filled: 19px; $width-modal-border-transparent: 8px; $max-width-offer-grid-item-image: 230px; $max-width-category-tree-item: 253px; $max-width-hexagon-image: 88px; // MARGINS $margin-nav-item-h: map-get($font-sizes, 'nav-item') * 0.75; $margin-banner-header-bottom: 144px; $margin-banner-header-top: 225px; $margin-banner-bar-blocks-offset-h: 107px; $margin-banner-bar-blue-image-offset-top: 73px; $margin-page-v: 105px; $margin-page-category-tree-item-v: 16px; $margin-category-products-product-v: 78px; $margin-category-product-wrapper: 105px; $margin-footer-clients-bottom: 106px; $margin-footer-clients-top: 91px; $margin-footer-clients-logo-v: 50px; $margin-footer-contact-logo-right: 63px; $margin-footer-contact-logo-top: -11px; $margin-footer-contact-socials-left: 71px; $margin-footer-contact-socials-v: 33px; $margin-grid-item-space-h: 37px; $margin-grid-item-space-v: 41px; $margin-gallery-grid-space-h: 37px; $margin-gallery-grid-space-v: 37px; // POSITIONS // RESPONSIVE $height-original: 1080px; $width-original: 1920px; // OTHERS $transitions-duration: 0.33s; $hover-logo-scale: 1.05; $sentences-icons-opacity: 0.53; $modal-close-button-size: 32px; $modal-close-button-space: 6px; $modal-close-button-width: 3px; $shadow-blur: 30px; $shadow-opacity: 0.125; $shadow-skew: -50deg;
[+]
..
[-] _style-ie9.scss
[edit]
[-] _config.scss
[edit]
[-] style.scss
[edit]
[-] _responsive.scss
[edit]
[-] _init.scss
[edit]
[-] style-ie.scss
[edit]