From d3ea85817bad44f8b7cda772825bdc88f68d9dcd Mon Sep 17 00:00:00 2001 From: yurayarosh Date: Thu, 30 Jan 2020 16:32:19 +0200 Subject: [PATCH] replace common UI text styles from `body` to `html` tag, add sass function `rem()` --- build/css/app.css | 2 +- build/css/app.css.map | 2 +- build/js/app.js | 2 +- build/js/app.js.map | 2 +- build/js/report.html | 4 ++-- package-lock.json | 41 ++++++++++------------------------- src/sass/_common.sass | 14 +++++++----- src/sass/helpers/_mixins.sass | 3 +++ 8 files changed, 28 insertions(+), 42 deletions(-) diff --git a/build/css/app.css b/build/css/app.css index 3028112..70c6460 100644 --- a/build/css/app.css +++ b/build/css/app.css @@ -1,2 +1,2 @@ -@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}fieldset,img{margin:0;padding:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}a img,fieldset,img{border:0}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=reset],input[type=submit]{cursor:pointer}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:0}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}*,:after,:before{box-sizing:inherit}*{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit;line-height:inherit}input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::placeholder,textarea::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}textarea{resize:none;border:0}button,input[type=reset],input[type=submit]{background-color:transparent;overflow:visible}img{max-width:100%}main{display:block}@font-face{font-family:"proximanova";src:url(../fonts/proximanova-regular-webfont.woff2) format("woff2"),url(../fonts/proximanova-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"proximanova";src:url(../fonts/proximanova-bold-webfont.woff2) format("woff2"),url(../fonts/proximanova-bold-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}small{font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}.title{font-size:45px;font-size:calc(21px + (45 - 21)*((100vw - 320px)/(1399 - 320)))}body{background-color:#fff;line-height:1.4;font-size:16px;min-width:320px;font-family:'proximanova',sans-serif;color:#000}body.no-scroll{overflow:hidden}.no-touch body.no-scroll{margin-right:17px}.icon{display:inline-block;fill:currentColor;font-size:inherit}.lazy--loaded:not(.lazy--no-fade-in){-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.overflow-hidden{overflow:hidden}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}@media (min-width:1399px){.title{font-size:45px}}@media (max-width:767px){body{font-size:14px}}@media (max-width:320px){.title{font-size:21px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}} +@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}fieldset,img{margin:0;padding:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:16px;line-height:1.4;color:#000;font-family:'proximanova',sans-serif}a img,fieldset,img{border:0}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=reset],input[type=submit]{cursor:pointer}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:0}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}*,:after,:before{box-sizing:inherit}*{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit;line-height:inherit}input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}input::placeholder,textarea::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}textarea{resize:none;border:0}button,input[type=reset],input[type=submit]{background-color:transparent;overflow:visible}img{max-width:100%}main{display:block}@font-face{font-family:"proximanova";src:url(../fonts/proximanova-regular-webfont.woff2) format("woff2"),url(../fonts/proximanova-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"proximanova";src:url(../fonts/proximanova-bold-webfont.woff2) format("woff2"),url(../fonts/proximanova-bold-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}small{font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}.title{font-size:45px;font-size:calc(21px + (45 - 21)*((100vw - 320px)/(1399 - 320)))}body{background-color:#fff;min-width:320px}body.no-scroll{overflow:hidden}.no-touch body.no-scroll{margin-right:17px}.icon{display:inline-block;fill:currentColor;font-size:inherit}.lazy--loaded:not(.lazy--no-fade-in){-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.overflow-hidden{overflow:hidden}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}@media (min-width:1399px){.title{font-size:45px}}@media (max-width:767px){html{font-size:14px}}@media (max-width:320px){.title{font-size:21px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}} /*# sourceMappingURL=app.css.map */ diff --git a/build/css/app.css.map b/build/css/app.css.map index eb871f7..a836332 100644 --- a/build/css/app.css.map +++ b/build/css/app.css.map @@ -1 +1 @@ -{"version":3,"sources":["partials/_animations.sass","helpers/_reset.sass","helpers/_mixins.sass","_fonts.sass","_typo.sass","_common.sass","helpers/_variables.sass","_modificators.sass"],"names":[],"mappings":"AAGA,0BACE,GACE,SAAU,CACZ,GACE,SAAU,CAAA,CAJd,kBACE,GACE,SAAU,CACZ,GACE,SAAU,CAAA,CCPd,8YAQE,QAAS,CACT,SAAU,CACV,QAAS,CACT,uBAAwB,CAX1B,aAQE,QAAS,CACT,SAAU,CAEV,sBAAwB,CAAA,CAC1B,KACE,yBAA0B,CAC1B,6BAA8B,CA+B9B,oBAAsB,CA/BQ,CAChC,mBACE,QAAY,CACd,4DAIE,uBAAwB,CAC1B,4CAGE,cAAe,CAHjB,kGAKI,SAAU,CACV,QAAS,CACb,SACE,aAAc,CAChB,aACE,QAAS,CACT,SAAU,CACV,QAAS,CACX,kEAEE,SAAa,CACf,MACE,oBAAqB,CACvB,MACE,gBAAiB,CACjB,wBAAyB,CACzB,UAAW,CAGb,iBACE,kBAAmB,CAMrB,EACE,uCAA6C,CAE/C,EACE,oBAAqB,CACrB,aAAc,CAEhB,sBACE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,aAAc,CACd,mBAAoB,CCyBpB,2DDrBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CCoBrB,qEDvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CCoBrB,6DDvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CCoBrB,yCDvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CAEvB,SACE,WAAY,CACZ,QAAS,CAEX,4CACE,4BAA6B,CAC7B,gBAAiB,CAEnB,IACE,cAAe,CACjB,KACE,aAAc,CC1Bd,WACE,yBC7DuB,CD8DvB,iIAA2G,CAC3G,eAJwC,CAKxC,iBAL6D,CAM7D,iBAAkB,CALpB,WACE,yBC5DuB,CD6DvB,2HAA2G,CAC3G,eC9DwD,CD+DxD,iBAL6D,CAM7D,iBAAkB,CEjEtB,MACE,iBAAkB,CAEpB,kBACE,eAAgB,CAElB,OFaE,cAAc,CACd,+DAA8I,CGpBhJ,KACE,qBCWU,CDVV,eAAgB,CAChB,cCHa,CDIb,eAAgB,CFAhB,oCAAsC,CEEtC,UCGW,CJmKX,eACE,eAAgB,CAClB,yBACE,iBAAkB,CGpKtB,MACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAIlB,qCACE,2BAAoB,CAApB,mBAAoB,CLnBxB,QACE,6BAAsB,CAAtB,qBAAsB,CODxB,iBACE,eAAgB,CAClB,MACE,uBAAyB,CAC3B,MACE,0BAA4B,CLkB5B,0BEjBF,OFkBI,cAAc,CEjBkC,CFLlD,yBGFF,KASI,cCRW,CDQc,CHY3B,yBEfF,OFgBI,cAAc,CEfkC,CH0CpD,uCACE,EACE,yBAA2B,CAAG","file":"app.css","sourcesContent":[".fadeIn {\n animation-name: fadeIn; }\n\n@keyframes fadeIn {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n","html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,\nh6, p, blockquote, pre,a, abbr, acronym, address, big,\ncite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,\nstrike, strong, sub, sup, tt, var,b, u, i, center,dl, dt,\ndd, ol, ul, li,fieldset, form, label, legend,table, caption,\ntbody, tfoot, thead, tr, th, td,article, aside, canvas, details,\nembed, figure, figcaption, footer, header, hgroup, menu, nav,\noutput, ruby, section, summary,time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: baseline; }\nhtml {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%; }\nimg,fieldset, a img {\n border: none; }\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n -webkit-appearance: none; }\ninput[type=\"submit\"],\ninput[type=\"reset\"],\nbutton {\n cursor: pointer;\n &::-moz-focus-inner {\n padding: 0;\n border: 0; } }\ntextarea {\n overflow: auto; }\ninput, button {\n margin: 0;\n padding: 0;\n border: 0; }\ndiv, input, textarea, select,button,\nh1,h2,h3,h4,h5,h6,a,span,a:focus {\n outline: none; }\nul,ol {\n list-style-type: none; }\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%; }\nhtml {\n box-sizing: border-box; }\n*, *:before, *:after {\n box-sizing: inherit; }\n\n@media (prefers-reduced-motion: reduce) {\n * {\n transition: none !important; } }\n\n* {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\na {\n text-decoration: none;\n color: inherit; }\n\ninput, textarea, button {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n color: inherit;\n line-height: inherit; }\n\ninput, textarea {\n @include placeholder {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit; } }\n\ntextarea {\n resize: none;\n border: 0; }\n\nbutton, input[type=\"submit\"], input[type=\"reset\"] {\n background-color: transparent;\n overflow: visible; }\n\nimg {\n max-width: 100%; }\nmain {\n display: block; }\n","// width\n@mixin r($width) {\n @media (max-width: $width+ \"px\") {\n @content; } }\n\n@mixin rmin($width) {\n @media (min-width: $width+ \"px\") {\n @content; } }\n\n// height\n@mixin rh($height) {\n @media (max-height: $height + \"px\") {\n @content; } }\n\n@mixin rhmin($height) {\n @media (min-height: $height + \"px\") {\n @content; } }\n\n@mixin css-lock($min-size: 1, $max-size: 1.4, $min-width: 20, $max-width: 100, $property: font-size, $unit: px) {\n #{$property}: #{$max-size}#{$unit};\n #{$property}: calc(#{$min-size}#{$unit} + (#{$max-size} - #{$min-size}) * ((100vw - #{$min-width}#{$unit}) / (#{$max-width} - #{$min-width})));\n @media (max-width: #{$min-width}#{$unit}) {\n #{$property}: #{$min-size}#{$unit}; }\n @media (min-width: #{$max-width}#{$unit}) {\n #{$property}: #{$max-size}#{$unit}; } }\n\n@mixin text-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n@mixin hover {\n .no-touch &:hover {\n @content; } }\n\n@mixin ready {\n .is-ready & {\n @content; } }\n\n@mixin coverdiv {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0; }\n\n@mixin cover {\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50% 50%; }\n\n// vertical-align at center\n@mixin vcenter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%); }\n\n// font-family\n@mixin font($alias, $name, $font-weight: 400, $font-style: normal) {\n @font-face {\n font-family: $alias;\n src: url(\"../fonts/\" + $name + \".woff2\") format(\"woff2\"), url(\"../fonts/\" + $name + \".woff\") format(\"woff\");\n font-weight: $font-weight;\n font-style: $font-style;\n font-display: swap; } }\n// to use:\n//+font(black, cytiapro-black-webfont)\n\n@mixin hide-text {\n font: 0/0 a;\n text-shadow: none;\n color: transparent; }\n\n@mixin vertical {\n text-align: center;\n font-size: 0;\n &:before {\n content: \"\";\n display: inline-block;\n vertical-align: middle;\n width: 0;\n height: 100%; } }\n\n@mixin clr {\n &:after {\n content: \" \";\n display: table;\n clear: both; } }\n\n@mixin placeholder {\n &:-ms-input-placeholder {\n @content; }\n &::placeholder {\n @content; } }\n\n//triangle\n@mixin arr($width, $height, $bg, $direction) {\n width: 0px;\n height: 0px;\n border-style: solid;\n @if $direction == t {\n border-width: 0 $width / 2 + px $height + px $width / 2 + px;\n border-color: transparent transparent $bg transparent; }\n @if $direction == r {\n border-width: $height / 2 + px 0 $height / 2 + px $width + px;\n border-color: transparent transparent transparent $bg; }\n @if $direction == b {\n border-width: $height + px $width / 2 + px 0 $width / 2 + px;\n border-color: $bg transparent transparent transparent; }\n @if $direction == l {\n border-width: $height / 2 + px $width + px $height / 2 + px 0;\n border-color: transparent $bg transparent transparent; }\n @if $direction == tl {\n border-width: $height + px $width + px 0 0;\n border-color: $bg transparent transparent transparent; }\n @if $direction == tr {\n border-width: 0 $width + px $height + px 0;\n border-color: transparent $bg transparent transparent; }\n @if $direction == br {\n border-width: 0 0 $height + px $width + px;\n border-color: transparent transparent $bg transparent; }\n @if $direction == bl {\n border-width: $width + px 0 0 $height + px;\n border-color: transparent transparent transparent $bg; } }\n// example\n// +arr(500,50, #000, l)\n// +arr(500,50, #000, bl)\n\n@mixin rotate($var) {\n transform: rotate($var+deg); }\n\n@mixin scale($var) {\n transform: scale($var); }\n\n@mixin tr($what...) {\n transition: $what; }\n\n\n//icon close\n@mixin icon-close($size, $line-width, $color) {\n position: relative;\n display: inline-block;\n width: $size + px;\n height: $size + px;\n &::before,\n &::after {\n position: absolute;\n content: '';\n width: $line-width + px;\n height: 100%;\n background-color: $color;\n top: 0;\n left: 50%; }\n &::before {\n transform: rotate(45deg); }\n &::after {\n transform: rotate(-45deg); } }\n// example\n// +icon-close(15, 2, #000)\n\n// icon arrow\n@mixin icon-arrow($width, $height, $bd-width, $color, $angle, $units: px) {\n width: $width + $units;\n height: $height + $units;\n border-left: $bd-width + $units solid $color;\n border-bottom: $bd-width + $units solid $color;\n transform: rotate($angle + deg); }\n// example\n// +icon-arrow(20, 20, 2, #000, 45)\n\n@mixin no-scroll {\n &.no-scroll {\n overflow: hidden; }\n .no-touch &.no-scroll {\n margin-right: 17px; } }\n\n// BG-IMAGE\n@function img-url($image) {\n @return url('../img/#{$image}'); }\n@mixin image($image) {\n background-image: img-url($image); }\n\n@mixin before {\n &::before {\n content: '';\n @content; } }\n\n@mixin after {\n &::after {\n content: '';\n @content; } }\n\n@mixin notlast {\n &:not(:last-child) {\n @content; } }\n\n@mixin notfirst {\n &:not(:first-child) {\n @content; } }\n\n\n@mixin flex($justify-content: flex-start, $align-items: normal, $flex-direction: row, $flex-wrap: nowrap) {\n display: flex;\n justify-content: $justify-content;\n align-items: $align-items;\n flex-direction: $flex-direction;\n flex-wrap: $flex-wrap; }\n\n@mixin inline-flex($justify-content: flex-start, $align-items: normal, $flex-direction: row, $flex-wrap: nowrap) {\n display: inline-flex;\n justify-content: $justify-content;\n align-items: $align-items;\n flex-direction: $flex-direction;\n flex-wrap: $flex-wrap; }\n\n@function em($size, $context: 16) {\n @return ($size/$context) * 1em; }\n\n@mixin hidden {\n visibility: hidden;\n opacity: 0; }\n\n@mixin visible {\n visibility: visible;\n opacity: 1; }\n\n@mixin list-bullet {\n &::before {\n content: '\\2022';\n display: inline-block; } }\n\n@mixin counter($var, $sep) {\n counter-reset: list + $var;\n > li {\n &:before {\n content: counter(list + $var) $sep;\n counter-increment: list + $var; } } }\n\n","@include font('proximanova', 'proximanova-regular-webfont');\n@include font('proximanova', 'proximanova-bold-webfont', 700);\n\n@mixin reg {\n font-family: 'proximanova', sans-serif; }\n\n","small {\n font-size: inherit; }\n\nh1, h2, h3, h4, h5, h6 {\n font-weight: 400; }\n\n.title {\n @include css-lock(21, 45, 320, 1399, font-size); }\n","body {\n background-color: $white;\n line-height: 1.4;\n font-size: $fz;\n min-width: 320px;\n @include reg;\n color: $c-text;\n @include no-scroll;\n @include sm {\n font-size: $fz-sm-px; } }\n\n.icon {\n display: inline-block;\n fill: currentColor;\n font-size: inherit; }\n\n.lazy {\n $this: &;\n &--loaded:not(#{$this}--no-fade-in) {\n animation: fadeIn 1s; } }\n\n","$fz: 16px;\n$fz-sm-px: 14px;\n$fz-xs-px: 12px;\n$fz-sm: em(14);\n$fz-xs: em(12);\n\n$text-inputs: \"[type='color']\", \"[type='date']\", \"[type='datetime']\", \"[type='datetime-local']\", \"[type='email']\", \"[type='month']\", \"[type='number']\", \"[type='password']\", \"[type='search']\", \"[type='tel']\", \"[type='text']\", \"[type='time']\", \"[type='url']\", \"[type='week']\", \"input:not([type])\", \"textarea\";\n$check-inputs: \"[type='checkbox']\", \"[type='radio']\";\n\n$c-text: #000;\n\n$black: #000;\n$white: #fff;\n\n@mixin windowHeight($offset: 0px) {\n height: calc(100vh - #{$offset});\n height: calc((var(--vh, 1vh) * 100) - #{$offset}); }\n",".overflow-hidden {\n overflow: hidden; }\n.pt-0 {\n padding-top: 0 !important; }\n.pb-0 {\n padding-bottom: 0 !important; }\n"]} \ No newline at end of file +{"version":3,"sources":["partials/_animations.sass","helpers/_reset.sass","_common.sass","helpers/_variables.sass","_fonts.sass","helpers/_mixins.sass","_typo.sass","_modificators.sass"],"names":[],"mappings":"AAGA,0BACE,GACE,SAAU,CACZ,GACE,SAAU,CAAA,CAJd,kBACE,GACE,SAAU,CACZ,GACE,SAAU,CAAA,CCPd,8YAQE,QAAS,CACT,SAAU,CACV,QAAS,CACT,uBAAwB,CAX1B,aAQE,QAAS,CACT,SAAU,CAEV,sBAAwB,CAAA,CAC1B,KACE,yBAA0B,CAC1B,6BAA8B,CA+B9B,qBAAsB,CC5CtB,cCDa,CDEb,eAAgB,CAChB,UCMW,CCLX,mCAAsC,CHUR,CAChC,mBACE,QAAY,CACd,4DAIE,uBAAwB,CAC1B,4CAGE,cAAe,CAHjB,kGAKI,SAAU,CACV,QAAS,CACb,SACE,aAAc,CAChB,aACE,QAAS,CACT,SAAU,CACV,QAAS,CACX,kEAEE,SAAa,CACf,MACE,oBAAqB,CACvB,MACE,gBAAiB,CACjB,wBAAyB,CACzB,UAAW,CAGb,iBACE,kBAAmB,CAMrB,EACE,uCAA6C,CAE/C,EACE,oBAAqB,CACrB,aAAc,CAEhB,sBACE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,aAAc,CACd,mBAAoB,CIyBpB,2DJrBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CIoBrB,qEJvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CIoBrB,6DJvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CIoBrB,yCJvBE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CAEvB,SACE,WAAY,CACZ,QAAS,CAEX,4CACE,4BAA6B,CAC7B,gBAAiB,CAEnB,IACE,cAAe,CACjB,KACE,aAAc,CI1Bd,WACE,yBD7DuB,CC8DvB,iIAA2G,CAC3G,eAJwC,CAKxC,iBAL6D,CAM7D,iBAAkB,CALpB,WACE,yBD5DuB,CC6DvB,2HAA2G,CAC3G,eD9DwD,CC+DxD,iBAL6D,CAM7D,iBAAkB,CCjEtB,MACE,iBAAkB,CAEpB,kBACE,eAAgB,CAElB,ODaE,cAAc,CACd,+DAA8I,CHZhJ,KACE,qBCGU,CDFV,eAAgB,CGkKhB,eACE,eAAgB,CAClB,yBACE,iBAAkB,CHlKtB,MACE,oBAAqB,CACrB,iBAAkB,CAClB,iBAAkB,CAIlB,qCACE,2BAAoB,CAApB,mBAAoB,CFrBxB,QACE,6BAAsB,CAAtB,qBAAsB,CODxB,iBACE,eAAgB,CAClB,MACE,uBAAyB,CAC3B,MACE,0BAA4B,CFkB5B,0BCjBF,ODkBI,cAAc,CCjBkC,CDLlD,yBHFF,KAMI,cCLW,CDKc,CGe3B,yBCfF,ODgBI,cAAc,CCfkC,CL0CpD,uCACE,EACE,yBAA2B,CAAG","file":"app.css","sourcesContent":[".fadeIn {\n animation-name: fadeIn; }\n\n@keyframes fadeIn {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n","html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,\nh6, p, blockquote, pre,a, abbr, acronym, address, big,\ncite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,\nstrike, strong, sub, sup, tt, var,b, u, i, center,dl, dt,\ndd, ol, ul, li,fieldset, form, label, legend,table, caption,\ntbody, tfoot, thead, tr, th, td,article, aside, canvas, details,\nembed, figure, figcaption, footer, header, hgroup, menu, nav,\noutput, ruby, section, summary,time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: baseline; }\nhtml {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%; }\nimg,fieldset, a img {\n border: none; }\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n -webkit-appearance: none; }\ninput[type=\"submit\"],\ninput[type=\"reset\"],\nbutton {\n cursor: pointer;\n &::-moz-focus-inner {\n padding: 0;\n border: 0; } }\ntextarea {\n overflow: auto; }\ninput, button {\n margin: 0;\n padding: 0;\n border: 0; }\ndiv, input, textarea, select,button,\nh1,h2,h3,h4,h5,h6,a,span,a:focus {\n outline: none; }\nul,ol {\n list-style-type: none; }\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%; }\nhtml {\n box-sizing: border-box; }\n*, *:before, *:after {\n box-sizing: inherit; }\n\n@media (prefers-reduced-motion: reduce) {\n * {\n transition: none !important; } }\n\n* {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\na {\n text-decoration: none;\n color: inherit; }\n\ninput, textarea, button {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n color: inherit;\n line-height: inherit; }\n\ninput, textarea {\n @include placeholder {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit; } }\n\ntextarea {\n resize: none;\n border: 0; }\n\nbutton, input[type=\"submit\"], input[type=\"reset\"] {\n background-color: transparent;\n overflow: visible; }\n\nimg {\n max-width: 100%; }\nmain {\n display: block; }\n","html {\n font-size: $fz;\n line-height: 1.4;\n color: $c-text;\n @include reg;\n @include sm {\n font-size: $fz-sm-px; } }\n\nbody {\n background-color: $white;\n min-width: 320px;\n @include no-scroll; }\n\n.icon {\n display: inline-block;\n fill: currentColor;\n font-size: inherit; }\n\n.lazy {\n $this: &;\n &--loaded:not(#{$this}--no-fade-in) {\n animation: fadeIn 1s; } }\n\n","$fz: 16px;\n$fz-sm-px: 14px;\n$fz-xs-px: 12px;\n$fz-sm: em(14);\n$fz-xs: em(12);\n\n$text-inputs: \"[type='color']\", \"[type='date']\", \"[type='datetime']\", \"[type='datetime-local']\", \"[type='email']\", \"[type='month']\", \"[type='number']\", \"[type='password']\", \"[type='search']\", \"[type='tel']\", \"[type='text']\", \"[type='time']\", \"[type='url']\", \"[type='week']\", \"input:not([type])\", \"textarea\";\n$check-inputs: \"[type='checkbox']\", \"[type='radio']\";\n\n$c-text: #000;\n\n$black: #000;\n$white: #fff;\n\n@mixin windowHeight($offset: 0px) {\n height: calc(100vh - #{$offset});\n height: calc((var(--vh, 1vh) * 100) - #{$offset}); }\n","@include font('proximanova', 'proximanova-regular-webfont');\n@include font('proximanova', 'proximanova-bold-webfont', 700);\n\n@mixin reg {\n font-family: 'proximanova', sans-serif; }\n\n","// width\n@mixin r($width) {\n @media (max-width: $width+ \"px\") {\n @content; } }\n\n@mixin rmin($width) {\n @media (min-width: $width+ \"px\") {\n @content; } }\n\n// height\n@mixin rh($height) {\n @media (max-height: $height + \"px\") {\n @content; } }\n\n@mixin rhmin($height) {\n @media (min-height: $height + \"px\") {\n @content; } }\n\n@mixin css-lock($min-size: 1, $max-size: 1.4, $min-width: 20, $max-width: 100, $property: font-size, $unit: px) {\n #{$property}: #{$max-size}#{$unit};\n #{$property}: calc(#{$min-size}#{$unit} + (#{$max-size} - #{$min-size}) * ((100vw - #{$min-width}#{$unit}) / (#{$max-width} - #{$min-width})));\n @media (max-width: #{$min-width}#{$unit}) {\n #{$property}: #{$min-size}#{$unit}; }\n @media (min-width: #{$max-width}#{$unit}) {\n #{$property}: #{$max-size}#{$unit}; } }\n\n@mixin text-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n@mixin hover {\n .no-touch &:hover {\n @content; } }\n\n@mixin ready {\n .is-ready & {\n @content; } }\n\n@mixin coverdiv {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0; }\n\n@mixin cover {\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50% 50%; }\n\n// vertical-align at center\n@mixin vcenter {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%); }\n\n// font-family\n@mixin font($alias, $name, $font-weight: 400, $font-style: normal) {\n @font-face {\n font-family: $alias;\n src: url(\"../fonts/\" + $name + \".woff2\") format(\"woff2\"), url(\"../fonts/\" + $name + \".woff\") format(\"woff\");\n font-weight: $font-weight;\n font-style: $font-style;\n font-display: swap; } }\n// to use:\n//+font(black, cytiapro-black-webfont)\n\n@mixin hide-text {\n font: 0/0 a;\n text-shadow: none;\n color: transparent; }\n\n@mixin vertical {\n text-align: center;\n font-size: 0;\n &:before {\n content: \"\";\n display: inline-block;\n vertical-align: middle;\n width: 0;\n height: 100%; } }\n\n@mixin clr {\n &:after {\n content: \" \";\n display: table;\n clear: both; } }\n\n@mixin placeholder {\n &:-ms-input-placeholder {\n @content; }\n &::placeholder {\n @content; } }\n\n//triangle\n@mixin arr($width, $height, $bg, $direction) {\n width: 0px;\n height: 0px;\n border-style: solid;\n @if $direction == t {\n border-width: 0 $width / 2 + px $height + px $width / 2 + px;\n border-color: transparent transparent $bg transparent; }\n @if $direction == r {\n border-width: $height / 2 + px 0 $height / 2 + px $width + px;\n border-color: transparent transparent transparent $bg; }\n @if $direction == b {\n border-width: $height + px $width / 2 + px 0 $width / 2 + px;\n border-color: $bg transparent transparent transparent; }\n @if $direction == l {\n border-width: $height / 2 + px $width + px $height / 2 + px 0;\n border-color: transparent $bg transparent transparent; }\n @if $direction == tl {\n border-width: $height + px $width + px 0 0;\n border-color: $bg transparent transparent transparent; }\n @if $direction == tr {\n border-width: 0 $width + px $height + px 0;\n border-color: transparent $bg transparent transparent; }\n @if $direction == br {\n border-width: 0 0 $height + px $width + px;\n border-color: transparent transparent $bg transparent; }\n @if $direction == bl {\n border-width: $width + px 0 0 $height + px;\n border-color: transparent transparent transparent $bg; } }\n// example\n// +arr(500,50, #000, l)\n// +arr(500,50, #000, bl)\n\n@mixin rotate($var) {\n transform: rotate($var+deg); }\n\n@mixin scale($var) {\n transform: scale($var); }\n\n@mixin tr($what...) {\n transition: $what; }\n\n\n//icon close\n@mixin icon-close($size, $line-width, $color) {\n position: relative;\n display: inline-block;\n width: $size + px;\n height: $size + px;\n &::before,\n &::after {\n position: absolute;\n content: '';\n width: $line-width + px;\n height: 100%;\n background-color: $color;\n top: 0;\n left: 50%; }\n &::before {\n transform: rotate(45deg); }\n &::after {\n transform: rotate(-45deg); } }\n// example\n// +icon-close(15, 2, #000)\n\n// icon arrow\n@mixin icon-arrow($width, $height, $bd-width, $color, $angle, $units: px) {\n width: $width + $units;\n height: $height + $units;\n border-left: $bd-width + $units solid $color;\n border-bottom: $bd-width + $units solid $color;\n transform: rotate($angle + deg); }\n// example\n// +icon-arrow(20, 20, 2, #000, 45)\n\n@mixin no-scroll {\n &.no-scroll {\n overflow: hidden; }\n .no-touch &.no-scroll {\n margin-right: 17px; } }\n\n// BG-IMAGE\n@function img-url($image) {\n @return url('../img/#{$image}'); }\n@mixin image($image) {\n background-image: img-url($image); }\n\n@mixin before {\n &::before {\n content: '';\n @content; } }\n\n@mixin after {\n &::after {\n content: '';\n @content; } }\n\n@mixin notlast {\n &:not(:last-child) {\n @content; } }\n\n@mixin notfirst {\n &:not(:first-child) {\n @content; } }\n\n\n@mixin flex($justify-content: flex-start, $align-items: normal, $flex-direction: row, $flex-wrap: nowrap) {\n display: flex;\n justify-content: $justify-content;\n align-items: $align-items;\n flex-direction: $flex-direction;\n flex-wrap: $flex-wrap; }\n\n@mixin inline-flex($justify-content: flex-start, $align-items: normal, $flex-direction: row, $flex-wrap: nowrap) {\n display: inline-flex;\n justify-content: $justify-content;\n align-items: $align-items;\n flex-direction: $flex-direction;\n flex-wrap: $flex-wrap; }\n\n@function em($size, $context: 16) {\n @return ($size/$context) * 1em; }\n\n@function em($size, $context: 16) {\n @return ($size/$context) * 1rem; }\n\n@mixin hidden {\n visibility: hidden;\n opacity: 0; }\n\n@mixin visible {\n visibility: visible;\n opacity: 1; }\n\n@mixin list-bullet {\n &::before {\n content: '\\2022';\n display: inline-block; } }\n\n@mixin counter($var, $sep) {\n counter-reset: list + $var;\n > li {\n &:before {\n content: counter(list + $var) $sep;\n counter-increment: list + $var; } } }\n\n","small {\n font-size: inherit; }\n\nh1, h2, h3, h4, h5, h6 {\n font-weight: 400; }\n\n.title {\n @include css-lock(21, 45, 320, 1399, font-size); }\n",".overflow-hidden {\n overflow: hidden; }\n.pt-0 {\n padding-top: 0 !important; }\n.pb-0 {\n padding-bottom: 0 !important; }\n"]} \ No newline at end of file diff --git a/build/js/app.js b/build/js/app.js index b9e3392..4795f82 100644 --- a/build/js/app.js +++ b/build/js/app.js @@ -1,4 +1,4 @@ -!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="js/",n(n.s=76)}([function(t,e,n){(function(e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof e&&e)||Function("return this")()}).call(this,n(78))},function(t,e,n){var r=n(0),o=n(39),i=n(5),c=n(40),u=n(45),s=n(56),a=o("wks"),f=r.Symbol,g=s?f:f&&f.withoutSetter||c;t.exports=function(t){return i(a,t)||(u&&i(f,t)?a[t]=f[t]:a[t]=g("Symbol."+t)),a[t]}},function(t,e,n){var r=n(53),o=n(5),i=n(58),c=n(8).f;t.exports=function(t){var e=r.Symbol||(r.Symbol={});o(e,t)||c(e,t,{value:i.f(t)})}},function(t,e,n){var r=n(0),o=n(24).f,i=n(10),c=n(13),u=n(37),s=n(52),a=n(55);t.exports=function(t,e){var n,f,g,l,p,M=t.target,d=t.global,h=t.stat;if(n=d?r:h?r[M]||u(M,{}):(r[M]||{}).prototype)for(f in e){if(l=e[f],g=t.noTargetGet?(p=o(n,f))&&p.value:n[f],!a(d?f:M+(h?".":"#")+f,t.forced)&&void 0!==g){if(typeof l==typeof g)continue;s(l,g)}(t.sham||g&&g.sham)&&i(l,"sham",!0),c(n,f,l,t)}}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(4);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var r=n(6),o=n(50),i=n(9),c=n(26),u=Object.defineProperty;e.f=r?u:function(t,e,n){if(i(t),e=c(e,!0),i(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(7);t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object");return t}},function(t,e,n){var r=n(6),o=n(8),i=n(14);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(53),o=n(0),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},function(t,e,n){var r=n(34),o=n(35);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(0),o=n(10),i=n(5),c=n(37),u=n(38),s=n(16),a=s.get,f=s.enforce,g=String(String).split("String");(t.exports=function(t,e,n,u){var s=!!u&&!!u.unsafe,a=!!u&&!!u.enumerable,l=!!u&&!!u.noTargetGet;"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),f(n).source=g.join("string"==typeof e?e:"")),t!==r?(s?!l&&t[e]&&(a=!0):delete t[e],a?t[e]=n:o(t,e,n)):a?t[e]=n:c(e,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&a(this).source||u(this)}))},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r,o,i,c=n(79),u=n(0),s=n(7),a=n(10),f=n(5),g=n(27),l=n(28),p=u.WeakMap;if(c){var M=new p,d=M.get,h=M.has,y=M.set;r=function(t,e){return y.call(M,t,e),e},o=function(t){return d.call(M,t)||{}},i=function(t){return h.call(M,t)}}else{var v=g("state");l[v]=!0,r=function(t,e){return a(t,v,e),e},o=function(t){return f(t,v)?t[v]:{}},i=function(t){return f(t,v)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!s(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},function(t,e){t.exports=!1},function(t,e,n){var r=n(35);t.exports=function(t){return Object(r(t))}},function(t,e,n){var r=n(8).f,o=n(5),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},function(t,e,n){var r=n(42),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e){t.exports={}},function(t,e,n){"use strict";var r=n(20),o=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new o(t)}},function(t,e,n){var r=n(6),o=n(25),i=n(14),c=n(12),u=n(26),s=n(5),a=n(50),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=c(t),e=u(e,!0),a)try{return f(t,e)}catch(t){}if(s(t,e))return i(!o.f.call(t,e),t[e])}},function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},function(t,e,n){var r=n(7);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(39),o=n(40),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e){t.exports={}},function(t,e,n){var r,o=n(9),i=n(83),c=n(43),u=n(28),s=n(57),a=n(36),f=n(27),g=f("IE_PROTO"),l=function(){},p=function(t){return" diff --git a/package-lock.json b/package-lock.json index 48fb269..fe79b01 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "starter-kit", - "version": "2.1.1", + "version": "2.1.3", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -3271,9 +3271,9 @@ } }, "core-js": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.2.tgz", - "integrity": "sha512-hIE5dXkRzRvnZ5vhkRfQxUvDxQZmD9oueA08jDYRBKJHx+VIl/Pne/e0A4x9LObEEthC/TqiZybUoNM4tRgnKg==" + "version": "3.6.4", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.4.tgz", + "integrity": "sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw==" }, "core-js-compat": { "version": "3.6.2", @@ -5799,14 +5799,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -5821,20 +5819,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -5951,8 +5946,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -5964,7 +5958,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -5979,7 +5972,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -5987,14 +5979,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -6013,7 +6003,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -6094,8 +6083,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -6107,7 +6095,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -6229,7 +6216,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -8401,11 +8387,6 @@ "integrity": "sha512-MUj2XlMB8kpe+8DJUGH/3UJm4XpI8XEgZQ+CiHDeyrGoKPdW/8FJv6ku+3UiYm5Fz3CWaL+iXmD8Q4Ap6aC1Jw==", "dev": true }, - "jquery": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz", - "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw==" - }, "js-base64": { "version": "2.5.1", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", diff --git a/src/sass/_common.sass b/src/sass/_common.sass index ec27f00..2b8583f 100644 --- a/src/sass/_common.sass +++ b/src/sass/_common.sass @@ -1,14 +1,16 @@ -body - background-color: $white - line-height: 1.4 +html font-size: $fz - min-width: 320px - +reg + line-height: 1.4 color: $c-text - +no-scroll + +reg +sm font-size: $fz-sm-px +body + background-color: $white + min-width: 320px + +no-scroll + .icon display: inline-block fill: currentColor diff --git a/src/sass/helpers/_mixins.sass b/src/sass/helpers/_mixins.sass index 02ded06..f01b4da 100644 --- a/src/sass/helpers/_mixins.sass +++ b/src/sass/helpers/_mixins.sass @@ -217,6 +217,9 @@ @function em($size, $context: 16) @return ($size/$context) * 1em +@function em($size, $context: 16) + @return ($size/$context) * 1rem + =hidden visibility: hidden opacity: 0