Skip to content

I
Interstate supplies
Commit 1a68edbb authored by Evgeny Talagaev's avatar Evgeny Talagaev
Browse files
Options

project done

parent 75a1b189
Show whitespace changes
Inline Side-by-side
Showing with 1802 additions and 223 deletions
config.js
View file @ 1a68edbb
......@@ -26,8 +26,8 @@ let config = {
'./script.js',
],
'addAssets': {
'src/img/demo-*.{png,svg,jpg,jpeg}': 'img/',
// 'src/fonts/demo-empty-open-sans.woff2': 'fonts/',
'src/img/*.{png,svg,jpg,jpeg}': 'img/',
'src/fonts/*.{woff,woff2}': 'fonts/',
// 'src/favicon/*.{png,ico,svg,xml,webmanifest}': 'img/favicon',
// 'node_modules/somePackage/images/*.{png,svg,jpg,jpeg}': 'img/',
},
......
package-lock.json
View file @ 1a68edbb
......@@ -13,6 +13,7 @@
"baron": "^3.0.3",
"choices.js": "^9.0.1",
"closest": "0.0.1",
"jquery": "^3.6.0",
"svg4everybody": "^2.1.8"
},
"devDependencies": {
......@@ -11973,6 +11974,11 @@
"integrity": "sha512-9IXdWudL61npZjvLuVe/ktHiA41iE8qFyLB+4VDTblEsWBzeg8WQTlktdUK4CdncUqtUgUg0bbOmTE2bKBKaBQ==",
"dev": true
},
"node_modules/jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
},
"node_modules/js-base64": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
......@@ -32527,6 +32533,11 @@
"integrity": "sha512-9IXdWudL61npZjvLuVe/ktHiA41iE8qFyLB+4VDTblEsWBzeg8WQTlktdUK4CdncUqtUgUg0bbOmTE2bKBKaBQ==",
"dev": true
},
"jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
},
"js-base64": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
package.json
View file @ 1a68edbb
......@@ -83,6 +83,7 @@
"baron": "^3.0.3",
"choices.js": "^9.0.1",
"closest": "0.0.1",
"jquery": "^3.6.0",
"svg4everybody": "^2.1.8"
},
"husky": {
......
src/blocks/btn/btn.scss
View file @ 1a68edbb
......@@ -8,31 +8,56 @@
max-width: 100%;
margin: 0;
border-radius: $border-radius;
// border: 1px solid $gray-lighter;
border: 0;
padding: $field-padding-vertical $field-padding-horizontal;
border: 1px solid transparent;
padding: 14px 20px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
user-select: none;
text-align: center;
font-size: 1em;
font-family: inherit;
line-height: $line-height;
font-weight: 800;
text-decoration: none;
text-transform: none;
color: $text-color;
background-color: $gray-lightest;
text-transform: uppercase;
color: $color-1;
font-size: 13px;
font-family: $font-family;
background-color: #fff;
background-image: none;
cursor: pointer;
overflow: hidden;
transition: color $transition-time, background-color $transition-time,
border-color $transition-time;
@media (min-width: $screen-xl) {
padding: 16px 30px;
font-size: 18px;
}
@media (min-width: $screen-xl) and (max-width: ($screen-xxl - 1)) {
@at-root .form-block__second & {
padding: 14px 20px;
min-width: 180px;
font-size: 16px;
}
}
@media (min-width: $screen-lg) {
padding: 15px 20px;
font-size: 14px;
}
&:hover,
&:focus {
text-decoration: none;
color: $text-color;
background-color: darken($gray-lightest, 10%);
// border-color: darken($gray-lighter, 12%);
color: #fff;
background-color: transparent;
border-color: #fff;
svg {
path {
stroke: #fff;
}
}
}
// &:visited {
......@@ -41,7 +66,14 @@
&:active,
&:focus {
@include field-focus;
outline: none;
// @include field-focus;
}
svg {
path {
transition: stroke $transition-time;
}
}
&--disabled,
......@@ -57,13 +89,30 @@
}
}
&--ico {
display: inline-flex;
align-items: center;
svg {
margin-left: 10px;
width: auto;
height: 25px;
@media (min-width: $screen-xxl) {
margin-left: 15px;
height: 32px;
}
@media (min-width: $screen-xl) {
}
}
}
// &__icon {
// display: inline-block;
// vertical-align: middle;
// }
// &--main {
// color: #fff;
// background-color: $color-main;
......
src/blocks/burger/burger.js
View file @ 1a68edbb
......@@ -12,11 +12,16 @@ ready(function(){
}
function showBurgerTarget() {
const body = document.querySelector('body');
var targetId = this.getAttribute('data-target-id');
var targetClassToggle = this.getAttribute('data-target-class-toggle');
if (targetId && targetClassToggle) {
this.classList.toggle('burger--close');
document.getElementById(targetId).classList.toggle(targetClassToggle);
body.classList.toggle('of-h');
body.classList.toggle('mob-menu-active');
// document.querySelector('.black-background').classList.toggle('active');
}
}
......
src/blocks/burger/burger.scss
View file @ 1a68edbb
......@@ -6,57 +6,60 @@
position: relative;
z-index: 1;
display: inline-flex;
justify-content: flex-end;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
width: 25px;
height: 16px;
border: none;
padding: 0;
background: transparent;
user-select: none;
cursor: pointer;
> span { // stylelint-disable-line selector-combinator-blacklist
> span {
// stylelint-disable-line selector-combinator-blacklist
display: block;
position: relative;
width: 90%;
width: 13px;
height: $toggler-part-height;
font-size: 0;
color: transparent;
background: $gray-dark;
background: $color-1;
transition: background $transition-time $transition-time;
&:before,
&:after {
content: '';
content: "";
position: absolute;
left: 0;
width: 100%;
right: 0;
width: 25px;
height: $toggler-part-height;
background: $gray-dark;
background: #3a3a3a;
transform-origin: 50% 50%;
transition: top $transition-time $transition-time, transform $transition-time;
transition: top $transition-time $transition-time,
background-color $transition-time, transform $transition-time;
}
&:before {
top: -10px;
top: -8px;
}
&:after {
top: 10px;
top: 8px;
}
}
&--close {
> span { // stylelint-disable-line selector-combinator-blacklist
> span {
// stylelint-disable-line selector-combinator-blacklist
transition: background $transition-time 0s;
background: transparent;
&:before,
&:after {
top: 0;
transition: top $transition-time, transform $transition-time $transition-time;
transition: top $transition-time,
transform $transition-time $transition-time;
}
&:before {
......@@ -65,6 +68,7 @@
&:after {
transform: rotate3d(0, 0, 1, -45deg);
background-color: $color-1;
}
}
}
......
src/blocks/dropdown/dropdown.js 0 → 100644
View file @ 1a68edbb
/* global document */
// const ready = require('../../js/utils/documentReady.js');
// ready(function(){
//
// });
src/blocks/dropdown/dropdown.pug 0 → 100644
View file @ 1a68edbb
//- Все примеси в этом файле должны начинаться c имени блока (dropdown)
mixin dropdown(elem, elemText, elemLink, elemMods, mods)
//- Принимает:
//- elem {string} - значения: link | button | text
//- elemText {string} - текст elem
//- elemLink {string} - ссылка, если elem = link
//- elemMods {string} - список модификаторов elem
//- mods {string} - список модификаторов dropdown
//- Вызов:
+dropdown('link', 'ico', '', '')
+dropdown-item()
a(href='tel:+78314618980') +7 (831) 461-89-80
+dropdown-item()
a(href='tel:+78314618980') +7 (831) 461-89-80
+dropdown-item()
a(href='tel:+78314618980') +7 (831) 461-89-80
-
// список модификаторов
var allMods = '',
elemType = '',
elemAllMods = '';
if(elemLink === 'undefined' || elemLink === '') {
elemLink = '#';
}
if(typeof(mods) !== 'undefined' && mods) {
var modsList = mods.split(',');
for (var i = 0; i < modsList.length; i++) {
allMods = allMods + ' dropdown--' + modsList[i].trim();
}
}
if(typeof(elemMods) !== 'undefined' && elemMods) {
var arrMods = elemMods.split(',');
for (var i = 0; i < arrMods.length; i++) {
elemAllMods = elemAllMods + ' ' + arrMods[i].trim();
}
}
if (typeof(elem) !== 'undefined' && elem) {
switch(elem){
case 'link':
elemType = '<div class="dropdown__block"><a class="dropdown__elem '+elemMods+'" href="'+elemLink+'">'+elemText+'</a>';
elemType += '<button class="dropdown__toggler"></button></div>';
break;
case 'button':
elemType = '<div class="dropdown__block"><button class="dropdown__elem '+elemMods+'">'+elemText+'</button>';
elemType += '<button class="dropdown__toggler"></button></div>';
break;
case 'text':
elemType = '<div class="dropdown__block"><span class="dropdown__elem '+elemMods+'">'+elemText+'</span>';
elemType += '<button class="dropdown__toggler"></button></div>';
break;
case 'ico':
elemType = '<div class="dropdown__block"><span class="dropdown__elem '+elemMods+'">'+elemText+' <img src="img/flag-1.png" alt="United Kingdom flag"></span>';
elemType += '<button class="dropdown__toggler"></button></div>';
break;
}
}
.dropdown(class=allMods)&attributes(attributes) !{elemType}
ul.dropdown__list
block
mixin dropdown-item()
li
block
\ No newline at end of file
src/blocks/dropdown/dropdown.scss 0 → 100644
View file @ 1a68edbb
// В этом файле должны быть стили для БЭМ-блока dropdown, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.dropdown {
$block-name: &;
position: relative;
&:focus,
&:hover {
#{$block-name}__block {
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#{$block-name}__toggler {
background-image: url("../img/arr-dwn--orange.svg");
}
#{$block-name}__list {
border: 1px solid #eeeeee;
border-top: 0;
opacity: 1;
transform: translateY(0);
visibility: visible;
}
}
&__block {
display: flex;
align-items: center;
position: relative;
border: 1px solid #eeeeee;
padding: 5px 30px 5px 5px;
width: 320px;
border-radius: 20px;
}
&__elem {
text-decoration: none;
font-size: 12px;
@media (min-width: $screen-sm) {
font-size: 14px;
}
&:hover {
// color: $color-main-2;
}
}
&__toggler {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
padding: 0;
border: 0;
width: 40px;
height: 100%;
background: url("../img/arr-dwn.svg") center/auto 10px no-repeat;
transition: var(--transition-duration);
}
&__list {
position: absolute;
right: 0;
z-index: 5;
transform: translateY(-4px);
margin: 0;
padding: 5px 0;
min-width: 155px;
width: 100%;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
list-style: none;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
opacity: 0;
visibility: hidden;
transition: var(--transition-duration);
font-size: 12px;
@media (min-width: $screen-sm) {
font-size: 14px;
}
li {
& > a,
& > span {
display: block;
padding: 5px 20px;
transition: var(--transition-duration);
text-decoration: none;
color: $color-2;
&:focus,
&:hover {
background-color: #f5f6f8;
// color: $color-main-2;
}
}
}
}
&--width-auto {
.dropdown__block {
width: auto;
}
.dropdown__list {
min-width: auto;
}
}
&--no-border {
.dropdown__block {
border: inherit;
padding: 4px 27px 4px 10px;
border-radius: inherit;
}
.dropdown__toggler {
width: 27px;
background-position: right 2px center;
transform-origin: calc(50% + 0.65rem) 50%;
}
.dropdown__list {
li {
& > a,
& > span {
padding-left: 10px;
padding-right: 10px;
}
}
}
}
&--align-right {
text-align: right;
.dropdown__elem {
margin-left: auto;
}
.dropdown__list {
li {
& > a,
& > span {
padding-right: 30px;
}
}
}
}
&--align-right.dropdown--no-border {
.dropdown__list {
li {
& > a,
& > span {
padding-right: 27px;
}
}
}
}
&--width-auto-left {
.dropdown__block {
width: auto;
}
.dropdown__list {
min-width: auto;
width: auto;
left: 0;
right: inherit;
}
}
&--arr-left {
#{$block-name}__block {
padding-left: 30px;
padding-right: 5px;
}
#{$block-name}__toggler {
left: 5px;
right: inherit;
width: 25px;
}
#{$block-name}__list {
li {
& > a,
& > span {
padding-left: 15px;
padding-right: 15px;
}
}
}
}
&--items-with-ico {
#{$block-name}__elem {
display: flex;
align-items: center;
img {
margin-left: 12px;
width: 25px;
height: auto;
@media (min-width: $screen-sm) {
width: 30px;
}
}
}
#{$block-name}__list {
padding: 0;
li {
& > a,
& > span {
display: flex;
align-items: center;
padding-right: 5px;
transition: color $transition-time;
&:focus,
&:hover {
background-color: transparent;
color: $color-1;
}
img {
box-sizing: content-box;
margin-left: auto;
padding-left: 12px;
width: 25px;
height: auto;
@media (min-width: $screen-sm) {
width: 30px;
}
}
}
}
}
}
}
src/blocks/field-text/field-text.scss
View file @ 1a68edbb
......@@ -3,7 +3,6 @@
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.field-text {
$block-name: &; // #{$block-name}__element
display: block;
......@@ -21,22 +20,20 @@
@include field-text;
@at-root textarea#{&} {
$textarea-height: ($line-height * 2) + ($field-padding-vertical * 2);
// $textarea-height: ($line-height * 2) + ($field-padding-vertical * 2);
height: auto;
min-height: calc(#{$textarea-height} + 2px);
// min-height: calc(#{$textarea-height} + 2px);
resize: vertical;
}
}
&__help-text {
@include field-help-text;
display: none;
}
&--error {
#{$block-name}__name,
#{$block-name}__input,
#{$block-name}__help-text {
......
src/blocks/logo/logo.scss
View file @ 1a68edbb
......@@ -3,13 +3,31 @@
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.logo {
$block-name: &; // #{$block-name}__element
$block-name: &;
display: inline-block;
white-space: nowrap;
line-height: 0;
width: 135px;
@media (min-width: $screen-xl) {
width: 200px;
}
@media (min-width: $screen-lg) {
width: 170px;
}
@media (min-width: $screen-md) {
width: 150px;
}
img {
display: block;
}
svg {
width: 100%;
height: auto;
}
}
src/blocks/page-footer/page-footer.pug
View file @ 1a68edbb
......@@ -17,6 +17,29 @@ mixin page-footer(mods)
}
}
footer.page-footer(class=allMods, role='contentinfo')&attributes(attributes)
.page-footer__inner
block
footer#contacts.page-footer(class=allMods, role='contentinfo')&attributes(attributes)
.page-footer__inner.container
.page-footer__first
.page-footer__f-left
+logo('/')
<svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M89.4131 44.1608C88.1109 44.1608 86.9366 43.9341 85.8899 43.4809C84.8515 43.0276 83.9945 42.3807 83.3187 41.5401C82.6511 40.6912 82.2267 39.6858 82.0454 38.5238L85.1359 38.054C85.3996 39.1089 85.9394 39.9248 86.7553 40.5017C87.5794 41.0786 88.5271 41.367 89.5985 41.367C90.2331 41.367 90.8305 41.2681 91.3909 41.0703C91.9513 40.8725 92.4046 40.5841 92.7507 40.205C93.1051 39.8259 93.2823 39.3603 93.2823 38.8081C93.2823 38.5609 93.2411 38.3342 93.1587 38.1282C93.0763 37.9139 92.9527 37.7244 92.7878 37.5596C92.6312 37.3947 92.4252 37.2464 92.1697 37.1145C91.9225 36.9744 91.6341 36.8549 91.3044 36.756L86.7058 35.3962C86.3102 35.2809 85.8817 35.1284 85.4202 34.9389C84.9669 34.7411 84.5343 34.4732 84.1222 34.1353C83.7184 33.7892 83.3846 33.3524 83.1209 32.825C82.8654 32.2893 82.7377 31.63 82.7377 30.8471C82.7377 29.7016 83.0261 28.7415 83.603 27.9668C84.1881 27.1839 84.971 26.5987 85.9517 26.2114C86.9407 25.8241 88.0368 25.6345 89.24 25.6428C90.4597 25.651 91.5475 25.8612 92.5035 26.2732C93.4595 26.677 94.2589 27.2663 94.9017 28.041C95.5445 28.8156 95.9978 29.751 96.2615 30.8471L93.0598 31.4034C92.9279 30.777 92.6724 30.2455 92.2934 29.8087C91.9225 29.3637 91.4651 29.0258 90.9212 28.795C90.3855 28.5643 89.8128 28.4407 89.2029 28.4242C88.6095 28.4159 88.0574 28.5066 87.5464 28.6961C87.0437 28.8774 86.6358 29.1412 86.3226 29.4873C86.0177 29.8334 85.8652 30.2372 85.8652 30.6987C85.8652 31.1355 85.9971 31.494 86.2608 31.7742C86.5245 32.0462 86.85 32.2646 87.2374 32.4294C87.633 32.586 88.0326 32.7178 88.4365 32.825L91.6258 33.715C92.0626 33.8304 92.553 33.987 93.0969 34.1848C93.6408 34.3826 94.1641 34.6586 94.6668 35.013C95.1695 35.3674 95.5816 35.833 95.903 36.4099C96.2327 36.9868 96.3975 37.7203 96.3975 38.6103C96.3975 39.5333 96.2038 40.3451 95.8165 41.0456C95.4374 41.7378 94.9223 42.3147 94.2712 42.7762C93.6202 43.2377 92.8744 43.5839 92.0338 43.8146C91.2014 44.0454 90.3278 44.1608 89.4131 44.1608Z" fill="white"/><path d="M104.08 44.1731C103.091 44.1731 102.275 44.0083 101.632 43.6787C100.989 43.349 100.478 42.9287 100.099 42.4177C99.7202 41.9068 99.44 41.3629 99.2587 40.786C99.0774 40.2091 98.9579 39.6652 98.9002 39.1542C98.8507 38.635 98.826 38.2147 98.826 37.8933V30.4391H101.842V36.8673C101.842 37.2794 101.871 37.745 101.929 38.2642C101.986 38.7751 102.118 39.2696 102.324 39.7476C102.539 40.2173 102.852 40.6047 103.264 40.9096C103.684 41.2145 104.249 41.367 104.957 41.367C105.337 41.367 105.712 41.3052 106.082 41.1816C106.453 41.0579 106.787 40.8478 107.084 40.5511C107.389 40.2462 107.632 39.83 107.813 39.3026C107.994 38.7751 108.085 38.1076 108.085 37.3L109.853 38.054C109.853 39.1913 109.63 40.2215 109.185 41.1445C108.748 42.0675 108.101 42.8051 107.244 43.3572C106.387 43.9012 105.332 44.1731 104.08 44.1731ZM108.443 43.7899V39.6487H108.085V30.4391H111.077V43.7899H108.443Z" fill="white"/><path d="M120.965 44.1608C119.663 44.1608 118.571 43.8517 117.69 43.2336C116.808 42.6155 116.144 41.7749 115.699 40.7118C115.254 39.6405 115.032 38.4414 115.032 37.1145C115.032 35.7712 115.254 34.568 115.699 33.5049C116.144 32.4418 116.795 31.6053 117.652 30.9954C118.518 30.3773 119.585 30.0683 120.854 30.0683C122.115 30.0683 123.207 30.3773 124.13 30.9954C125.061 31.6053 125.782 32.4418 126.293 33.5049C126.804 34.5598 127.06 35.763 127.06 37.1145C127.06 38.4496 126.808 39.6487 126.306 40.7118C125.803 41.7749 125.094 42.6155 124.179 43.2336C123.265 43.8517 122.193 44.1608 120.965 44.1608ZM114.525 49.7236V30.4391H117.158V39.8094H117.529V49.7236H114.525ZM120.508 41.4906C121.283 41.4906 121.921 41.2969 122.424 40.9096C122.927 40.5223 123.298 39.999 123.537 39.3397C123.784 38.6721 123.908 37.9304 123.908 37.1145C123.908 36.3069 123.784 35.5734 123.537 34.9141C123.289 34.2466 122.906 33.7192 122.387 33.3318C121.868 32.9362 121.209 32.7384 120.409 32.7384C119.651 32.7384 119.033 32.9239 118.555 33.2947C118.077 33.6573 117.723 34.1683 117.492 34.8276C117.269 35.4786 117.158 36.241 117.158 37.1145C117.158 37.9799 117.269 38.7422 117.492 39.4015C117.723 40.0608 118.081 40.5758 118.567 40.9467C119.062 41.3093 119.709 41.4906 120.508 41.4906Z" fill="white"/><path d="M136.2 44.1608C134.898 44.1608 133.806 43.8517 132.925 43.2336C132.043 42.6155 131.379 41.7749 130.934 40.7118C130.489 39.6405 130.267 38.4414 130.267 37.1145C130.267 35.7712 130.489 34.568 130.934 33.5049C131.379 32.4418 132.03 31.6053 132.887 30.9954C133.753 30.3773 134.82 30.0683 136.089 30.0683C137.35 30.0683 138.442 30.3773 139.365 30.9954C140.296 31.6053 141.017 32.4418 141.528 33.5049C142.039 34.5598 142.295 35.763 142.295 37.1145C142.295 38.4496 142.043 39.6487 141.541 40.7118C141.038 41.7749 140.329 42.6155 139.414 43.2336C138.5 43.8517 137.428 44.1608 136.2 44.1608ZM129.76 49.7236V30.4391H132.393V39.8094H132.764V49.7236H129.76ZM135.743 41.4906C136.518 41.4906 137.156 41.2969 137.659 40.9096C138.162 40.5223 138.533 39.999 138.772 39.3397C139.019 38.6721 139.143 37.9304 139.143 37.1145C139.143 36.3069 139.019 35.5734 138.772 34.9141C138.524 34.2466 138.141 33.7192 137.622 33.3318C137.103 32.9362 136.444 32.7384 135.644 32.7384C134.886 32.7384 134.268 32.9239 133.79 33.2947C133.312 33.6573 132.957 34.1683 132.727 34.8276C132.504 35.4786 132.393 36.241 132.393 37.1145C132.393 37.9799 132.504 38.7422 132.727 39.4015C132.957 40.0608 133.316 40.5758 133.802 40.9467C134.297 41.3093 134.944 41.4906 135.743 41.4906Z" fill="white"/><path d="M145.267 43.7899V25.618H148.246V43.7899H145.267Z" fill="white"/><path d="M152.196 28.4118V25.6799H155.175V28.4118H152.196ZM152.196 43.7899V30.4391H155.175V43.7899H152.196Z" fill="white"/><path d="M164.948 44.1608C163.596 44.1608 162.41 43.8682 161.388 43.2831C160.366 42.6979 159.566 41.8862 158.99 40.8478C158.421 39.8094 158.137 38.6144 158.137 37.2629C158.137 35.8042 158.417 34.5392 158.977 33.4678C159.538 32.3882 160.316 31.5517 161.314 30.9583C162.311 30.365 163.465 30.0683 164.775 30.0683C166.159 30.0683 167.334 30.3938 168.298 31.0449C169.271 31.6877 169.992 32.5983 170.461 33.7768C170.931 34.9553 171.108 36.344 170.993 37.9428H168.038V36.8549C168.03 35.4045 167.775 34.3455 167.272 33.6779C166.769 33.0104 165.978 32.6766 164.899 32.6766C163.679 32.6766 162.772 33.0557 162.179 33.8139C161.586 34.5639 161.289 35.6641 161.289 37.1145C161.289 38.4661 161.586 39.5127 162.179 40.2544C162.772 40.9961 163.638 41.367 164.775 41.367C165.508 41.367 166.139 41.2063 166.666 40.8849C167.202 40.5552 167.614 40.0814 167.902 39.4633L170.845 40.3533C170.334 41.5565 169.542 42.4919 168.471 43.1595C167.408 43.827 166.234 44.1608 164.948 44.1608ZM160.349 37.9428V35.6929H169.534V37.9428H160.349Z" fill="white"/><path d="M178.906 44.1608C177.258 44.1608 175.919 43.7899 174.888 43.0482C173.858 42.3065 173.232 41.264 173.009 39.9207L176.05 39.4509C176.207 40.1102 176.553 40.6294 177.089 41.0085C177.625 41.3876 178.3 41.5771 179.116 41.5771C179.833 41.5771 180.385 41.437 180.773 41.1568C181.168 40.8684 181.366 40.4769 181.366 39.9825C181.366 39.6775 181.292 39.4344 181.144 39.2531C181.003 39.0636 180.69 38.8823 180.204 38.7092C179.718 38.5361 178.972 38.3177 177.967 38.054C176.846 37.7573 175.956 37.4401 175.296 37.1022C174.637 36.756 174.163 36.3481 173.875 35.8783C173.586 35.4086 173.442 34.84 173.442 34.1724C173.442 33.3401 173.66 32.6148 174.097 31.9967C174.534 31.3786 175.144 30.9048 175.927 30.5751C176.71 30.2372 177.633 30.0683 178.696 30.0683C179.734 30.0683 180.653 30.229 181.453 30.5504C182.26 30.8718 182.911 31.3292 183.406 31.9226C183.9 32.5159 184.205 33.2123 184.32 34.0117L181.279 34.5556C181.205 33.987 180.946 33.5378 180.501 33.2082C180.064 32.8785 179.479 32.6931 178.745 32.6519C178.045 32.6107 177.48 32.7178 177.052 32.9733C176.623 33.2206 176.409 33.5708 176.409 34.0241C176.409 34.2796 176.495 34.4979 176.669 34.6793C176.842 34.8606 177.188 35.0419 177.707 35.2232C178.234 35.4045 179.017 35.627 180.056 35.8907C181.119 36.1627 181.968 36.4758 182.602 36.8302C183.245 37.1763 183.707 37.5925 183.987 38.0788C184.275 38.565 184.419 39.1542 184.419 39.8465C184.419 41.1898 183.929 42.2447 182.948 43.0111C181.976 43.7775 180.628 44.1608 178.906 44.1608Z" fill="white"/><path d="M83.0714 19.0663V1.26526H86.0506V19.0663H83.0714Z" fill="#F36601"/><path d="M98.9878 19.0663V12.6381C98.9878 12.2178 98.959 11.7522 98.9013 11.2412C98.8436 10.7303 98.7076 10.2399 98.4934 9.77019C98.2873 9.2922 97.9742 8.90074 97.5539 8.59582C97.1418 8.29089 96.5814 8.13843 95.8727 8.13843C95.4936 8.13843 95.1186 8.20024 94.7477 8.32386C94.3769 8.44747 94.039 8.66175 93.7341 8.96667C93.4374 9.26335 93.1984 9.67542 93.0171 10.2029C92.8358 10.722 92.7451 11.3896 92.7451 12.2055L90.9774 11.4514C90.9774 10.3141 91.1958 9.28396 91.6325 8.36094C92.0776 7.43793 92.7286 6.70446 93.5857 6.16054C94.4428 5.60838 95.4977 5.3323 96.7503 5.3323C97.7393 5.3323 98.5552 5.49712 99.198 5.82677C99.8408 6.15642 100.352 6.57672 100.731 7.08767C101.11 7.59863 101.39 8.14255 101.571 8.71943C101.753 9.29632 101.868 9.84436 101.918 10.3636C101.975 10.8745 102.004 11.2907 102.004 11.6121V19.0663H98.9878ZM89.7288 19.0663V5.71551H92.3866V9.85672H92.7451V19.0663H89.7288Z" fill="#F36601"/><path d="M113.055 19.0663C112.173 19.2311 111.308 19.3011 110.459 19.2764C109.618 19.2599 108.864 19.1075 108.197 18.819C107.529 18.5224 107.022 18.0567 106.676 17.4221C106.371 16.8453 106.211 16.256 106.194 15.6544C106.178 15.0528 106.169 14.3729 106.169 13.6147V2.00697H109.136V13.4416C109.136 13.9773 109.14 14.4471 109.149 14.8509C109.165 15.2547 109.252 15.5844 109.408 15.8398C109.705 16.3343 110.179 16.6104 110.83 16.6681C111.481 16.7258 112.223 16.6928 113.055 16.5692V19.0663ZM103.747 8.0519V5.71551H113.055V8.0519H103.747Z" fill="#F36601"/><path d="M121.319 19.4371C119.968 19.4371 118.781 19.1446 117.759 18.5594C116.737 17.9743 115.938 17.1626 115.361 16.1242C114.792 15.0858 114.508 13.8908 114.508 12.5392C114.508 11.0805 114.788 9.81551 115.349 8.74416C115.909 7.66456 116.688 6.82808 117.685 6.23471C118.682 5.64134 119.836 5.34466 121.146 5.34466C122.531 5.34466 123.705 5.67019 124.669 6.32124C125.642 6.96406 126.363 7.87471 126.833 9.0532C127.303 10.2317 127.48 11.6203 127.364 13.2191H124.41V12.1313C124.402 10.6808 124.146 9.62185 123.643 8.95431C123.141 8.28677 122.35 7.953 121.27 7.953C120.05 7.953 119.144 8.3321 118.55 9.09029C117.957 9.84024 117.66 10.9404 117.66 12.3909C117.66 13.7425 117.957 14.7891 118.55 15.5308C119.144 16.2725 120.009 16.6434 121.146 16.6434C121.88 16.6434 122.51 16.4827 123.038 16.1612C123.573 15.8316 123.985 15.3577 124.274 14.7396L127.216 15.6297C126.705 16.8329 125.914 17.7683 124.843 18.4358C123.779 19.1034 122.605 19.4371 121.319 19.4371ZM116.721 13.2191V10.9693H125.906V13.2191H116.721Z" fill="#F36601"/><path d="M130.123 19.0663V5.71551H132.756V8.96667L132.434 8.54637C132.599 8.10134 132.817 7.69752 133.089 7.33491C133.37 6.96406 133.703 6.65913 134.091 6.42014C134.42 6.19762 134.783 6.02456 135.179 5.90094C135.582 5.76908 135.994 5.69079 136.415 5.66606C136.835 5.6331 137.243 5.64958 137.639 5.71551V8.49692C137.243 8.38154 136.786 8.34446 136.266 8.38566C135.755 8.42687 135.294 8.57109 134.882 8.81833C134.47 9.04084 134.132 9.32516 133.868 9.67129C133.613 10.0174 133.423 10.413 133.3 10.858C133.176 11.2948 133.114 11.7687 133.114 12.2796V19.0663H130.123Z" fill="#F36601"/><path d="M144.67 19.4371C143.021 19.4371 141.682 19.0663 140.652 18.3246C139.622 17.5829 138.995 16.5403 138.773 15.197L141.814 14.7273C141.971 15.3866 142.317 15.9058 142.852 16.2849C143.388 16.664 144.064 16.8535 144.88 16.8535C145.597 16.8535 146.149 16.7134 146.536 16.4332C146.932 16.1448 147.13 15.7533 147.13 15.2588C147.13 14.9539 147.055 14.7108 146.907 14.5295C146.767 14.3399 146.454 14.1586 145.968 13.9856C145.481 13.8125 144.735 13.5941 143.73 13.3304C142.609 13.0337 141.719 12.7164 141.06 12.3785C140.401 12.0324 139.927 11.6245 139.638 11.1547C139.35 10.685 139.206 10.1163 139.206 9.44878C139.206 8.61642 139.424 7.89119 139.861 7.2731C140.298 6.65501 140.907 6.18114 141.69 5.85149C142.473 5.5136 143.396 5.34466 144.459 5.34466C145.498 5.34466 146.417 5.50536 147.216 5.82677C148.024 6.14818 148.675 6.60556 149.169 7.19893C149.664 7.7923 149.969 8.48868 150.084 9.28808L147.043 9.832C146.969 9.26335 146.709 8.81421 146.264 8.48456C145.827 8.15491 145.242 7.96948 144.509 7.92828C143.808 7.88707 143.244 7.99421 142.815 8.24968C142.387 8.49692 142.172 8.84717 142.172 9.30044C142.172 9.55592 142.259 9.77431 142.432 9.95562C142.605 10.1369 142.951 10.3182 143.47 10.4995C143.998 10.6808 144.781 10.9034 145.819 11.1671C146.882 11.439 147.731 11.7522 148.366 12.1066C149.009 12.4527 149.47 12.8689 149.75 13.3551C150.039 13.8413 150.183 14.4306 150.183 15.1229C150.183 16.4662 149.693 17.521 148.712 18.2875C147.739 19.0539 146.392 19.4371 144.67 19.4371Z" fill="#F36601"/><path d="M160.716 19.0663C159.834 19.2311 158.968 19.3011 158.12 19.2764C157.279 19.2599 156.525 19.1075 155.857 18.819C155.19 18.5224 154.683 18.0567 154.337 17.4221C154.032 16.8453 153.871 16.256 153.855 15.6544C153.838 15.0528 153.83 14.3729 153.83 13.6147V2.00697H156.797V13.4416C156.797 13.9773 156.801 14.4471 156.809 14.8509C156.826 15.2547 156.912 15.5844 157.069 15.8398C157.366 16.3343 157.839 16.6104 158.49 16.6681C159.142 16.7258 159.883 16.6928 160.716 16.5692V19.0663ZM151.407 8.0519V5.71551H160.716V8.0519H151.407Z" fill="#F36601"/><path d="M167.32 19.4371C166.355 19.4371 165.54 19.2558 164.872 18.8932C164.205 18.5224 163.698 18.032 163.352 17.4221C163.014 16.8123 162.845 16.1406 162.845 15.4072C162.845 14.7644 162.952 14.1875 163.166 13.6765C163.38 13.1573 163.71 12.7123 164.155 12.3414C164.6 11.9623 165.177 11.6533 165.886 11.4143C166.421 11.2412 167.048 11.0847 167.765 10.9446C168.49 10.8045 169.273 10.6767 170.113 10.5613C170.962 10.4377 171.848 10.3059 172.771 10.1658L171.708 10.7715C171.716 9.84848 171.51 9.16858 171.09 8.7318C170.67 8.29501 169.961 8.07662 168.964 8.07662C168.362 8.07662 167.781 8.21672 167.221 8.49692C166.66 8.77712 166.269 9.25923 166.046 9.94325L163.327 9.09029C163.656 7.96124 164.283 7.05471 165.206 6.37069C166.137 5.68667 167.39 5.34466 168.964 5.34466C170.151 5.34466 171.193 5.53833 172.091 5.92566C172.998 6.313 173.67 6.94757 174.106 7.82938C174.345 8.29913 174.49 8.78124 174.539 9.27571C174.588 9.76195 174.613 10.2935 174.613 10.8704V19.0663H172.005V16.1736L172.437 16.6434C171.836 17.6076 171.131 18.3163 170.324 18.7696C169.524 19.2146 168.523 19.4371 167.32 19.4371ZM167.913 17.0637C168.589 17.0637 169.166 16.9442 169.644 16.7052C170.122 16.4662 170.501 16.1736 170.781 15.8275C171.069 15.4813 171.263 15.1558 171.362 14.8509C171.519 14.4718 171.605 14.0391 171.622 13.5529C171.646 13.0584 171.659 12.6587 171.659 12.3538L172.573 12.6258C171.675 12.7659 170.905 12.8895 170.262 12.9966C169.619 13.1038 169.067 13.2068 168.605 13.3057C168.144 13.3963 167.736 13.4993 167.382 13.6147C167.035 13.7383 166.743 13.8826 166.504 14.0474C166.265 14.2122 166.079 14.4017 165.948 14.616C165.824 14.8303 165.762 15.0816 165.762 15.3701C165.762 15.6997 165.845 15.9923 166.009 16.2478C166.174 16.495 166.413 16.6928 166.726 16.8411C167.048 16.9895 167.443 17.0637 167.913 17.0637Z" fill="#F36601"/><path d="M185.657 19.0663C184.775 19.2311 183.909 19.3011 183.061 19.2764C182.22 19.2599 181.466 19.1075 180.798 18.819C180.131 18.5224 179.624 18.0567 179.278 17.4221C178.973 16.8453 178.812 16.256 178.796 15.6544C178.779 15.0528 178.771 14.3729 178.771 13.6147V2.00697H181.738V13.4416C181.738 13.9773 181.742 14.4471 181.75 14.8509C181.767 15.2547 181.853 15.5844 182.01 15.8398C182.306 16.3343 182.78 16.6104 183.431 16.6681C184.082 16.7258 184.824 16.6928 185.657 16.5692V19.0663ZM176.348 8.0519V5.71551H185.657V8.0519H176.348Z" fill="#F36601"/><path d="M193.921 19.4371C192.569 19.4371 191.383 19.1446 190.361 18.5594C189.339 17.9743 188.539 17.1626 187.963 16.1242C187.394 15.0858 187.11 13.8908 187.11 12.5392C187.11 11.0805 187.39 9.81551 187.95 8.74416C188.511 7.66456 189.289 6.82808 190.287 6.23471C191.284 5.64134 192.438 5.34466 193.748 5.34466C195.132 5.34466 196.307 5.67019 197.271 6.32124C198.243 6.96406 198.965 7.87471 199.434 9.0532C199.904 10.2317 200.081 11.6203 199.966 13.2191H197.011V12.1313C197.003 10.6808 196.748 9.62185 196.245 8.95431C195.742 8.28677 194.951 7.953 193.872 7.953C192.652 7.953 191.745 8.3321 191.152 9.09029C190.559 9.84024 190.262 10.9404 190.262 12.3909C190.262 13.7425 190.559 14.7891 191.152 15.5308C191.745 16.2725 192.611 16.6434 193.748 16.6434C194.481 16.6434 195.112 16.4827 195.639 16.1612C196.175 15.8316 196.587 15.3577 196.875 14.7396L199.818 15.6297C199.307 16.8329 198.515 17.7683 197.444 18.4358C196.381 19.1034 195.207 19.4371 193.921 19.4371ZM189.322 13.2191V10.9693H198.507V13.2191H189.322Z" fill="#F36601"/><path d="M61.3146 0.276367H71.6986L54.8865 43.79H44.5026L61.3146 0.276367Z" fill="white"/><path d="M3.46131 34.8894H43.0191L39.5578 43.7899H0L3.46131 34.8894Z" fill="white"/><path d="M8.40601 22.0332H47.9638L44.5025 30.9337H4.9447L8.40601 22.0332Z" fill="#F36601"/><path d="M13.3508 9.17688H52.9086L49.4473 18.0774H9.88947L13.3508 9.17688Z" fill="#F36601"/></svg>
.page-footer__f-right
ul.feedback.feedback--type-1
li.feedback__item
span.feedback__i-link
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 13.7812C14.2259 13.7812 15.625 12.3821 15.625 10.6562C15.625 8.93036 14.2259 7.53125 12.5 7.53125C10.7741 7.53125 9.375 8.93036 9.375 10.6562C9.375 12.3821 10.7741 13.7812 12.5 13.7812Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3125 10.6562C20.3125 17.6875 12.5 23.1562 12.5 23.1562C12.5 23.1562 4.6875 17.6875 4.6875 10.6562C4.6875 8.58425 5.5106 6.59711 6.97573 5.13198C8.44086 3.66685 10.428 2.84375 12.5 2.84375C14.572 2.84375 16.5591 3.66685 18.0243 5.13198C19.4894 6.59711 20.3125 8.58425 20.3125 10.6562V10.6562Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
| 18 CVETKA STOJANOVICA PEKARA, KRALJEVO, 36000, SERBIA.
li.feedback__item
a.feedback__i-link(href='tel:+381628521243')
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.03089 12.689C9.84127 14.3458 11.1842 15.6827 12.8447 16.4855C12.9662 16.5431 13.1006 16.568 13.2346 16.5579C13.3687 16.5477 13.4978 16.5029 13.6092 16.4277L16.0541 14.7974C16.1622 14.7253 16.2866 14.6813 16.4161 14.6694C16.5455 14.6575 16.6758 14.6781 16.7953 14.7293L21.3692 16.6895C21.5246 16.7555 21.6543 16.8702 21.7388 17.0164C21.8233 17.1625 21.8581 17.3322 21.8378 17.4998C21.6932 18.631 21.1413 19.6708 20.2853 20.4244C19.4293 21.178 18.328 21.5937 17.1875 21.5938C13.6651 21.5938 10.287 20.1945 7.79624 17.7038C5.30552 15.2131 3.90625 11.835 3.90625 8.31255C3.90631 7.17209 4.32206 6.07076 5.07567 5.21477C5.82927 4.35878 6.86904 3.80683 8.00029 3.66226C8.16788 3.64198 8.33753 3.67671 8.48366 3.76122C8.6298 3.84574 8.74451 3.97546 8.81052 4.13083L10.7725 8.70875C10.8232 8.82716 10.8439 8.95629 10.8327 9.08462C10.8214 9.21296 10.7786 9.33653 10.7081 9.44432L9.08345 11.9267C9.0095 12.0384 8.96579 12.1673 8.95658 12.3009C8.94736 12.4346 8.97297 12.5683 9.03089 12.689V12.689Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
| +381 62 852 1243
li.feedback__item
a.feedback__i-link(href='mailto:interstatesuppliesd.o.o@gmail.com')
<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.125 5.96875H21.875V19.25C21.875 19.4572 21.7927 19.6559 21.6462 19.8024C21.4997 19.9489 21.301 20.0312 21.0938 20.0312H3.90625C3.69905 20.0312 3.50034 19.9489 3.35382 19.8024C3.20731 19.6559 3.125 19.4572 3.125 19.25V5.96875Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.875 5.96875L12.5 14.5625L3.125 5.96875" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
| interstatesuppliesd.o.o@gmail.com
.page-footer__second
p.copyright © Copyright - INTERSTATE SUPPLIES D.O.O.
src/blocks/page-footer/page-footer.scss
View file @ 1a68edbb
......@@ -2,7 +2,72 @@
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.page__footer-wrapper {
}
.page-footer {
$block-name: &;
background-color: $color-2;
color: #fff;
&__inner {
}
&__first {
padding: 40px 0;
@media (min-width: $screen-xxl) {
}
@media (min-width: $screen-xl) {
}
@media (min-width: $screen-lg) {
}
@media (min-width: $screen-md) {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: $screen-sm) {
}
}
&__f-left {
@media (max-width: ( $screen-md - 1)) {
text-align: center;
}
}
&__f-right {
@media (min-width: $screen-md) {
padding-left: 15px;
}
@media (max-width: ( $screen-md - 1)) {
margin-top: 40px;
}
}
&__second {
padding: 20px 0;
border-top: 1px solid rgba(239, 239, 239, 0.2);
@media (min-width: $screen-sm) {
padding-top: 30px;
padding-top: 30px;
}
}
}
.copyright {
margin-bottom: 0;
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
$block-name: &; // #{$block-name}__element
@media (max-width: ( $screen-md - 1)) {
text-align: center;
}
}
src/blocks/page-header/page-header.pug
View file @ 1a68edbb
......@@ -18,5 +18,24 @@ mixin page-header(mods)
}
header.page-header(class=allMods, role='banner')&attributes(attributes)
.page-header__inner
block
.page-header__inner.container
+logo('/')
<svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M89.4131 44.1609C88.1109 44.1609 86.9366 43.9343 85.8899 43.481C84.8515 43.0277 83.9945 42.3808 83.3187 41.5402C82.6511 40.6913 82.2267 39.6859 82.0454 38.5239L85.1359 38.0541C85.3996 39.109 85.9394 39.9249 86.7553 40.5018C87.5794 41.0787 88.5271 41.3671 89.5985 41.3671C90.2331 41.3671 90.8305 41.2682 91.3909 41.0704C91.9513 40.8726 92.4046 40.5842 92.7507 40.2051C93.1051 39.826 93.2823 39.3604 93.2823 38.8082C93.2823 38.561 93.2411 38.3343 93.1587 38.1283C93.0763 37.914 92.9527 37.7245 92.7878 37.5597C92.6312 37.3949 92.4252 37.2465 92.1697 37.1147C91.9225 36.9746 91.6341 36.8551 91.3044 36.7562L86.7058 35.3964C86.3102 35.281 85.8817 35.1285 85.4202 34.939C84.9669 34.7412 84.5343 34.4733 84.1222 34.1355C83.7184 33.7893 83.3846 33.3525 83.1209 32.8251C82.8654 32.2894 82.7377 31.6301 82.7377 30.8472C82.7377 29.7017 83.0261 28.7416 83.603 27.9669C84.1881 27.184 84.971 26.5989 85.9517 26.2115C86.9407 25.8242 88.0368 25.6346 89.24 25.6429C90.4597 25.6511 91.5475 25.8613 92.5035 26.2733C93.4595 26.6772 94.2589 27.2664 94.9017 28.0411C95.5445 28.8158 95.9978 29.7511 96.2615 30.8472L93.0598 31.4035C92.9279 30.7772 92.6724 30.2456 92.2934 29.8088C91.9225 29.3638 91.4651 29.0259 90.9212 28.7951C90.3855 28.5644 89.8128 28.4408 89.2029 28.4243C88.6095 28.4161 88.0574 28.5067 87.5464 28.6963C87.0437 28.8776 86.6358 29.1413 86.3226 29.4874C86.0177 29.8335 85.8652 30.2374 85.8652 30.6989C85.8652 31.1357 85.9971 31.4941 86.2608 31.7743C86.5245 32.0463 86.85 32.2647 87.2374 32.4295C87.633 32.5861 88.0326 32.718 88.4365 32.8251L91.6258 33.7152C92.0626 33.8305 92.553 33.9871 93.0969 34.1849C93.6408 34.3827 94.1641 34.6588 94.6668 35.0131C95.1695 35.3675 95.5816 35.8331 95.903 36.41C96.2327 36.9869 96.3975 37.7204 96.3975 38.6104C96.3975 39.5334 96.2038 40.3452 95.8165 41.0457C95.4374 41.738 94.9223 42.3149 94.2712 42.7764C93.6202 43.2379 92.8744 43.584 92.0338 43.8148C91.2014 44.0455 90.3278 44.1609 89.4131 44.1609Z" fill="#3A3A3A"/><path d="M104.08 44.1732C103.091 44.1732 102.275 44.0084 101.632 43.6788C100.989 43.3491 100.478 42.9288 100.099 42.4179C99.7202 41.9069 99.44 41.363 99.2587 40.7861C99.0774 40.2092 98.9579 39.6653 98.9002 39.1544C98.8507 38.6352 98.826 38.2149 98.826 37.8934V30.4393H101.842V36.8674C101.842 37.2795 101.871 37.7451 101.929 38.2643C101.986 38.7753 102.118 39.2697 102.324 39.7477C102.539 40.2175 102.852 40.6048 103.264 40.9097C103.684 41.2147 104.249 41.3671 104.957 41.3671C105.337 41.3671 105.712 41.3053 106.082 41.1817C106.453 41.0581 106.787 40.8479 107.084 40.5512C107.389 40.2463 107.632 39.8301 107.813 39.3027C107.994 38.7753 108.085 38.1077 108.085 37.3001L109.853 38.0541C109.853 39.1914 109.63 40.2216 109.185 41.1446C108.748 42.0676 108.101 42.8052 107.244 43.3574C106.387 43.9013 105.332 44.1732 104.08 44.1732ZM108.443 43.79V39.6488H108.085V30.4393H111.077V43.79H108.443Z" fill="#3A3A3A"/><path d="M120.965 44.1609C119.663 44.1609 118.571 43.8518 117.69 43.2337C116.808 42.6157 116.144 41.7751 115.699 40.7119C115.254 39.6406 115.032 38.4415 115.032 37.1147C115.032 35.7713 115.254 34.5681 115.699 33.505C116.144 32.4419 116.795 31.6054 117.652 30.9956C118.518 30.3775 119.585 30.0684 120.854 30.0684C122.115 30.0684 123.207 30.3775 124.13 30.9956C125.061 31.6054 125.782 32.4419 126.293 33.505C126.804 34.5599 127.06 35.7631 127.06 37.1147C127.06 38.4497 126.808 39.6488 126.306 40.7119C125.803 41.7751 125.094 42.6157 124.179 43.2337C123.265 43.8518 122.193 44.1609 120.965 44.1609ZM114.525 49.7237V30.4393H117.158V39.8095H117.529V49.7237H114.525ZM120.508 41.4907C121.283 41.4907 121.921 41.2971 122.424 40.9097C122.927 40.5224 123.298 39.9991 123.537 39.3398C123.784 38.6722 123.908 37.9305 123.908 37.1147C123.908 36.307 123.784 35.5735 123.537 34.9142C123.289 34.2467 122.906 33.7193 122.387 33.3319C121.868 32.9364 121.209 32.7386 120.409 32.7386C119.651 32.7386 119.033 32.924 118.555 33.2949C118.077 33.6575 117.723 34.1684 117.492 34.8277C117.269 35.4788 117.158 36.2411 117.158 37.1147C117.158 37.98 117.269 38.7423 117.492 39.4016C117.723 40.0609 118.081 40.576 118.567 40.9468C119.062 41.3094 119.709 41.4907 120.508 41.4907Z" fill="#3A3A3A"/><path d="M136.2 44.1609C134.898 44.1609 133.806 43.8518 132.925 43.2337C132.043 42.6157 131.379 41.7751 130.934 40.7119C130.489 39.6406 130.267 38.4415 130.267 37.1147C130.267 35.7713 130.489 34.5681 130.934 33.505C131.379 32.4419 132.03 31.6054 132.887 30.9956C133.753 30.3775 134.82 30.0684 136.089 30.0684C137.35 30.0684 138.442 30.3775 139.365 30.9956C140.296 31.6054 141.017 32.4419 141.528 33.505C142.039 34.5599 142.295 35.7631 142.295 37.1147C142.295 38.4497 142.043 39.6488 141.541 40.7119C141.038 41.7751 140.329 42.6157 139.414 43.2337C138.5 43.8518 137.428 44.1609 136.2 44.1609ZM129.76 49.7237V30.4393H132.393V39.8095H132.764V49.7237H129.76ZM135.743 41.4907C136.518 41.4907 137.156 41.2971 137.659 40.9097C138.162 40.5224 138.533 39.9991 138.772 39.3398C139.019 38.6722 139.143 37.9305 139.143 37.1147C139.143 36.307 139.019 35.5735 138.772 34.9142C138.524 34.2467 138.141 33.7193 137.622 33.3319C137.103 32.9364 136.444 32.7386 135.644 32.7386C134.886 32.7386 134.268 32.924 133.79 33.2949C133.312 33.6575 132.957 34.1684 132.727 34.8277C132.504 35.4788 132.393 36.2411 132.393 37.1147C132.393 37.98 132.504 38.7423 132.727 39.4016C132.957 40.0609 133.316 40.576 133.802 40.9468C134.297 41.3094 134.944 41.4907 135.743 41.4907Z" fill="#3A3A3A"/><path d="M145.267 43.79V25.6182H148.246V43.79H145.267Z" fill="#3A3A3A"/><path d="M152.196 28.4119V25.68H155.175V28.4119H152.196ZM152.196 43.79V30.4393H155.175V43.79H152.196Z" fill="#3A3A3A"/><path d="M164.948 44.1609C163.596 44.1609 162.41 43.8683 161.388 43.2832C160.366 42.6981 159.566 41.8863 158.99 40.8479C158.421 39.8095 158.137 38.6146 158.137 37.263C158.137 35.8043 158.417 34.5393 158.977 33.4679C159.538 32.3883 160.316 31.5518 161.314 30.9585C162.311 30.3651 163.465 30.0684 164.775 30.0684C166.159 30.0684 167.334 30.3939 168.298 31.045C169.271 31.6878 169.992 32.5985 170.461 33.777C170.931 34.9555 171.108 36.3441 170.993 37.9429H168.038V36.8551C168.03 35.4046 167.775 34.3456 167.272 33.6781C166.769 33.0105 165.978 32.6768 164.899 32.6768C163.679 32.6768 162.772 33.0559 162.179 33.814C161.586 34.564 161.289 35.6642 161.289 37.1147C161.289 38.4662 161.586 39.5128 162.179 40.2546C162.772 40.9963 163.638 41.3671 164.775 41.3671C165.508 41.3671 166.139 41.2064 166.666 40.885C167.202 40.5554 167.614 40.0815 167.902 39.4634L170.845 40.3534C170.334 41.5567 169.542 42.492 168.471 43.1596C167.408 43.8271 166.234 44.1609 164.948 44.1609ZM160.349 37.9429V35.693H169.534V37.9429H160.349Z" fill="#3A3A3A"/><path d="M178.906 44.1609C177.258 44.1609 175.919 43.79 174.888 43.0483C173.858 42.3066 173.232 41.2641 173.009 39.9208L176.05 39.451C176.207 40.1103 176.553 40.6295 177.089 41.0086C177.625 41.3877 178.3 41.5773 179.116 41.5773C179.833 41.5773 180.385 41.4372 180.773 41.157C181.168 40.8685 181.366 40.4771 181.366 39.9826C181.366 39.6777 181.292 39.4346 181.144 39.2532C181.003 39.0637 180.69 38.8824 180.204 38.7093C179.718 38.5363 178.972 38.3179 177.967 38.0541C176.846 37.7575 175.956 37.4402 175.296 37.1023C174.637 36.7562 174.163 36.3482 173.875 35.8785C173.586 35.4087 173.442 34.8401 173.442 34.1725C173.442 33.3402 173.66 32.615 174.097 31.9969C174.534 31.3788 175.144 30.9049 175.927 30.5753C176.71 30.2374 177.633 30.0684 178.696 30.0684C179.734 30.0684 180.653 30.2291 181.453 30.5505C182.26 30.8719 182.911 31.3293 183.406 31.9227C183.9 32.5161 184.205 33.2124 184.32 34.0118L181.279 34.5558C181.205 33.9871 180.946 33.538 180.501 33.2083C180.064 32.8787 179.479 32.6932 178.745 32.652C178.045 32.6108 177.48 32.718 177.052 32.9734C176.623 33.2207 176.409 33.5709 176.409 34.0242C176.409 34.2797 176.495 34.4981 176.669 34.6794C176.842 34.8607 177.188 35.042 177.707 35.2233C178.234 35.4046 179.017 35.6271 180.056 35.8908C181.119 36.1628 181.968 36.476 182.602 36.8303C183.245 37.1765 183.707 37.5926 183.987 38.0789C184.275 38.5651 184.419 39.1544 184.419 39.8466C184.419 41.1899 183.929 42.2448 182.948 43.0112C181.976 43.7777 180.628 44.1609 178.906 44.1609Z" fill="#3A3A3A"/><path d="M83.0714 19.0664V1.26538H86.0506V19.0664H83.0714Z" fill="#F36601"/><path d="M98.9878 19.0664V12.6383C98.9878 12.2179 98.959 11.7523 98.9013 11.2414C98.8436 10.7304 98.7076 10.2401 98.4934 9.77031C98.2873 9.29232 97.9742 8.90086 97.5539 8.59594C97.1418 8.29101 96.5814 8.13855 95.8727 8.13855C95.4936 8.13855 95.1186 8.20036 94.7477 8.32398C94.3769 8.4476 94.039 8.66187 93.7341 8.96679C93.4374 9.26348 93.1984 9.67554 93.0171 10.203C92.8358 10.7222 92.7451 11.3897 92.7451 12.2056L90.9774 11.4515C90.9774 10.3142 91.1958 9.28408 91.6325 8.36106C92.0776 7.43805 92.7286 6.70458 93.5857 6.16066C94.4428 5.6085 95.4977 5.33242 96.7503 5.33242C97.7393 5.33242 98.5552 5.49724 99.198 5.82689C99.8408 6.15654 100.352 6.57684 100.731 7.0878C101.11 7.59875 101.39 8.14267 101.571 8.71956C101.753 9.29644 101.868 9.84448 101.918 10.3637C101.975 10.8746 102.004 11.2908 102.004 11.6122V19.0664H98.9878ZM89.7288 19.0664V5.71563H92.3866V9.85684H92.7451V19.0664H89.7288Z" fill="#F36601"/><path d="M113.055 19.0664C112.173 19.2312 111.308 19.3013 110.459 19.2765C109.618 19.2601 108.864 19.1076 108.197 18.8192C107.529 18.5225 107.022 18.0568 106.676 17.4223C106.371 16.8454 106.211 16.2561 106.194 15.6545C106.178 15.0529 106.169 14.373 106.169 13.6148V2.00709H109.136V13.4418C109.136 13.9774 109.14 14.4472 109.149 14.851C109.165 15.2548 109.252 15.5845 109.408 15.84C109.705 16.3344 110.179 16.6105 110.83 16.6682C111.481 16.7259 112.223 16.6929 113.055 16.5693V19.0664ZM103.747 8.05202V5.71563H113.055V8.05202H103.747Z" fill="#F36601"/><path d="M121.319 19.4372C119.968 19.4372 118.781 19.1447 117.759 18.5596C116.737 17.9744 115.938 17.1627 115.361 16.1243C114.792 15.0859 114.508 13.8909 114.508 12.5394C114.508 11.0807 114.788 9.81564 115.349 8.74428C115.909 7.66468 116.688 6.8282 117.685 6.23483C118.682 5.64146 119.836 5.34478 121.146 5.34478C122.531 5.34478 123.705 5.67031 124.669 6.32136C125.642 6.96418 126.363 7.87483 126.833 9.05332C127.303 10.2318 127.48 11.6205 127.364 13.2193H124.41V12.1314C124.402 10.681 124.146 9.62197 123.643 8.95443C123.141 8.28689 122.35 7.95312 121.27 7.95312C120.05 7.95312 119.144 8.33222 118.55 9.09041C117.957 9.84036 117.66 10.9406 117.66 12.391C117.66 13.7426 117.957 14.7892 118.55 15.5309C119.144 16.2726 120.009 16.6435 121.146 16.6435C121.88 16.6435 122.51 16.4828 123.038 16.1614C123.573 15.8317 123.985 15.3579 124.274 14.7398L127.216 15.6298C126.705 16.833 125.914 17.7684 124.843 18.4359C123.779 19.1035 122.605 19.4372 121.319 19.4372ZM116.721 13.2193V10.9694H125.906V13.2193H116.721Z" fill="#F36601"/><path d="M130.123 19.0664V5.71563H132.756V8.96679L132.434 8.54649C132.599 8.10147 132.817 7.69765 133.089 7.33503C133.37 6.96418 133.703 6.65925 134.091 6.42026C134.42 6.19774 134.783 6.02468 135.179 5.90106C135.582 5.7692 135.994 5.69091 136.415 5.66619C136.835 5.63322 137.243 5.6497 137.639 5.71563V8.49704C137.243 8.38167 136.786 8.34458 136.266 8.38579C135.755 8.42699 135.294 8.57121 134.882 8.81845C134.47 9.04096 134.132 9.32528 133.868 9.67142C133.613 10.0175 133.423 10.4131 133.3 10.8581C133.176 11.2949 133.114 11.7688 133.114 12.2798V19.0664H130.123Z" fill="#F36601"/><path d="M144.67 19.4372C143.021 19.4372 141.682 19.0664 140.652 18.3247C139.622 17.583 138.995 16.5405 138.773 15.1971L141.814 14.7274C141.971 15.3867 142.317 15.9059 142.852 16.285C143.388 16.6641 144.064 16.8536 144.88 16.8536C145.597 16.8536 146.149 16.7135 146.536 16.4333C146.932 16.1449 147.13 15.7534 147.13 15.259C147.13 14.954 147.055 14.7109 146.907 14.5296C146.767 14.3401 146.454 14.1588 145.968 13.9857C145.481 13.8126 144.735 13.5942 143.73 13.3305C142.609 13.0338 141.719 12.7165 141.06 12.3787C140.401 12.0325 139.927 11.6246 139.638 11.1548C139.35 10.6851 139.206 10.1164 139.206 9.4489C139.206 8.61654 139.424 7.89131 139.861 7.27322C140.298 6.65513 140.907 6.18126 141.69 5.85161C142.473 5.51373 143.396 5.34478 144.459 5.34478C145.498 5.34478 146.417 5.50548 147.216 5.82689C148.024 6.1483 148.675 6.60569 149.169 7.19905C149.664 7.79242 149.969 8.4888 150.084 9.2882L147.043 9.83212C146.969 9.26348 146.709 8.81433 146.264 8.48468C145.827 8.15503 145.242 7.96961 144.509 7.9284C143.808 7.88719 143.244 7.99433 142.815 8.24981C142.387 8.49704 142.172 8.84729 142.172 9.30056C142.172 9.55604 142.259 9.77443 142.432 9.95574C142.605 10.137 142.951 10.3184 143.47 10.4997C143.998 10.681 144.781 10.9035 145.819 11.1672C146.882 11.4392 147.731 11.7523 148.366 12.1067C149.009 12.4528 149.47 12.869 149.75 13.3552C150.039 13.8415 150.183 14.4307 150.183 15.123C150.183 16.4663 149.693 17.5212 148.712 18.2876C147.739 19.054 146.392 19.4372 144.67 19.4372Z" fill="#F36601"/><path d="M160.716 19.0664C159.834 19.2312 158.968 19.3013 158.12 19.2765C157.279 19.2601 156.525 19.1076 155.857 18.8192C155.19 18.5225 154.683 18.0568 154.337 17.4223C154.032 16.8454 153.871 16.2561 153.855 15.6545C153.838 15.0529 153.83 14.373 153.83 13.6148V2.00709H156.797V13.4418C156.797 13.9774 156.801 14.4472 156.809 14.851C156.826 15.2548 156.912 15.5845 157.069 15.84C157.366 16.3344 157.839 16.6105 158.49 16.6682C159.142 16.7259 159.883 16.6929 160.716 16.5693V19.0664ZM151.407 8.05202V5.71563H160.716V8.05202H151.407Z" fill="#F36601"/><path d="M167.32 19.4372C166.355 19.4372 165.54 19.2559 164.872 18.8933C164.205 18.5225 163.698 18.0321 163.352 17.4223C163.014 16.8124 162.845 16.1408 162.845 15.4073C162.845 14.7645 162.952 14.1876 163.166 13.6766C163.38 13.1574 163.71 12.7124 164.155 12.3416C164.6 11.9625 165.177 11.6534 165.886 11.4144C166.421 11.2414 167.048 11.0848 167.765 10.9447C168.49 10.8046 169.273 10.6768 170.113 10.5615C170.962 10.4378 171.848 10.306 172.771 10.1659L171.708 10.7716C171.716 9.8486 171.51 9.1687 171.09 8.73192C170.67 8.29513 169.961 8.07674 168.964 8.07674C168.362 8.07674 167.781 8.21684 167.221 8.49704C166.66 8.77724 166.269 9.25936 166.046 9.94338L163.327 9.09041C163.656 7.96136 164.283 7.05483 165.206 6.37081C166.137 5.68679 167.39 5.34478 168.964 5.34478C170.151 5.34478 171.193 5.53845 172.091 5.92578C172.998 6.31312 173.67 6.9477 174.106 7.82951C174.345 8.29925 174.49 8.78136 174.539 9.27584C174.588 9.76207 174.613 10.2936 174.613 10.8705V19.0664H172.005V16.1737L172.437 16.6435C171.836 17.6077 171.131 18.3164 170.324 18.7697C169.524 19.2147 168.523 19.4372 167.32 19.4372ZM167.913 17.0638C168.589 17.0638 169.166 16.9443 169.644 16.7053C170.122 16.4663 170.501 16.1737 170.781 15.8276C171.069 15.4815 171.263 15.1559 171.362 14.851C171.519 14.4719 171.605 14.0393 171.622 13.553C171.646 13.0586 171.659 12.6589 171.659 12.3539L172.573 12.6259C171.675 12.766 170.905 12.8896 170.262 12.9967C169.619 13.1039 169.067 13.2069 168.605 13.3058C168.144 13.3964 167.736 13.4995 167.382 13.6148C167.035 13.7385 166.743 13.8827 166.504 14.0475C166.265 14.2123 166.079 14.4019 165.948 14.6161C165.824 14.8304 165.762 15.0818 165.762 15.3702C165.762 15.6999 165.845 15.9924 166.009 16.2479C166.174 16.4951 166.413 16.6929 166.726 16.8413C167.048 16.9896 167.443 17.0638 167.913 17.0638Z" fill="#F36601"/><path d="M185.657 19.0664C184.775 19.2312 183.909 19.3013 183.061 19.2765C182.22 19.2601 181.466 19.1076 180.798 18.8192C180.131 18.5225 179.624 18.0568 179.278 17.4223C178.973 16.8454 178.812 16.2561 178.796 15.6545C178.779 15.0529 178.771 14.373 178.771 13.6148V2.00709H181.738V13.4418C181.738 13.9774 181.742 14.4472 181.75 14.851C181.767 15.2548 181.853 15.5845 182.01 15.84C182.306 16.3344 182.78 16.6105 183.431 16.6682C184.082 16.7259 184.824 16.6929 185.657 16.5693V19.0664ZM176.348 8.05202V5.71563H185.657V8.05202H176.348Z" fill="#F36601"/><path d="M193.921 19.4372C192.569 19.4372 191.383 19.1447 190.361 18.5596C189.339 17.9744 188.539 17.1627 187.963 16.1243C187.394 15.0859 187.11 13.8909 187.11 12.5394C187.11 11.0807 187.39 9.81564 187.95 8.74428C188.511 7.66468 189.289 6.8282 190.287 6.23483C191.284 5.64146 192.438 5.34478 193.748 5.34478C195.132 5.34478 196.307 5.67031 197.271 6.32136C198.243 6.96418 198.965 7.87483 199.434 9.05332C199.904 10.2318 200.081 11.6205 199.966 13.2193H197.011V12.1314C197.003 10.681 196.748 9.62197 196.245 8.95443C195.742 8.28689 194.951 7.95312 193.872 7.95312C192.652 7.95312 191.745 8.33222 191.152 9.09041C190.559 9.84036 190.262 10.9406 190.262 12.391C190.262 13.7426 190.559 14.7892 191.152 15.5309C191.745 16.2726 192.611 16.6435 193.748 16.6435C194.481 16.6435 195.112 16.4828 195.639 16.1614C196.175 15.8317 196.587 15.3579 196.875 14.7398L199.818 15.6298C199.307 16.833 198.515 17.7684 197.444 18.4359C196.381 19.1035 195.207 19.4372 193.921 19.4372ZM189.322 13.2193V10.9694H198.507V13.2193H189.322Z" fill="#F36601"/><path d="M61.3146 0.276367H71.6986L54.8865 43.79H44.5026L61.3146 0.276367Z" fill="#3A3A3A"/><path d="M3.46131 34.8894H43.0191L39.5578 43.7899H0L3.46131 34.8894Z" fill="#3A3A3A"/><path d="M8.40601 22.0332H47.9638L44.5025 30.9337H4.9447L8.40601 22.0332Z" fill="#F36601"/><path d="M13.3508 9.17676H52.9086L49.4473 18.0773H9.88947L13.3508 9.17676Z" fill="#F36601"/></svg>
.page-header__right
+burger('Триггер меню', 'mobMenu', 'active')
ul.simple-menu
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#home') Home]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#about-us') About Us]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#services') Services]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#contacts') Contacts]
ul.feedback
li.feedback__item #[a.feedback__i-link(href='tel:+381628521243') +381 62 852 1243]
+dropdown('ico', 'EN', '', '', 'arr-left, items-with-ico, width-auto, align-right')
+dropdown-item()
a(href='javascript:void(0)') SRB
img(src="img/flag-2.png", alt="Serbia flag")
src/blocks/page-header/page-header.scss
View file @ 1a68edbb
......@@ -3,6 +3,128 @@
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
.page-header {
$block-name: &;
$block-name: &; // #{$block-name}__element
padding: 20px 0;
background-color: #fff;
@at-root .mob-menu-active & {
@media (min-width: $screen-md) {
position: relative;
z-index: 2;
}
}
@media (min-width: $screen-xxl) {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: $screen-xl) {
padding-top: 35px;
padding-bottom: 35px;
}
@media (min-width: $screen-md) {
padding-top: 30px;
padding-bottom: 30px;
}
&.fixed {
position: fixed !important;
z-index: 2;
left: 0;
top: 0;
width: 100%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
@media (min-width: $screen-md) {
padding-top: 20px;
padding-bottom: 20px;
}
.logo {
@media (min-width: $screen-md) {
width: 150px;
}
}
}
& + .big-text {
margin-top: 20px;
@media (min-width: $screen-xl) {
margin-top: 70px;
}
@media (min-width: $screen-md) {
margin-top: 40px;
}
}
#{$block-name}__inner {
display: flex;
align-items: center;
}
#{$block-name}__right {
display: flex;
align-items: center;
margin-left: auto;
padding-left: 15px;
.simple-menu,
.feedback {
margin-right: 20px;
@media (min-width: $screen-xxl) {
margin-right: 70px;
}
@media (min-width: $screen-xl) {
margin-right: 55px;
}
@media (min-width: $screen-lg) {
margin-right: 40px;
}
@media (min-width: $screen-md) {
margin-right: 30px;
}
}
.feedback,
.dropdown {
@media (max-width: ($screen-sm - 1)) {
display: none;
}
}
.simple-menu {
@media (min-width: $screen-lg) {
display: flex;
}
@media (max-width: ($screen-lg - 1)) {
display: none;
}
}
.burger {
display: inline-flex;
@media (min-width: $screen-lg) {
display: none;
}
@media (min-width: $screen-md) {
margin-right: 30px;
}
@media (min-width: $screen-sm) {
margin-right: 20px;
}
}
}
}
src/blocks/page/page.scss
View file @ 1a68edbb
......@@ -7,24 +7,47 @@
// Сделаем viewport великим снова! (привет, IE10) http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@at-root {
@-ms-viewport { // stylelint-disable-line
@-ms-viewport {
// stylelint-disable-line
width: device-width;
}
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
src: local(""),
url("../fonts/manrope-v13-latin_cyrillic-regular.woff2") format("woff2"),
url("../fonts/manrope-v13-latin_cyrillic-regular.woff") format("woff");
}
/* stylelint-disable */
// @font-face {
// font-family: 'FONTNAME';
// src: url('../fonts/FONTNAME.woff2') format('woff2'),
// url('../fonts/FONTNAME.woff') format('woff');
// font-weight: 400;
// font-style: normal;
// font-display: swap;
// }
/* stylelint-enable */
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
src: local(""),
url("../fonts/manrope-v13-latin_cyrillic-500.woff2") format("woff2"),
url("../fonts/manrope-v13-latin_cyrillic-500.woff") format("woff");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
src: local(""),
url("../fonts/manrope-v13-latin_cyrillic-700.woff2") format("woff2"),
url("../fonts/manrope-v13-latin_cyrillic-700.woff") format("woff");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
src: local(""),
url("../fonts/manrope-v13-latin_cyrillic-800.woff2") format("woff2"),
url("../fonts/manrope-v13-latin_cyrillic-800.woff") format("woff");
}
.page {
box-sizing: border-box;
......@@ -65,7 +88,8 @@ body {
margin: 0;
word-break: break-word;
font-family: $font-family;
font-size: $font-size;
font-weight: 400;
font-size: 13px;
line-height: $line-height;
text-align: left;
color: $text-color;
......@@ -73,19 +97,31 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@media (min-width: $screen-xxl) {
font-size: $font-size;
}
@media (min-width: $screen-lg) {
font-size: 16px;
}
@media (min-width: $screen-sm) {
font-size: 14px;
}
}
[tabindex='-1']:focus {
[tabindex="-1"]:focus {
outline: none !important; // stylelint-disable-line
}
// Коррекция для кликабельных элементов с указанной ролью в iOS
[role='button'] {
[role="button"] {
cursor: pointer;
}
// Мы любим Сафари (на самом деле, нет).
[type='search']::-webkit-search-decoration {
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; // stylelint-disable-line
}
......@@ -93,7 +129,7 @@ body {
// summary,
a,
button,
[role='button'],
[role="button"],
input,
label,
select,
......@@ -110,25 +146,25 @@ input {
// Коррекция проблем стилизации для Safari
button,
html [type='button'],
[type='reset'],
[type='submit'] {
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; // stylelint-disable-line
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
// Коррекция для Mobile Safari (https://github.com/twbs/bootstrap/issues/11266)
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; // stylelint-disable-line
}
......@@ -138,8 +174,6 @@ textarea {
}
svg {
fill: currentColor;
a &,
button & {
pointer-events: none; // Мы любим Edge, это браузер! (почти)
......@@ -156,29 +190,22 @@ img {
}
a {
color: $link-color;
color: $color-2;
text-decoration: none;
background-color: transparent;
transition: color 0.3s;
&:hover,
&:hover {
color: $color-1;
}
&:focus {
color: $link-color--hover;
color: $color-1-1;
}
// &:visited {
// color: $link-color--hover;
// }
&[href^='tel:'] {
// На больших экранах телефоны-ссылки делаем обычным текстом
@media (min-width: $screen-xl) {
white-space: nowrap;
pointer-events: none;
text-decoration: inherit;
color: inherit;
}
}
}
hr {
......@@ -197,20 +224,34 @@ h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 0.5em;
// margin-top: 1em;
// margin-bottom: 0.5em;
margin-top: 0;
margin-bottom: 0;
font-family: $font-family;
font-weight: 700;
line-height: 1.2;
color: currentColor;
color: $color-3;
}
h1 { font-size: $font-size-h1; } // stylelint-disable-line
h2 { font-size: $font-size-h2; } // stylelint-disable-line
h3 { font-size: $font-size-h3; } // stylelint-disable-line
h4 { font-size: $font-size-h4; } // stylelint-disable-line
h5 { font-size: $font-size-h5; } // stylelint-disable-line
h6 { font-size: $font-size-h6; } // stylelint-disable-line
h1 {
font-size: $font-size-h1;
} // stylelint-disable-line
h2 {
font-size: $font-size-h2;
} // stylelint-disable-line
h3 {
font-size: $font-size-h3;
} // stylelint-disable-line
h4 {
font-size: $font-size-h4;
} // stylelint-disable-line
h5 {
font-size: $font-size-h5;
} // stylelint-disable-line
h6 {
font-size: $font-size-h6;
} // stylelint-disable-line
p,
ul,
......@@ -240,8 +281,9 @@ address {
ul,
ol {
margin-bottom: $typo-margin-vertical;
padding-left: 1.5em;
margin-bottom: 0;
padding-left: 0;
list-style: none;
ul,
ol {
......@@ -339,3 +381,682 @@ pre {
}
}
:root {
--container-width: 100%;
--container-margin: auto;
--container-horizontal-padding: 15px;
@media (min-width: $screen-xxl) {
--container-width: 1640px;
}
@media (min-width: $screen-xl) {
--container-width: 1200px;
}
@media (min-width: $screen-lg) {
--container-width: 992px;
}
@media (min-width: $screen-md) {
--container-width: 768px;
}
}
.container {
margin: var(--container-margin);
padding: 0 var(--container-horizontal-padding);
width: var(--container-width);
}
/* ----- .simple-menu ----- */
.simple-menu {
$block-name: &;
display: flex;
gap: 10px 30px;
@media (min-width: $screen-xxl) {
column-gap: 60px;
}
@media (min-width: $screen-xl) {
column-gap: 40px;
}
&__item {
}
&__i-link {
}
}
/* ----- .feedback ----- */
.feedback {
$block-name: &;
&__item {
}
&__i-link {
font-weight: 500;
color: $color-1;
}
&--type-1 {
display: flex;
flex-wrap: wrap;
@media (min-width: $screen-xxl) {
gap: 15px 90px;
}
@media (max-width: ($screen-xxl - 1)) {
flex-direction: column;
gap: 10px 90px;
}
@media (max-width: ($screen-md - 1)) {
align-items: center;
margin-left: auto;
margin-right: auto;
max-width: 270px;
}
#{$block-name}__i-link {
display: inline-flex;
align-items: center;
color: #fff;
svg {
margin-right: 10px;
min-width: 20px;
height: auto;
@media (min-width: $screen-md) {
margin-right: 18px;
min-width: 25px;
}
}
}
}
}
/* ----- .mob-menu ----- */
.mob-menu {
$block-name: &;
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
@media (min-width: $screen-lg) {
display: none;
}
@media (min-width: $screen-md) {
top: var(--header-bottom);
height: auto;
background: #fff;
}
@media (max-width: ($screen-md - 1)) {
transition: opacity 0.55s, visibility 0.55s;
}
@at-root .mob-menu-active & {
opacity: 1;
visibility: visible;
}
.simple-menu {
justify-content: center;
gap: 15px 70px;
@media (max-width: ($screen-md - 1)) {
flex-direction: column;
align-items: center;
gap: 30px;
font-size: 15px;
}
}
.feedback {
@media (max-width: ($screen-md - 1)) {
font-size: 18px;
}
.feedback__item + .feedback__item {
@media (max-width: ($screen-md - 1)) {
margin-top: 10px;
}
}
}
&__inner {
padding: 0 0 25px;
@media (max-width: ($screen-md - 1)) {
padding: 20px 0;
height: 100vh;
overflow-y: auto;
}
}
&__first,
&__third {
@media (min-width: $screen-md) {
display: none;
}
}
&__first-inner {
@media (max-width: ($screen-md - 1)) {
display: flex;
justify-content: space-between;
align-items: center;
}
}
&__f-left {
@media (min-width: $screen-sm) {
line-height: 0;
}
}
&__f-right,
&__close {
line-height: 0;
}
&__f-right {
@media (max-width: ($screen-md - 1)) {
display: flex;
align-items: center;
}
}
&__close {
@media (max-width: ($screen-md - 1)) {
margin-left: 25px;
padding: 0;
border: unset;
background-color: transparent;
}
svg {
pointer-events: none;
}
}
&__second,
&__third {
@media (max-width: ($screen-md - 1)) {
margin-top: 60px;
}
}
&__second-inner {
}
&__third {
@media (max-width: ($screen-md - 1)) {
text-align: center;
}
}
&__third-inner {
}
}
/* ----- .big-text ----- */
.big-text {
$block-name: &;
margin: 40px 0;
font-weight: 700;
font-size: 20px;
line-height: 140%;
@media (min-width: $screen-xl) {
margin-top: 100px;
margin-bottom: 100px;
font-size: 40px;
}
@media (min-width: $screen-md) {
margin-top: 60px;
margin-bottom: 60px;
font-size: 28px;
}
p {
margin-bottom: 0;
}
p + p {
margin-top: 0.75em;
}
&__inner {
}
}
/* ----- .banner ----- */
.banner {
$block-name: &;
margin: 40px 0;
@media (min-width: $screen-xl) {
margin-top: 80px;
margin-bottom: 80px;
}
@media (min-width: $screen-md) {
margin-top: 60px;
margin-bottom: 60px;
}
&__inner {
}
&__img {
overflow: hidden;
aspect-ratio: 16/10;
border-radius: 20px;
line-height: 0;
@media (min-width: $screen-lg) {
aspect-ratio: 16/4.35;
}
@media (min-width: $screen-md) {
}
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
}
/* ----- .about-us ----- */
.about-us {
$block-name: &;
margin: 40px 0;
@media (min-width: $screen-xl) {
margin-top: 80px;
margin-bottom: 80px;
}
@media (min-width: $screen-md) {
margin-top: 60px;
margin-bottom: 60px;
}
&__inner {
@media (min-width: $screen-md) {
display: flex;
}
}
&__first {
@media (min-width: $screen-md) {
padding-right: 30px;
width: 30%;
}
@media (max-width: ($screen-md - 1)) {
margin-bottom: 23px;
}
}
&__second {
@media (min-width: $screen-md) {
width: 70%;
}
}
}
/* ----- .big-list ----- */
.big-list {
$block-name: &;
margin: 40px 0;
@media (min-width: $screen-xl) {
margin-top: 80px;
margin-bottom: 80px;
}
@media (min-width: $screen-md) {
margin-top: 60px;
margin-bottom: 60px;
}
&__inner {
}
&__block {
counter-reset: li;
}
&__b-item {
padding-top: 40px;
border-top: 1px solid #efefef;
counter-increment: li 1;
@media (min-width: $screen-xl) {
padding-top: 70px;
}
@media (min-width: $screen-md) {
display: flex;
padding-top: 50px;
}
& + & {
margin-top: 40px;
@media (min-width: $screen-xl) {
padding-top: 70px;
}
@media (min-width: $screen-md) {
display: flex;
padding-top: 50px;
}
}
}
&__b-item-first {
@media (min-width: $screen-xl) {
}
@media (min-width: $screen-md) {
width: 42%;
}
}
&__b-item-img {
aspect-ratio: 16/10;
overflow: hidden;
border-radius: 20px;
line-height: 0;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
&__b-item-second {
@media (min-width: $screen-xl) {
}
@media (min-width: $screen-md) {
padding-left: 7.5%;
width: 58%;
}
@media (max-width: ($screen-md - 1)) {
margin-top: 30px;
}
.text-flow {
margin-top: 20px;
@media (min-width: $screen-xl) {
margin-top: 40px;
}
@media (min-width: $screen-md) {
margin-top: 30px;
}
}
}
&__b-item-number {
display: inline-block;
padding: 10px 25px;
border: 1px solid $color-1;
border-radius: 8px;
font-size: 12px;
@media (min-width: $screen-xl) {
font-size: 20px;
}
@media (min-width: $screen-md) {
font-size: 14px;
}
&::before {
content: "0" counter(li);
}
}
&__b-item-title {
margin-top: 15px;
font-weight: 700;
font-size: 23px;
@media (min-width: $screen-xl) {
margin-top: 30px;
font-size: 40px;
}
@media (min-width: $screen-md) {
margin-top: 25px;
font-size: 30px;
}
}
}
/* ----- .form-block ----- */
.form-block {
$block-name: &;
margin: 40px auto;
color: #fff;
@media (min-width: $screen-xl) {
margin-top: 90px;
margin-bottom: 90px;
}
@media (min-width: $screen-md) {
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: ($screen-xl - 1)) {
max-width: 525px;
}
.def-title {
color: #fff;
}
&__inner {
padding: 30px 25px;
border-radius: 20px;
background: #f36601;
@media (min-width: $screen-xxl) {
padding: 50px 70px;
}
@media (min-width: $screen-xl) {
display: flex;
align-items: center;
padding: 50px;
}
@media (min-width: $screen-md) {
padding: 40px 60px;
}
@media (max-width: ($screen-xl - 1)) {
text-align: center;
}
}
&__first {
margin-bottom: 25px;
@media (min-width: $screen-xxl) {
width: 30%;
}
@media (min-width: $screen-xl) {
margin-bottom: 0;
padding-right: 35px;
width: 25%;
}
@media (min-width: $screen-md) {
}
@media (min-width: $screen-sm) {
margin-bottom: 30px;
}
.def-title {
@media (min-width: $screen-xxl) {
font-size: 50px;
}
@media (min-width: $screen-xl) {
font-size: 30px;
}
}
}
&__second {
@media (min-width: $screen-xxl) {
width: 70%;
}
@media (min-width: $screen-xl) {
width: 75%;
}
@media (min-width: $screen-md) {
}
form {
@media (min-width: $screen-xxl) {
gap: 15px 25px;
}
@media (min-width: $screen-xl) {
display: flex;
gap: 15px;
}
@media (min-width: $screen-md) {
}
@media (max-width: ($screen-xl - 1)) {
margin-left: auto;
margin-right: auto;
max-width: 335px;
}
.field-text {
@media (min-width: $screen-xl) {
margin-bottom: 0;
}
@media (min-width: $screen-md) {
}
}
.btn {
@media (max-width: ($screen-xl - 1)) {
width: 100%;
justify-content: center;
}
}
}
}
}
.text-flow {
> * {
margin-top: 1.7em;
margin-bottom: 1.7em;
}
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
}
.def-title {
margin: 0;
font-weight: 700;
font-size: 23px;
color: $color-3;
@media (min-width: $screen-xl) {
font-size: 50px;
}
@media (min-width: $screen-md) {
font-size: 30px;
}
}
.black-background {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: opacity 0.55s, visibility 0.55s;
&.active {
visibility: visible;
opacity: 1;
}
@at-root .mob-menu-active & {
visibility: visible;
opacity: 1;
}
}
.of-h {
overflow: hidden;
}
src/img/arr-dwn--orange.svg 0 → 100644
View file @ 1a68edbb
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.125 6.25L5 3.125L1.875 6.25" stroke="#F36601" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
src/img/arr-dwn.svg 0 → 100644
View file @ 1a68edbb
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.125 3.75L5 6.875L1.875 3.75" stroke="#1B1B1B" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
src/js/script.js
View file @ 1a68edbb
// /* global document console */
// import ready from 'Utils/documentReady.js';
// import getScrollSize from 'Utils/getScrollSize.js';
// ready(function() {
// console.log('DOM героически построен!');
// // Добавление кастомного свойства с системной шириной скролла
// document.documentElement.style.setProperty('--css-scroll-size', `${getScrollSize()}px`);
// });
// import $ from 'jquery'; // Перед использованием установить как зависимость
// $(function() {
// console.log('jQuery героически сработал!');
// });
import ready from 'Utils/documentReady.js';
import getScrollSize from 'Utils/getScrollSize.js';
ready(function() {
const body = document.querySelector('body');
console.log('DOM героически построен!');
// Добавление кастомного свойства с системной шириной скролла
document.documentElement.style.setProperty('--css-scroll-size', `${getScrollSize()}px`);
const stickyHeader = document.querySelector('.page-header');
const headerOffset = findOffset(stickyHeader);
const headerOriginalHeight = stickyHeader.clientHeight;
document.documentElement.style.setProperty('--header-bottom', `${stickyHeader.getBoundingClientRect().bottom}px`);
window.addEventListener('scroll', () => {
const bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (bodyScrollTop > headerOffset.top) {
body.style.paddingTop = `${headerOriginalHeight}px`;
stickyHeader.classList.add('fixed');
} else {
body.style.paddingTop = `0`;
stickyHeader.classList.remove('fixed');
}
document.documentElement.style.setProperty('--header-bottom', `${stickyHeader.getBoundingClientRect().bottom}px`);
});
function findOffset(element) {
let top = 0, left = 0;
do {
top += element.offsetTop || 0;
left += element.offsetLeft || 0;
element = element.offsetParent;
} while(element);
return {
top: top,
left: left
};
}
// Mobile menu
const mobMenu = document.querySelector(".mob-menu");
if (mobMenu) {
mobMenu.addEventListener("click", (e) => {
if (e.target.classList.contains("mob-menu__close")) {
closeMobMenu();
}
});
}
});
function closeMobMenu() {
const body = document.querySelector('body');
const mobMenuTrigger = document.querySelector('.page-header .burger');
mobMenuTrigger.classList.remove('burger--close');
mobMenu.classList.remove('active');
body.classList.remove('of-h', 'mob-menu-active');
}
import $ from 'jquery'; // Перед использованием установить как зависимость
$(function() {
console.log('jQuery героически сработал!');
$('.move-to').click( function(){
var scroll_el = $(this).children('a').attr('href');
var body = $('body');
if(scroll_el == undefined) {
scroll_el = $(this).attr('href');
}
if ($(scroll_el).length != 0) {
$('html, body').animate({ scrollTop: $(scroll_el).offset().top - 90 }, 850);
closeMobMenu();
}
return false;
});
});
src/pages/404.pug
View file @ 1a68edbb
......@@ -7,9 +7,6 @@ block meta
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block nav
+main-nav('-1')
block content
h1 Error 404
p Page not found.
......
src/pages/index.pug
View file @ 1a68edbb
......@@ -7,14 +7,125 @@ block meta
//- block append head
//- link(rel='stylesheet', href='css/some.css')
block nav
+main-nav('10')
block content
h1 Заголовок
p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium illo earum ipsa dicta? Harum architecto incidunt earum beatae eius rem nulla ab blanditiis placeat voluptas. Hic velit praesentium odit eius!
section.big-text
.big-text__inner.container
p The INTERSTATE SUPPLIES D.O.O. company, as an independent solution provider and contractor, can supply individual machines, industrial equipment, combined systems and complete solutions tailored to your individual requirements.
section.banner
.banner__inner.container
.banner__img
picture
source(media="(min-width: 992px)", srcset="/img/banner-pc.jpg")
img(src="/img/banner-tablet.jpg", alt="img alt", loading="lazy")
section#about-us.about-us
.about-us__inner.container
.about-us__first
h2.def-title About us
.about-us__second
.text-flow
p It is not easy to find suitable suppliers. And finding reliable supplies in the perspective is the same challenging. But by good fortune we work in the field of individual industrial needs of our customers and use our extensive international contacts in order to select a high-quality technological solution for your particular task.
p The INTERSTATE SUPPLIES D.O.O. company, as an independent solution provider and contractor, can supply individual machines, industrial equipment, combined systems and complete solutions tailored to your individual requirements.
p With our extensive network of first class suppliers, knowledge of local market trends and experience in a variety of industries, we are a strong and competent partner to help bring your projects to life.
section#services.big-list
.big-list__inner.container
ul.big-list__block
li.big-list__b-item
.big-list__b-item-first
.big-list__b-item-img
img(src="/img/l-img-1.jpg", alt="img desc")
.big-list__b-item-second
span.big-list__b-item-number
h3.big-list__b-item-title Machinery and industrial equipment
.text-flow
p INTERSTATE SUPPLIES D.O.O. is an independent industrial solutions provider. We focus on individual machines, industrial equipment, combined systems and complete solutions delivery by the cost-benefit analysis, also we upgrade the existing facilities to enhance and maximize the performance.
li.big-list__b-item
.big-list__b-item-first
.big-list__b-item-img
img(src="/img/l-img-2.jpg", alt="img desc")
.big-list__b-item-second
span.big-list__b-item-number
h3.big-list__b-item-title Manufacturing Equipment
.text-flow
p Regardless of the task, we will find the most suitable equipment to increase the efficiency of your production. We are committed to delivery of high quality machinery and equipment produced by our partners – internationally renowned machine manufacturing company.
li.big-list__b-item
.big-list__b-item-first
.big-list__b-item-img
img(src="/img/l-img-3.jpg", alt="img desc")
.big-list__b-item-second
span.big-list__b-item-number
h3.big-list__b-item-title Processing lines
.text-flow
p Each specific piece of equipment is effective only when it is part of a complete technological line. Our task is the successful integration of our equipment into your existing production. We are focused on creating efficient and automated processes to increase productivity and achieve consistently high product quality.
li.big-list__b-item
.big-list__b-item-first
.big-list__b-item-img
img(src="/img/l-img-4.jpg", alt="img desc")
.big-list__b-item-second
span.big-list__b-item-number
h3.big-list__b-item-title Commercial Licensing and Consulting
.text-flow
p Using and absorbing the latest technologies is essential to staying competitive in business.
p For various products, INTERSTATE SUPPLIES D.O.O. offers laboratory and pilot testing of raw materials and formulations. We also cooperate with design centers and universities across the borders to stay abreast of the latest market developments and investigations in new technologies.
p For manufacturing finished, semi-finished products, or fine chemicals, we offer commercial licensing, consisting of a package of basic design, technical services, and comprehensive start-up and support of further production.
li.big-list__b-item
.big-list__b-item-first
.big-list__b-item-img
img(src="/img/l-img-5.jpg", alt="img desc")
.big-list__b-item-second
span.big-list__b-item-number
h3.big-list__b-item-title Consumables and raw materials
.text-flow
p The non-stop operation of a manufacturing facility always depends on the quality of the stock and raw material applied in production: this is the only way we can guarantee that the product is manufactured to the highest standards.
p Once your plant is up and running, we proceed with our support as a supplier of consumables and raw materials necessary for manufacturing.
p Irrespective of whether you require the excipients, catalysts or other specific ingredients or materials, we are ready to provide you with our services in this area. Using our wide network of specialist providers, we can guarantee the high consistent quality of the delivered goods, openning the manufacturer a possibility to concentrate on manufacturing the premium class products.
section.form-block.container
.form-block__inner
.form-block__first
h2.def-title Any questions? <br> Contact us!
.form-block__second
form(action="", method="post")
+field-text({
helpText: 'Подсказка',
mods: '',
attrs: {
name: 'name',
placeholder: 'Name',
}
})
+field-text({
helpText: 'Подсказка',
mods: '',
attrs: {
name: 'email',
placeholder: 'E-mail',
}
})
+field-text({
helpText: 'Подсказка',
mods: '',
attrs: {
name: 'phone',
placeholder: 'Phone',
}
})
+btn('contact us', 'ico')(type="button")
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 16H27" stroke="#F36601" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 7L27 16L18 25" stroke="#F36601" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
//- block footer
//- p footer
......
src/pug/layout.pug
View file @ 1a68edbb
......@@ -38,25 +38,50 @@ html(class='page no-js', lang='ru')
script
include ../js/head-script.js
body
body#home
noscript У вас отключен JavaScript. Это пугает.
.page__inner
.page__content
+page-header()
+logo('/')
img(src='img/demo-logo.svg', alt='Logo', width='64', height='15')
block nav
block content
p содержимое
.page__footer-wrapper
+page-footer()
block footer
p «Подвал»
p Контактный телефон: #[a(href='tel:+70000000000') +7 000 000 00 00]
section#mobMenu.mob-menu
.mob-menu__inner
.mob-menu__first
.mob-menu__first-inner.container
.mob-menu__f-left
+logo('/')
<svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M89.4131 44.1609C88.1109 44.1609 86.9366 43.9343 85.8899 43.481C84.8515 43.0277 83.9945 42.3808 83.3187 41.5402C82.6511 40.6913 82.2267 39.6859 82.0454 38.5239L85.1359 38.0541C85.3996 39.109 85.9394 39.9249 86.7553 40.5018C87.5794 41.0787 88.5271 41.3671 89.5985 41.3671C90.2331 41.3671 90.8305 41.2682 91.3909 41.0704C91.9513 40.8726 92.4046 40.5842 92.7507 40.2051C93.1051 39.826 93.2823 39.3604 93.2823 38.8082C93.2823 38.561 93.2411 38.3343 93.1587 38.1283C93.0763 37.914 92.9527 37.7245 92.7878 37.5597C92.6312 37.3949 92.4252 37.2465 92.1697 37.1147C91.9225 36.9746 91.6341 36.8551 91.3044 36.7562L86.7058 35.3964C86.3102 35.281 85.8817 35.1285 85.4202 34.939C84.9669 34.7412 84.5343 34.4733 84.1222 34.1355C83.7184 33.7893 83.3846 33.3525 83.1209 32.8251C82.8654 32.2894 82.7377 31.6301 82.7377 30.8472C82.7377 29.7017 83.0261 28.7416 83.603 27.9669C84.1881 27.184 84.971 26.5989 85.9517 26.2115C86.9407 25.8242 88.0368 25.6346 89.24 25.6429C90.4597 25.6511 91.5475 25.8613 92.5035 26.2733C93.4595 26.6772 94.2589 27.2664 94.9017 28.0411C95.5445 28.8158 95.9978 29.7511 96.2615 30.8472L93.0598 31.4035C92.9279 30.7772 92.6724 30.2456 92.2934 29.8088C91.9225 29.3638 91.4651 29.0259 90.9212 28.7951C90.3855 28.5644 89.8128 28.4408 89.2029 28.4243C88.6095 28.4161 88.0574 28.5067 87.5464 28.6963C87.0437 28.8776 86.6358 29.1413 86.3226 29.4874C86.0177 29.8335 85.8652 30.2374 85.8652 30.6989C85.8652 31.1357 85.9971 31.4941 86.2608 31.7743C86.5245 32.0463 86.85 32.2647 87.2374 32.4295C87.633 32.5861 88.0326 32.718 88.4365 32.8251L91.6258 33.7152C92.0626 33.8305 92.553 33.9871 93.0969 34.1849C93.6408 34.3827 94.1641 34.6588 94.6668 35.0131C95.1695 35.3675 95.5816 35.8331 95.903 36.41C96.2327 36.9869 96.3975 37.7204 96.3975 38.6104C96.3975 39.5334 96.2038 40.3452 95.8165 41.0457C95.4374 41.738 94.9223 42.3149 94.2712 42.7764C93.6202 43.2379 92.8744 43.584 92.0338 43.8148C91.2014 44.0455 90.3278 44.1609 89.4131 44.1609Z" fill="#3A3A3A"/><path d="M104.08 44.1732C103.091 44.1732 102.275 44.0084 101.632 43.6788C100.989 43.3491 100.478 42.9288 100.099 42.4179C99.7202 41.9069 99.44 41.363 99.2587 40.7861C99.0774 40.2092 98.9579 39.6653 98.9002 39.1544C98.8507 38.6352 98.826 38.2149 98.826 37.8934V30.4393H101.842V36.8674C101.842 37.2795 101.871 37.7451 101.929 38.2643C101.986 38.7753 102.118 39.2697 102.324 39.7477C102.539 40.2175 102.852 40.6048 103.264 40.9097C103.684 41.2147 104.249 41.3671 104.957 41.3671C105.337 41.3671 105.712 41.3053 106.082 41.1817C106.453 41.0581 106.787 40.8479 107.084 40.5512C107.389 40.2463 107.632 39.8301 107.813 39.3027C107.994 38.7753 108.085 38.1077 108.085 37.3001L109.853 38.0541C109.853 39.1914 109.63 40.2216 109.185 41.1446C108.748 42.0676 108.101 42.8052 107.244 43.3574C106.387 43.9013 105.332 44.1732 104.08 44.1732ZM108.443 43.79V39.6488H108.085V30.4393H111.077V43.79H108.443Z" fill="#3A3A3A"/><path d="M120.965 44.1609C119.663 44.1609 118.571 43.8518 117.69 43.2337C116.808 42.6157 116.144 41.7751 115.699 40.7119C115.254 39.6406 115.032 38.4415 115.032 37.1147C115.032 35.7713 115.254 34.5681 115.699 33.505C116.144 32.4419 116.795 31.6054 117.652 30.9956C118.518 30.3775 119.585 30.0684 120.854 30.0684C122.115 30.0684 123.207 30.3775 124.13 30.9956C125.061 31.6054 125.782 32.4419 126.293 33.505C126.804 34.5599 127.06 35.7631 127.06 37.1147C127.06 38.4497 126.808 39.6488 126.306 40.7119C125.803 41.7751 125.094 42.6157 124.179 43.2337C123.265 43.8518 122.193 44.1609 120.965 44.1609ZM114.525 49.7237V30.4393H117.158V39.8095H117.529V49.7237H114.525ZM120.508 41.4907C121.283 41.4907 121.921 41.2971 122.424 40.9097C122.927 40.5224 123.298 39.9991 123.537 39.3398C123.784 38.6722 123.908 37.9305 123.908 37.1147C123.908 36.307 123.784 35.5735 123.537 34.9142C123.289 34.2467 122.906 33.7193 122.387 33.3319C121.868 32.9364 121.209 32.7386 120.409 32.7386C119.651 32.7386 119.033 32.924 118.555 33.2949C118.077 33.6575 117.723 34.1684 117.492 34.8277C117.269 35.4788 117.158 36.2411 117.158 37.1147C117.158 37.98 117.269 38.7423 117.492 39.4016C117.723 40.0609 118.081 40.576 118.567 40.9468C119.062 41.3094 119.709 41.4907 120.508 41.4907Z" fill="#3A3A3A"/><path d="M136.2 44.1609C134.898 44.1609 133.806 43.8518 132.925 43.2337C132.043 42.6157 131.379 41.7751 130.934 40.7119C130.489 39.6406 130.267 38.4415 130.267 37.1147C130.267 35.7713 130.489 34.5681 130.934 33.505C131.379 32.4419 132.03 31.6054 132.887 30.9956C133.753 30.3775 134.82 30.0684 136.089 30.0684C137.35 30.0684 138.442 30.3775 139.365 30.9956C140.296 31.6054 141.017 32.4419 141.528 33.505C142.039 34.5599 142.295 35.7631 142.295 37.1147C142.295 38.4497 142.043 39.6488 141.541 40.7119C141.038 41.7751 140.329 42.6157 139.414 43.2337C138.5 43.8518 137.428 44.1609 136.2 44.1609ZM129.76 49.7237V30.4393H132.393V39.8095H132.764V49.7237H129.76ZM135.743 41.4907C136.518 41.4907 137.156 41.2971 137.659 40.9097C138.162 40.5224 138.533 39.9991 138.772 39.3398C139.019 38.6722 139.143 37.9305 139.143 37.1147C139.143 36.307 139.019 35.5735 138.772 34.9142C138.524 34.2467 138.141 33.7193 137.622 33.3319C137.103 32.9364 136.444 32.7386 135.644 32.7386C134.886 32.7386 134.268 32.924 133.79 33.2949C133.312 33.6575 132.957 34.1684 132.727 34.8277C132.504 35.4788 132.393 36.2411 132.393 37.1147C132.393 37.98 132.504 38.7423 132.727 39.4016C132.957 40.0609 133.316 40.576 133.802 40.9468C134.297 41.3094 134.944 41.4907 135.743 41.4907Z" fill="#3A3A3A"/><path d="M145.267 43.79V25.6182H148.246V43.79H145.267Z" fill="#3A3A3A"/><path d="M152.196 28.4119V25.68H155.175V28.4119H152.196ZM152.196 43.79V30.4393H155.175V43.79H152.196Z" fill="#3A3A3A"/><path d="M164.948 44.1609C163.596 44.1609 162.41 43.8683 161.388 43.2832C160.366 42.6981 159.566 41.8863 158.99 40.8479C158.421 39.8095 158.137 38.6146 158.137 37.263C158.137 35.8043 158.417 34.5393 158.977 33.4679C159.538 32.3883 160.316 31.5518 161.314 30.9585C162.311 30.3651 163.465 30.0684 164.775 30.0684C166.159 30.0684 167.334 30.3939 168.298 31.045C169.271 31.6878 169.992 32.5985 170.461 33.777C170.931 34.9555 171.108 36.3441 170.993 37.9429H168.038V36.8551C168.03 35.4046 167.775 34.3456 167.272 33.6781C166.769 33.0105 165.978 32.6768 164.899 32.6768C163.679 32.6768 162.772 33.0559 162.179 33.814C161.586 34.564 161.289 35.6642 161.289 37.1147C161.289 38.4662 161.586 39.5128 162.179 40.2546C162.772 40.9963 163.638 41.3671 164.775 41.3671C165.508 41.3671 166.139 41.2064 166.666 40.885C167.202 40.5554 167.614 40.0815 167.902 39.4634L170.845 40.3534C170.334 41.5567 169.542 42.492 168.471 43.1596C167.408 43.8271 166.234 44.1609 164.948 44.1609ZM160.349 37.9429V35.693H169.534V37.9429H160.349Z" fill="#3A3A3A"/><path d="M178.906 44.1609C177.258 44.1609 175.919 43.79 174.888 43.0483C173.858 42.3066 173.232 41.2641 173.009 39.9208L176.05 39.451C176.207 40.1103 176.553 40.6295 177.089 41.0086C177.625 41.3877 178.3 41.5773 179.116 41.5773C179.833 41.5773 180.385 41.4372 180.773 41.157C181.168 40.8685 181.366 40.4771 181.366 39.9826C181.366 39.6777 181.292 39.4346 181.144 39.2532C181.003 39.0637 180.69 38.8824 180.204 38.7093C179.718 38.5363 178.972 38.3179 177.967 38.0541C176.846 37.7575 175.956 37.4402 175.296 37.1023C174.637 36.7562 174.163 36.3482 173.875 35.8785C173.586 35.4087 173.442 34.8401 173.442 34.1725C173.442 33.3402 173.66 32.615 174.097 31.9969C174.534 31.3788 175.144 30.9049 175.927 30.5753C176.71 30.2374 177.633 30.0684 178.696 30.0684C179.734 30.0684 180.653 30.2291 181.453 30.5505C182.26 30.8719 182.911 31.3293 183.406 31.9227C183.9 32.5161 184.205 33.2124 184.32 34.0118L181.279 34.5558C181.205 33.9871 180.946 33.538 180.501 33.2083C180.064 32.8787 179.479 32.6932 178.745 32.652C178.045 32.6108 177.48 32.718 177.052 32.9734C176.623 33.2207 176.409 33.5709 176.409 34.0242C176.409 34.2797 176.495 34.4981 176.669 34.6794C176.842 34.8607 177.188 35.042 177.707 35.2233C178.234 35.4046 179.017 35.6271 180.056 35.8908C181.119 36.1628 181.968 36.476 182.602 36.8303C183.245 37.1765 183.707 37.5926 183.987 38.0789C184.275 38.5651 184.419 39.1544 184.419 39.8466C184.419 41.1899 183.929 42.2448 182.948 43.0112C181.976 43.7777 180.628 44.1609 178.906 44.1609Z" fill="#3A3A3A"/><path d="M83.0714 19.0664V1.26538H86.0506V19.0664H83.0714Z" fill="#F36601"/><path d="M98.9878 19.0664V12.6383C98.9878 12.2179 98.959 11.7523 98.9013 11.2414C98.8436 10.7304 98.7076 10.2401 98.4934 9.77031C98.2873 9.29232 97.9742 8.90086 97.5539 8.59594C97.1418 8.29101 96.5814 8.13855 95.8727 8.13855C95.4936 8.13855 95.1186 8.20036 94.7477 8.32398C94.3769 8.4476 94.039 8.66187 93.7341 8.96679C93.4374 9.26348 93.1984 9.67554 93.0171 10.203C92.8358 10.7222 92.7451 11.3897 92.7451 12.2056L90.9774 11.4515C90.9774 10.3142 91.1958 9.28408 91.6325 8.36106C92.0776 7.43805 92.7286 6.70458 93.5857 6.16066C94.4428 5.6085 95.4977 5.33242 96.7503 5.33242C97.7393 5.33242 98.5552 5.49724 99.198 5.82689C99.8408 6.15654 100.352 6.57684 100.731 7.0878C101.11 7.59875 101.39 8.14267 101.571 8.71956C101.753 9.29644 101.868 9.84448 101.918 10.3637C101.975 10.8746 102.004 11.2908 102.004 11.6122V19.0664H98.9878ZM89.7288 19.0664V5.71563H92.3866V9.85684H92.7451V19.0664H89.7288Z" fill="#F36601"/><path d="M113.055 19.0664C112.173 19.2312 111.308 19.3013 110.459 19.2765C109.618 19.2601 108.864 19.1076 108.197 18.8192C107.529 18.5225 107.022 18.0568 106.676 17.4223C106.371 16.8454 106.211 16.2561 106.194 15.6545C106.178 15.0529 106.169 14.373 106.169 13.6148V2.00709H109.136V13.4418C109.136 13.9774 109.14 14.4472 109.149 14.851C109.165 15.2548 109.252 15.5845 109.408 15.84C109.705 16.3344 110.179 16.6105 110.83 16.6682C111.481 16.7259 112.223 16.6929 113.055 16.5693V19.0664ZM103.747 8.05202V5.71563H113.055V8.05202H103.747Z" fill="#F36601"/><path d="M121.319 19.4372C119.968 19.4372 118.781 19.1447 117.759 18.5596C116.737 17.9744 115.938 17.1627 115.361 16.1243C114.792 15.0859 114.508 13.8909 114.508 12.5394C114.508 11.0807 114.788 9.81564 115.349 8.74428C115.909 7.66468 116.688 6.8282 117.685 6.23483C118.682 5.64146 119.836 5.34478 121.146 5.34478C122.531 5.34478 123.705 5.67031 124.669 6.32136C125.642 6.96418 126.363 7.87483 126.833 9.05332C127.303 10.2318 127.48 11.6205 127.364 13.2193H124.41V12.1314C124.402 10.681 124.146 9.62197 123.643 8.95443C123.141 8.28689 122.35 7.95312 121.27 7.95312C120.05 7.95312 119.144 8.33222 118.55 9.09041C117.957 9.84036 117.66 10.9406 117.66 12.391C117.66 13.7426 117.957 14.7892 118.55 15.5309C119.144 16.2726 120.009 16.6435 121.146 16.6435C121.88 16.6435 122.51 16.4828 123.038 16.1614C123.573 15.8317 123.985 15.3579 124.274 14.7398L127.216 15.6298C126.705 16.833 125.914 17.7684 124.843 18.4359C123.779 19.1035 122.605 19.4372 121.319 19.4372ZM116.721 13.2193V10.9694H125.906V13.2193H116.721Z" fill="#F36601"/><path d="M130.123 19.0664V5.71563H132.756V8.96679L132.434 8.54649C132.599 8.10147 132.817 7.69765 133.089 7.33503C133.37 6.96418 133.703 6.65925 134.091 6.42026C134.42 6.19774 134.783 6.02468 135.179 5.90106C135.582 5.7692 135.994 5.69091 136.415 5.66619C136.835 5.63322 137.243 5.6497 137.639 5.71563V8.49704C137.243 8.38167 136.786 8.34458 136.266 8.38579C135.755 8.42699 135.294 8.57121 134.882 8.81845C134.47 9.04096 134.132 9.32528 133.868 9.67142C133.613 10.0175 133.423 10.4131 133.3 10.8581C133.176 11.2949 133.114 11.7688 133.114 12.2798V19.0664H130.123Z" fill="#F36601"/><path d="M144.67 19.4372C143.021 19.4372 141.682 19.0664 140.652 18.3247C139.622 17.583 138.995 16.5405 138.773 15.1971L141.814 14.7274C141.971 15.3867 142.317 15.9059 142.852 16.285C143.388 16.6641 144.064 16.8536 144.88 16.8536C145.597 16.8536 146.149 16.7135 146.536 16.4333C146.932 16.1449 147.13 15.7534 147.13 15.259C147.13 14.954 147.055 14.7109 146.907 14.5296C146.767 14.3401 146.454 14.1588 145.968 13.9857C145.481 13.8126 144.735 13.5942 143.73 13.3305C142.609 13.0338 141.719 12.7165 141.06 12.3787C140.401 12.0325 139.927 11.6246 139.638 11.1548C139.35 10.6851 139.206 10.1164 139.206 9.4489C139.206 8.61654 139.424 7.89131 139.861 7.27322C140.298 6.65513 140.907 6.18126 141.69 5.85161C142.473 5.51373 143.396 5.34478 144.459 5.34478C145.498 5.34478 146.417 5.50548 147.216 5.82689C148.024 6.1483 148.675 6.60569 149.169 7.19905C149.664 7.79242 149.969 8.4888 150.084 9.2882L147.043 9.83212C146.969 9.26348 146.709 8.81433 146.264 8.48468C145.827 8.15503 145.242 7.96961 144.509 7.9284C143.808 7.88719 143.244 7.99433 142.815 8.24981C142.387 8.49704 142.172 8.84729 142.172 9.30056C142.172 9.55604 142.259 9.77443 142.432 9.95574C142.605 10.137 142.951 10.3184 143.47 10.4997C143.998 10.681 144.781 10.9035 145.819 11.1672C146.882 11.4392 147.731 11.7523 148.366 12.1067C149.009 12.4528 149.47 12.869 149.75 13.3552C150.039 13.8415 150.183 14.4307 150.183 15.123C150.183 16.4663 149.693 17.5212 148.712 18.2876C147.739 19.054 146.392 19.4372 144.67 19.4372Z" fill="#F36601"/><path d="M160.716 19.0664C159.834 19.2312 158.968 19.3013 158.12 19.2765C157.279 19.2601 156.525 19.1076 155.857 18.8192C155.19 18.5225 154.683 18.0568 154.337 17.4223C154.032 16.8454 153.871 16.2561 153.855 15.6545C153.838 15.0529 153.83 14.373 153.83 13.6148V2.00709H156.797V13.4418C156.797 13.9774 156.801 14.4472 156.809 14.851C156.826 15.2548 156.912 15.5845 157.069 15.84C157.366 16.3344 157.839 16.6105 158.49 16.6682C159.142 16.7259 159.883 16.6929 160.716 16.5693V19.0664ZM151.407 8.05202V5.71563H160.716V8.05202H151.407Z" fill="#F36601"/><path d="M167.32 19.4372C166.355 19.4372 165.54 19.2559 164.872 18.8933C164.205 18.5225 163.698 18.0321 163.352 17.4223C163.014 16.8124 162.845 16.1408 162.845 15.4073C162.845 14.7645 162.952 14.1876 163.166 13.6766C163.38 13.1574 163.71 12.7124 164.155 12.3416C164.6 11.9625 165.177 11.6534 165.886 11.4144C166.421 11.2414 167.048 11.0848 167.765 10.9447C168.49 10.8046 169.273 10.6768 170.113 10.5615C170.962 10.4378 171.848 10.306 172.771 10.1659L171.708 10.7716C171.716 9.8486 171.51 9.1687 171.09 8.73192C170.67 8.29513 169.961 8.07674 168.964 8.07674C168.362 8.07674 167.781 8.21684 167.221 8.49704C166.66 8.77724 166.269 9.25936 166.046 9.94338L163.327 9.09041C163.656 7.96136 164.283 7.05483 165.206 6.37081C166.137 5.68679 167.39 5.34478 168.964 5.34478C170.151 5.34478 171.193 5.53845 172.091 5.92578C172.998 6.31312 173.67 6.9477 174.106 7.82951C174.345 8.29925 174.49 8.78136 174.539 9.27584C174.588 9.76207 174.613 10.2936 174.613 10.8705V19.0664H172.005V16.1737L172.437 16.6435C171.836 17.6077 171.131 18.3164 170.324 18.7697C169.524 19.2147 168.523 19.4372 167.32 19.4372ZM167.913 17.0638C168.589 17.0638 169.166 16.9443 169.644 16.7053C170.122 16.4663 170.501 16.1737 170.781 15.8276C171.069 15.4815 171.263 15.1559 171.362 14.851C171.519 14.4719 171.605 14.0393 171.622 13.553C171.646 13.0586 171.659 12.6589 171.659 12.3539L172.573 12.6259C171.675 12.766 170.905 12.8896 170.262 12.9967C169.619 13.1039 169.067 13.2069 168.605 13.3058C168.144 13.3964 167.736 13.4995 167.382 13.6148C167.035 13.7385 166.743 13.8827 166.504 14.0475C166.265 14.2123 166.079 14.4019 165.948 14.6161C165.824 14.8304 165.762 15.0818 165.762 15.3702C165.762 15.6999 165.845 15.9924 166.009 16.2479C166.174 16.4951 166.413 16.6929 166.726 16.8413C167.048 16.9896 167.443 17.0638 167.913 17.0638Z" fill="#F36601"/><path d="M185.657 19.0664C184.775 19.2312 183.909 19.3013 183.061 19.2765C182.22 19.2601 181.466 19.1076 180.798 18.8192C180.131 18.5225 179.624 18.0568 179.278 17.4223C178.973 16.8454 178.812 16.2561 178.796 15.6545C178.779 15.0529 178.771 14.373 178.771 13.6148V2.00709H181.738V13.4418C181.738 13.9774 181.742 14.4472 181.75 14.851C181.767 15.2548 181.853 15.5845 182.01 15.84C182.306 16.3344 182.78 16.6105 183.431 16.6682C184.082 16.7259 184.824 16.6929 185.657 16.5693V19.0664ZM176.348 8.05202V5.71563H185.657V8.05202H176.348Z" fill="#F36601"/><path d="M193.921 19.4372C192.569 19.4372 191.383 19.1447 190.361 18.5596C189.339 17.9744 188.539 17.1627 187.963 16.1243C187.394 15.0859 187.11 13.8909 187.11 12.5394C187.11 11.0807 187.39 9.81564 187.95 8.74428C188.511 7.66468 189.289 6.8282 190.287 6.23483C191.284 5.64146 192.438 5.34478 193.748 5.34478C195.132 5.34478 196.307 5.67031 197.271 6.32136C198.243 6.96418 198.965 7.87483 199.434 9.05332C199.904 10.2318 200.081 11.6205 199.966 13.2193H197.011V12.1314C197.003 10.681 196.748 9.62197 196.245 8.95443C195.742 8.28689 194.951 7.95312 193.872 7.95312C192.652 7.95312 191.745 8.33222 191.152 9.09041C190.559 9.84036 190.262 10.9406 190.262 12.391C190.262 13.7426 190.559 14.7892 191.152 15.5309C191.745 16.2726 192.611 16.6435 193.748 16.6435C194.481 16.6435 195.112 16.4828 195.639 16.1614C196.175 15.8317 196.587 15.3579 196.875 14.7398L199.818 15.6298C199.307 16.833 198.515 17.7684 197.444 18.4359C196.381 19.1035 195.207 19.4372 193.921 19.4372ZM189.322 13.2193V10.9694H198.507V13.2193H189.322Z" fill="#F36601"/><path d="M61.3146 0.276367H71.6986L54.8865 43.79H44.5026L61.3146 0.276367Z" fill="#3A3A3A"/><path d="M3.46131 34.8894H43.0191L39.5578 43.7899H0L3.46131 34.8894Z" fill="#3A3A3A"/><path d="M8.40601 22.0332H47.9638L44.5025 30.9337H4.9447L8.40601 22.0332Z" fill="#F36601"/><path d="M13.3508 9.17676H52.9086L49.4473 18.0773H9.88947L13.3508 9.17676Z" fill="#F36601"/></svg>
.mob-menu__f-right
+dropdown('ico', 'EN', '', '', 'arr-left, items-with-ico, width-auto, align-right')
+dropdown-item()
a(href='javascript:void(0)') SRB
img(src="img/flag-2.png", alt="Serbia flag")
button.mob-menu__close
<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="25" height="2" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 19 18.1777)" fill="#3A3A3A"/><rect x="-0.0917969" y="18.1777" width="25" height="2" transform="rotate(-45 -0.0917969 18.1777)" fill="#F36601"/></svg>
.mob-menu__second
.mob-menu__second-inner.container
ul.simple-menu
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#home') Home]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#about-us') About Us]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#services') Services]
li.simple-menu__item.move-to #[a.simple-menu__i-link(href='#contacts') Contacts]
.mob-menu__third
.mob-menu__third-inner.container
ul.feedback
li.feedback__item #[a.feedback__i-link(href='tel:+381628521243') +381 62 852 1243]
section.black-background
block page-bottom
script(src='js/bundle.js')
src/scss/mixins/form-mixins.scss
View file @ 1a68edbb
......@@ -4,20 +4,24 @@
display: inline-block;
vertical-align: middle;
width: 100%;
min-height: calc(#{$line-height}em + #{$field-padding-vertical} + #{$field-padding-vertical} + 2px); // Привет, IE
// min-height: calc(#{$line-height}em + #{$field-padding-vertical} + #{$field-padding-vertical} + 2px);
margin: 0;
border: 1px solid $border-color;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: $border-radius;
padding: $field-padding-vertical $field-padding-horizontal;
padding: 18px 20px;
line-height: $line-height;
font-size: 1em;
font-family: inherit;
background-color: #fff;
background-color: transparent;
-moz-appearance: textfield; // stylelint-disable-line
appearance: textfield;
transition: border-color $transition-time;
color: #fff;
&:focus {
@include field-focus;
outline: 0;
border-color: #ffffff;
// @include field-focus;
}
&[disabled],
......@@ -33,17 +37,16 @@
-webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix
}
&[type='color'] {
&[type="color"] {
padding: 0;
}
&::placeholder {
color: $text-color-muted;
color: #fff;
opacity: 1;
}
}
@mixin field-help-text {
display: block;
padding-top: 0.4em;
......@@ -51,18 +54,17 @@
line-height: 1.2em;
color: $text-color-muted;
&:empty { // stylelint-disable-line
&:empty {
// stylelint-disable-line
display: none;
}
}
@mixin field-focus {
outline: 0;
box-shadow: 0 0 0 2px rgba($color-main, $opacity);
}
@mixin field-name {
display: block;
margin-bottom: 0.4em;
......
src/scss/variables.scss
View file @ 1a68edbb
......@@ -17,13 +17,16 @@ $color-success: hsl(120, 39%, 54%);
$color-danger: hsl(2, 64%, 58%);
$color-warning: hsl(35, 84%, 62%);
$color-1: #f36601;
$color-1-1: #d35800;
$color-2: #1b1b1b;
$color-3: #303030;
$color-vk: #4a76a8;
$color-fb: #4267b2;
$color-tw: #40a2f5;
$color-gh: #24292e;
// Семантические цвета
$text-color: $gray-darkest;
......@@ -35,11 +38,9 @@ $link-color--hover: darken($color-main, 15%);
$border-color: $gray-lighten;
// Базовая типографика
$font-size: 16px;
$font-size: 18px;
$font-size-h1: 40px;
$font-size-h2: 32px;
......@@ -50,46 +51,41 @@ $font-size-h6: 16px;
$font-size-sm: 0.75em; // 12px от 16px
$line-height: 1.5;
$line-height: 160%;
$typo-margin-vertical: 1em;
$font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Ubuntu', 'Droid Sans', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
$font-family--monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
$font-family: "Manrope", sans-serif;
$font-family--monospace: "SFMono-Regular", Menlo, Monaco, Consolas,
Liberation Mono, "Courier New", monospace;
// Georgia, Times New Roman, Times, serif
// Ширины
$screen-xs: 0;
$screen-sm: 480px;
$screen-md: 768px;
$screen-lg: 992px;
$screen-xl: 1200px;
$screen-xxl: 1800px;
$screen-md: 798px;
$screen-lg: 1022px;
$screen-xl: 1230px;
$screen-xxl: 1670px;
$container-sm: 100%;
$container-md: 100%;
$container-lg: $screen-lg - 30;
$container-xl: $screen-xl - 30;
$container-xxl: $screen-xxl - 30;
$container-lg: $screen-lg + 30;
$container-xl: $screen-xl + 30;
$container-xxl: $screen-xxl + 30;
// Модульная сетка
$grid-columns: 12;
$grid-gutter-width: 30px;
// Разное
$field-padding-vertical: 5px;
$field-padding-horizontal: 12px;
$border-radius: 3px;
$border-radius: 8px;
$opacity: 0.7;
$transition-time: 0.3s;
$shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment