@dr.pogodin/react-utils 1.9.1 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -123,7 +123,7 @@ body {
|
|
|
123
123
|
.-dr-pogodin-react-utils___src-shared-components-Button-style___context___33qmle.-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___24vuTm,
|
|
124
124
|
.-dr-pogodin-react-utils___src-shared-components-Button-style___ad___JqF7SX.-dr-pogodin-react-utils___src-shared-components-Button-style___hoc___6uVxU-.-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___24vuTm {
|
|
125
125
|
cursor: not-allowed;
|
|
126
|
-
opacity:
|
|
126
|
+
opacity: 33%;
|
|
127
127
|
}
|
|
128
128
|
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
129
129
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/shared/components/Checkbox/theme.scss ***!
|
|
@@ -439,7 +439,7 @@ body {
|
|
|
439
439
|
background: #eee;
|
|
440
440
|
height: 100%;
|
|
441
441
|
left: 0;
|
|
442
|
-
opacity:
|
|
442
|
+
opacity: 80%;
|
|
443
443
|
position: fixed;
|
|
444
444
|
top: 0;
|
|
445
445
|
width: 100%;
|
|
@@ -547,18 +547,18 @@ body.scrolling-disabled-by-modal {
|
|
|
547
547
|
\************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
548
548
|
@-webkit-keyframes -dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___appearance___1_CLjK {
|
|
549
549
|
from {
|
|
550
|
-
opacity: 0
|
|
550
|
+
opacity: 0%;
|
|
551
551
|
}
|
|
552
552
|
to {
|
|
553
|
-
opacity:
|
|
553
|
+
opacity: 100%;
|
|
554
554
|
}
|
|
555
555
|
}
|
|
556
556
|
@keyframes -dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___appearance___1_CLjK {
|
|
557
557
|
from {
|
|
558
|
-
opacity: 0
|
|
558
|
+
opacity: 0%;
|
|
559
559
|
}
|
|
560
560
|
to {
|
|
561
|
-
opacity:
|
|
561
|
+
opacity: 100%;
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
564
|
*,
|
|
@@ -1,2 +1,2 @@
|
|
|
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,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,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{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}._2InLXV[disabled]{cursor:not-allowed}._33qmle._2629gm,._2629gm,.JqF7SX._6uVxU-._2629gm{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none}._33qmle._2629gm:visited,._2629gm:visited,.JqF7SX._6uVxU-._2629gm:visited{color:inherit}._33qmle._2629gm:hover,._2629gm:hover,.JqF7SX._6uVxU-._2629gm:hover{border-color:gray;cursor:pointer}._33qmle._2629gm:focus,._2629gm:focus,.JqF7SX._6uVxU-._2629gm:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}._33qmle._2629gm._2qX90D,._33qmle._2629gm:active,._2629gm._2qX90D,._2629gm:active,.JqF7SX._6uVxU-._2629gm._2qX90D,.JqF7SX._6uVxU-._2629gm:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}._24vuTm,._33qmle._24vuTm,.JqF7SX._6uVxU-._24vuTm{cursor:not-allowed;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,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,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{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}._2InLXV[disabled]{cursor:not-allowed}._33qmle._2629gm,._2629gm,.JqF7SX._6uVxU-._2629gm{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none}._33qmle._2629gm:visited,._2629gm:visited,.JqF7SX._6uVxU-._2629gm:visited{color:inherit}._33qmle._2629gm:hover,._2629gm:hover,.JqF7SX._6uVxU-._2629gm:hover{border-color:gray;cursor:pointer}._33qmle._2629gm:focus,._2629gm:focus,.JqF7SX._6uVxU-._2629gm:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}._33qmle._2629gm._2qX90D,._33qmle._2629gm:active,._2629gm._2qX90D,._2629gm:active,.JqF7SX._6uVxU-._2629gm._2qX90D,.JqF7SX._6uVxU-._2629gm:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}._24vuTm,._33qmle._24vuTm,.JqF7SX._6uVxU-._24vuTm{cursor:not-allowed;opacity:33%}._1OUp4C,._3elv1W._1OUp4C,._38el0G._285jVN._1OUp4C{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;cursor:pointer;font:inherit;height:1.5em;margin:0;outline:none;width:1.5em}._1OUp4C:checked:after,._3elv1W._1OUp4C:checked:after,._38el0G._285jVN._1OUp4C:checked:after{background:#000;border-radius:.3em;content:"";display:block;height:1em;margin:.2em;width:1em}._1OUp4C:focus,._3elv1W._1OUp4C:focus,._38el0G._285jVN._1OUp4C:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}._3elv1W._32kN_q,._32kN_q,._38el0G._285jVN._32kN_q{align-items:center;display:inline-flex;margin:.1em}._3elv1W._26M9Hw,._26M9Hw,._38el0G._285jVN._26M9Hw{margin:0 .6em 0 1.5em}._1Q72zU._3rmWiD,._3NkITs._2_yK-d._3rmWiD,._3rmWiD{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:0 .3em .3em 0;padding:.3em .6em;pointer-events:none;position:absolute;right:0}._1Q72zU._2boEEf,._2boEEf,._3NkITs._2_yK-d._2boEEf{align-items:center;display:inline-flex;margin:.1em;position:relative}:active+._1Q72zU._3rmWiD,:active+._3NkITs._2_yK-d._3rmWiD,:active+._3rmWiD{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-bottom-right-radius:0}:focus+._1Q72zU._3rmWiD,:focus+._3NkITs._2_yK-d._3rmWiD,:focus+._3rmWiD{border-color:blue blue blue gray}._1Q72zU.ViWitu,._3NkITs._2_yK-d.ViWitu,.ViWitu{margin:0 .6em 0 1.5em}._1Q72zU._2ydMjo,._2ydMjo,._3NkITs._2_yK-d._2ydMjo{display:none}._1Q72zU.sJDuEV,._3NkITs._2_yK-d.sJDuEV,.sJDuEV{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;outline:none;padding:.3em 3.3em calc(.3em + 1px) 1.2em}._1Q72zU.sJDuEV:active,._3NkITs._2_yK-d.sJDuEV:active,.sJDuEV:active{background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}._1Q72zU.sJDuEV:focus,._3NkITs._2_yK-d.sJDuEV:focus,.sJDuEV:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}._3d60LR._5vaj2v,._5vaj2v,.SUBtES._11u5o6._5vaj2v{align-items:center;display:inline-flex;margin:.1em}._3bFnNS,._3d60LR._3bFnNS,.SUBtES._11u5o6._3bFnNS{border:1px solid gray;border-radius:.3em;cursor:text;font:inherit;outline:none;padding:.3em .3em calc(.3em + 1px)}._3bFnNS:focus,._3d60LR._3bFnNS:focus,.SUBtES._11u5o6._3bFnNS:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}._1W8GIz,._3d60LR._1W8GIz,.SUBtES._11u5o6._1W8GIz{margin:0 .6em 0 1.5em}._1IWLUF,._3ATReA._1-IZXw._1IWLUF,.ct8AYv._1IWLUF{align-items:stretch;display:flex;min-height:100vh;overflow:hidden;width:100%}._3ATReA._1-IZXw.rzMRqr,.ct8AYv.rzMRqr,.rzMRqr{overflow:hidden;padding:1.2em;width:1024px}._1LD0Kd,._3ATReA._1-IZXw._1LD0Kd,.ct8AYv._1LD0Kd{overflow:hidden;width:calc(50% - 512px)}._1ItZNx._3eQXFG,._1uOejq._2XWVy4._3eQXFG,._3eQXFG{background:#eee;height:100%;left:0;opacity:80%;position:fixed;top:0;width:100%;z-index:998}._1ItZNx._3eQXFG:focus,._1uOejq._2XWVy4._3eQXFG:focus,._3eQXFG:focus{outline:none}._1ItZNx.S6eRC0,._1uOejq._2XWVy4.S6eRC0,.S6eRC0{background:#fff;border-radius:4;box-shadow:0 0 14px 1px rgba(38,38,40,.15);left:50%;max-height:95vh;max-width:1024px;overflow:hidden;padding:.6em 1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:999}@media(max-width:1280px){._1ItZNx.S6eRC0,._1uOejq._2XWVy4.S6eRC0,.S6eRC0{max-width:95vw}}body.scrolling-disabled-by-modal{overflow:hidden}._3XzGXs{position:relative;width:100%}._1vMblT{height:100%;position:absolute;width:100%}._3F9X6R.YlvKSG,._27RWOc._1mH4lL.YlvKSG,.YlvKSG{display:inline-block}._3F9X6R.QhSt1A,._27RWOc._1mH4lL.QhSt1A,.QhSt1A{-webkit-animation:_2Zvm3x .4s ease-in infinite alternate;animation:_2Zvm3x .4s ease-in infinite alternate;background:#000;border-radius:.3em;display:inline-block;height:.6em;margin:0 .1em;position:relative;width:.6em}@-webkit-keyframes _2Zvm3x{0%{top:-.3em}to{top:.3em}}@keyframes _2Zvm3x{0%{top:-.3em}to{top:.3em}}._3F9X6R.QhSt1A:first-child,._27RWOc._1mH4lL.QhSt1A:first-child,.QhSt1A:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}._3F9X6R.QhSt1A:last-child,._27RWOc._1mH4lL.QhSt1A:last-child,.QhSt1A:last-child{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes _1_CLjK{0%{opacity:0}to{opacity:100%}}@keyframes _1_CLjK{0%{opacity:0}to{opacity:100%}}._1My0bf,._1sPLIy._1My0bf,._37hn-I._2CTWO-._1My0bf{border:.6em solid gray;height:0;pointer-events:none;position:absolute;width:0}._1RivOp,._1sPLIy._1RivOp,._37hn-I._2CTWO-._1RivOp{-webkit-animation:_1_CLjK .6s;animation:_1_CLjK .6s;background:gray;border-radius:.3em;color:#fff;display:inline-block;left:0;padding:0 .3em;position:absolute;top:0}._1sPLIy._23r31M,._23r31M,._37hn-I._2CTWO-._23r31M{display:inline-block}* ._1-I6ek,._2wWh54 ._1-I6ek,.ZI1L-P.zCNKnQ ._1-I6ek{background:#f5f5f5}* ._2hd-z-,._2wWh54 ._2hd-z-,.ZI1L-P.zCNKnQ ._2hd-z-{height:100%;position:relative;width:100%}* ._2O23yT,._2H1dS-._3U7SmJ ._2O23yT,._3R7Jzw ._2O23yT{position:absolute;text-align:center;top:40%;transform:translateY(50%);width:100%}
|
|
2
2
|
/*# sourceMappingURL=style.css.map*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCTF,mBACE,mBCMA,kDACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBAEA,0EACE,cAGF,oEACE,kBACA,eAGF,oEAEE,kBADA,+BAEA,aAGF,iJAEE,+DAEA,kBADA,oCACA,CAKJ,kDACE,mBACA,YC3CF,mDACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,6FACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,qEACE,kBACA,+BAIJ,mDACE,mBACA,oBACA,YAGF,mDACE,sBCnCF,mDACE,6DACA,sBACA,4BACA,kBACA,oBACA,kBACA,QAGF,mDACE,mBACA,oBACA,YACA,kBAGF,2EACE,+DACA,6BAGF,wEAEE,iCAGF,gDACE,sBAIF,gEAEA,gDACE,6DACA,gBACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,aACA,0CAEA,qEACE,gBACA,4BACA,6BAGF,kEACE,kBACA,+BCxDJ,kDACE,mBACA,oBACA,YAGF,kDACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,oEACE,kBACA,+BAIJ,kDACE,sBCZF,kDACE,oBACA,aACA,iBACA,gBACA,WAGF,+CACE,gBACA,cACA,YCPQ,CDUV,kDACE,gBACA,wBEvBF,mDACE,gBACA,YACA,OACA,WACA,eACA,MACA,WACA,YAEA,kFAGF,gDACE,gBAEA,gBADA,2CASA,SAPA,gBACA,gBDPQ,CCQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YDeF,yBC5BA,gDAgBI,gBCjCJ,iCACE,gBCFJ,SACE,kBACA,WAGF,SACE,YACA,kBACA,WCLA,gDACE,qBAGF,gDAME,0GACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAZA,2BACE,aACA,aAFF,mBACE,aACA,aAYF,sIACA,iICvBJ,2BACE,aACA,cAFF,mBACE,aACA,cAMA,mDACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,mDASE,oDARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,mDACE,qBC9BF,qDACE,mBAGF,qDACE,YACA,kBACA,WCPF,uDACE,kBACA,kBACA,QACA,0BACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n content: '';\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n","/* Global styles. */\n\n@import \"_global/reset\";\n\nbody {\n text-rendering: auto;\n}\n\n* {\n box-sizing: border-box;\n}\n",".link[disabled] {\n cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n &.button {\n background-image: linear-gradient(to top, lightgray, white 50%, white);\n border: solid 1px gray;\n border-radius: 0.3em;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n font: inherit;\n margin: 0.1em;\n padding: 0.3em 1.2em;\n text-align: center;\n text-decoration: none;\n\n &:visited {\n color: inherit;\n }\n\n &:hover {\n border-color: gray;\n cursor: pointer;\n }\n\n &:focus {\n box-shadow: 0 0 3px 1px lightblue;\n border-color: blue;\n outline: none;\n }\n\n &.active,\n &:active {\n background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n box-shadow: inset 0 1px 3px 0 lightgray;\n border-color: gray;\n }\n }\n\n /* Additional styling of disabled buttons. */\n &.disabled {\n cursor: not-allowed;\n opacity: 0.33;\n }\n}\n","*,\n.context,\n.ad.hoc {\n &.checkbox {\n appearance: none;\n background: white;\n border: 1px solid gray;\n border-radius: 0.3em;\n cursor: pointer;\n font: inherit;\n height: 1.5em;\n outline: none;\n margin: 0;\n width: 1.5em;\n\n &:checked {\n &::after {\n background: black;\n border-radius: 0.3em;\n content: '';\n display: block;\n height: 1em;\n margin: 0.2em;\n width: 1em;\n }\n }\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n &.arrow {\n background-image: linear-gradient(to top, lightgray, white 50%, white);\n border: 1px solid gray;\n border-radius: 0 0.3em 0.3em 0;\n padding: 0.3em 0.6em;\n pointer-events: none;\n position: absolute;\n right: 0;\n }\n\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n position: relative;\n }\n\n :active + &.arrow {\n background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n border-bottom-right-radius: 0;\n }\n\n :focus + &.arrow {\n border-color: blue;\n border-left-color: gray;\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n\n &.option { /* Empty style */ }\n &.hiddenOption { display: none; }\n\n &.select {\n appearance: none;\n background: white;\n border: 1px solid gray;\n border-radius: 0.3em;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n font: inherit;\n outline: none;\n padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n &:active {\n background: white;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n}\n","*,\n.context,\n.ad.hoc {\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n }\n\n &.input {\n border: 1px solid gray;\n border-radius: 0.3em;\n cursor: text;\n font: inherit;\n outline: none;\n padding: 0.3em 0.3em calc(0.3em + 1px);\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n &.container {\n align-items: stretch;\n display: flex;\n min-height: 100vh;\n overflow: hidden;\n width: 100%;\n }\n\n &.mainPanel {\n overflow: hidden;\n padding: 1.2em;\n width: $screen-md;\n }\n\n &.sidePanel {\n overflow: hidden;\n width: calc((100% - #{$screen-md}) / 2);\n }\n}\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n @media (max-width: #{$screen-xs}) {\n @content;\n }\n}\n\n@mixin xs-to-sm {\n @media (max-width: #{$screen-sm}) {\n @content;\n }\n}\n\n@mixin xs-to-mm {\n @media (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin xs-to-md {\n @media (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin xs-to-lg {\n @media (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n/* SM */\n\n@mixin sm {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n @content;\n }\n}\n\n@mixin sm-to-mm {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin sm-to-md {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin sm-to-lg {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin sm-to-xl {\n @media (min-width: #{$screen-xs + 1px}) {\n @content;\n }\n}\n\n/* MM */\n\n@mixin mm {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin mm-to-md {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin mm-to-lg {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin mm-to-xl {\n @media (min-width: #{$screen-sm + 1px}) {\n @content;\n }\n}\n\n/* MD */\n\n@mixin md {\n @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin md-to-lg {\n @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin md-to-xl {\n @media (min-width: #{$screen-mm + 1px}) {\n @content;\n }\n}\n\n/* LG */\n\n@mixin lg {\n @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin lg-to-xl {\n @media (min-width: #{$screen-md + 1px}) {\n @content;\n }\n}\n\n/* XL */\n\n@mixin xl {\n @media (min-width: #{$screen-lg + 1px}) {\n @content;\n }\n}\n","@import 'styles/mixins';\n\n*,\n.context,\n.ad.hoc {\n &.overlay {\n background: #eee;\n height: 100%;\n left: 0;\n opacity: 0.8;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 998;\n\n &:focus { outline: none; }\n }\n\n &.container {\n background: #fff;\n box-shadow: 0 0 14px 1px rgba(38, 38, 40, 0.15);\n border-radius: 4;\n max-height: 95vh;\n max-width: $screen-md;\n overflow: hidden;\n padding: 0.6em 1.2em;\n width: 480px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 999;\n\n @include xs-to-lg {\n max-width: 95vw;\n }\n }\n}\n",":global {\n body.scrolling-disabled-by-modal {\n overflow: hidden;\n }\n}\n",".container {\n position: relative;\n width: 100%;\n}\n\n.wrapper {\n height: 100%;\n position: absolute;\n width: 100%;\n}\n","*,\n.context,\n.ad.hoc {\n &.container {\n display: inline-block;\n }\n\n &.circle {\n @keyframes bouncing {\n from { top: -0.3em; }\n to { top: 0.3em; }\n }\n\n animation: bouncing 0.4s ease-in infinite alternate;\n background: black;\n border-radius: 0.3em;\n display: inline-block;\n height: 0.6em;\n margin: 0 0.1em;\n position: relative;\n width: 0.6em;\n\n &:first-child { animation-delay: -0.2s; }\n &:last-child { animation-delay: 0.2s; }\n }\n}\n","@keyframes appearance {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n*,\n.ad.hoc,\n.context {\n &.arrow {\n border: 0.6em solid grey;\n pointer-events: none;\n position: absolute;\n width: 0;\n height: 0;\n }\n\n /*\n &.content { }\n */\n\n &.container {\n background: grey;\n border-radius: 0.3em;\n color: white;\n display: inline-block;\n padding: 0 0.3em;\n position: absolute;\n top: 0;\n left: 0;\n animation: appearance 0.6s;\n }\n\n &.wrapper {\n display: inline-block;\n }\n}\n","*,\n.context,\n.ad.hoc {\n .container {\n background: whitesmoke;\n }\n\n .video {\n height: 100%;\n position: relative;\n width: 100%;\n }\n}\n","*,\n.context,\n.ad.hoc {\n .container {\n position: absolute;\n text-align: center;\n top: 40%;\n transform: translateY(50%);\n width: 100%;\n }\n}\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCTF,mBACE,mBCMA,kDACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBAEA,0EACE,cAGF,oEACE,kBACA,eAGF,oEAEE,kBADA,+BAEA,aAGF,iJAEE,+DAEA,kBADA,oCACA,CAKJ,kDACE,mBACA,YC3CF,mDACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,6FACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,qEACE,kBACA,+BAIJ,mDACE,mBACA,oBACA,YAGF,mDACE,sBCnCF,mDACE,6DACA,sBACA,4BACA,kBACA,oBACA,kBACA,QAGF,mDACE,mBACA,oBACA,YACA,kBAGF,2EACE,+DACA,6BAGF,wEAEE,iCAGF,gDACE,sBAIF,gEAEA,gDACE,6DACA,gBACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,aACA,0CAEA,qEACE,gBACA,4BACA,6BAGF,kEACE,kBACA,+BCxDJ,kDACE,mBACA,oBACA,YAGF,kDACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,oEACE,kBACA,+BAIJ,kDACE,sBCZF,kDACE,oBACA,aACA,iBACA,gBACA,WAGF,+CACE,gBACA,cACA,YCPQ,CDUV,kDACE,gBACA,wBEvBF,mDACE,gBACA,YACA,OACA,YACA,eACA,MACA,WACA,YAEA,kFAGF,gDACE,gBAEA,gBADA,2CASA,SAPA,gBACA,gBDPQ,CCQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YDeF,yBC5BA,gDAgBI,gBCjCJ,iCACE,gBCFJ,SACE,kBACA,WAGF,SACE,YACA,kBACA,WCLA,gDACE,qBAGF,gDAME,0GACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAZA,2BACE,aACA,aAFF,mBACE,aACA,aAYF,sIACA,iICvBJ,2BACE,aACA,iBAFF,mBACE,aACA,iBAMA,mDACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,mDASE,oDARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,mDACE,qBC9BF,qDACE,mBAGF,qDACE,YACA,kBACA,WCPF,uDACE,kBACA,kBACA,QACA,0BACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n","/* Global styles. */\n\n@import \"_global/reset\";\n\nbody {\n text-rendering: auto;\n}\n\n* {\n box-sizing: border-box;\n}\n",".link[disabled] {\n cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n &.button {\n background-image: linear-gradient(to top, lightgray, white 50%, white);\n border: solid 1px gray;\n border-radius: 0.3em;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n font: inherit;\n margin: 0.1em;\n padding: 0.3em 1.2em;\n text-align: center;\n text-decoration: none;\n\n &:visited {\n color: inherit;\n }\n\n &:hover {\n border-color: gray;\n cursor: pointer;\n }\n\n &:focus {\n box-shadow: 0 0 3px 1px lightblue;\n border-color: blue;\n outline: none;\n }\n\n &.active,\n &:active {\n background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n box-shadow: inset 0 1px 3px 0 lightgray;\n border-color: gray;\n }\n }\n\n /* Additional styling of disabled buttons. */\n &.disabled {\n cursor: not-allowed;\n opacity: 33%;\n }\n}\n","*,\n.context,\n.ad.hoc {\n &.checkbox {\n appearance: none;\n background: white;\n border: 1px solid gray;\n border-radius: 0.3em;\n cursor: pointer;\n font: inherit;\n height: 1.5em;\n outline: none;\n margin: 0;\n width: 1.5em;\n\n &:checked {\n &::after {\n background: black;\n border-radius: 0.3em;\n content: \"\";\n display: block;\n height: 1em;\n margin: 0.2em;\n width: 1em;\n }\n }\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n &.arrow {\n background-image: linear-gradient(to top, lightgray, white 50%, white);\n border: 1px solid gray;\n border-radius: 0 0.3em 0.3em 0;\n padding: 0.3em 0.6em;\n pointer-events: none;\n position: absolute;\n right: 0;\n }\n\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n position: relative;\n }\n\n :active + &.arrow {\n background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n border-bottom-right-radius: 0;\n }\n\n :focus + &.arrow {\n border-color: blue;\n border-left-color: gray;\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n\n &.option { /* Empty style */ }\n &.hiddenOption { display: none; }\n\n &.select {\n appearance: none;\n background: white;\n border: 1px solid gray;\n border-radius: 0.3em;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n font: inherit;\n outline: none;\n padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n &:active {\n background: white;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n}\n","*,\n.context,\n.ad.hoc {\n &.container {\n align-items: center;\n display: inline-flex;\n margin: 0.1em;\n }\n\n &.input {\n border: 1px solid gray;\n border-radius: 0.3em;\n cursor: text;\n font: inherit;\n outline: none;\n padding: 0.3em 0.3em calc(0.3em + 1px);\n\n &:focus {\n border-color: blue;\n box-shadow: 0 0 3px 1px lightblue;\n }\n }\n\n &.label {\n margin: 0 0.6em 0 1.5em;\n }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n &.container {\n align-items: stretch;\n display: flex;\n min-height: 100vh;\n overflow: hidden;\n width: 100%;\n }\n\n &.mainPanel {\n overflow: hidden;\n padding: 1.2em;\n width: $screen-md;\n }\n\n &.sidePanel {\n overflow: hidden;\n width: calc((100% - #{$screen-md}) / 2);\n }\n}\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n @media (max-width: #{$screen-xs}) {\n @content;\n }\n}\n\n@mixin xs-to-sm {\n @media (max-width: #{$screen-sm}) {\n @content;\n }\n}\n\n@mixin xs-to-mm {\n @media (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin xs-to-md {\n @media (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin xs-to-lg {\n @media (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n/* SM */\n\n@mixin sm {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n @content;\n }\n}\n\n@mixin sm-to-mm {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin sm-to-md {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin sm-to-lg {\n @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin sm-to-xl {\n @media (min-width: #{$screen-xs + 1px}) {\n @content;\n }\n}\n\n/* MM */\n\n@mixin mm {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n @content;\n }\n}\n\n@mixin mm-to-md {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin mm-to-lg {\n @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin mm-to-xl {\n @media (min-width: #{$screen-sm + 1px}) {\n @content;\n }\n}\n\n/* MD */\n\n@mixin md {\n @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n @content;\n }\n}\n\n@mixin md-to-lg {\n @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin md-to-xl {\n @media (min-width: #{$screen-mm + 1px}) {\n @content;\n }\n}\n\n/* LG */\n\n@mixin lg {\n @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n @content;\n }\n}\n\n@mixin lg-to-xl {\n @media (min-width: #{$screen-md + 1px}) {\n @content;\n }\n}\n\n/* XL */\n\n@mixin xl {\n @media (min-width: #{$screen-lg + 1px}) {\n @content;\n }\n}\n","@import \"styles/mixins\";\n\n*,\n.context,\n.ad.hoc {\n &.overlay {\n background: #eee;\n height: 100%;\n left: 0;\n opacity: 80%;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 998;\n\n &:focus { outline: none; }\n }\n\n &.container {\n background: #fff;\n box-shadow: 0 0 14px 1px rgba(38 38 40 / 15%);\n border-radius: 4;\n max-height: 95vh;\n max-width: $screen-md;\n overflow: hidden;\n padding: 0.6em 1.2em;\n width: 480px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 999;\n\n @include xs-to-lg {\n max-width: 95vw;\n }\n }\n}\n",":global {\n body.scrolling-disabled-by-modal {\n overflow: hidden;\n }\n}\n",".container {\n position: relative;\n width: 100%;\n}\n\n.wrapper {\n height: 100%;\n position: absolute;\n width: 100%;\n}\n","*,\n.context,\n.ad.hoc {\n &.container {\n display: inline-block;\n }\n\n &.circle {\n @keyframes bouncing {\n from { top: -0.3em; }\n to { top: 0.3em; }\n }\n\n animation: bouncing 0.4s ease-in infinite alternate;\n background: black;\n border-radius: 0.3em;\n display: inline-block;\n height: 0.6em;\n margin: 0 0.1em;\n position: relative;\n width: 0.6em;\n\n &:first-child { animation-delay: -0.2s; }\n &:last-child { animation-delay: 0.2s; }\n }\n}\n","@keyframes appearance {\n from { opacity: 0%; }\n to { opacity: 100%; }\n}\n\n*,\n.ad.hoc,\n.context {\n &.arrow {\n border: 0.6em solid grey;\n pointer-events: none;\n position: absolute;\n width: 0;\n height: 0;\n }\n\n /*\n &.content { }\n */\n\n &.container {\n background: grey;\n border-radius: 0.3em;\n color: white;\n display: inline-block;\n padding: 0 0.3em;\n position: absolute;\n top: 0;\n left: 0;\n animation: appearance 0.6s;\n }\n\n &.wrapper {\n display: inline-block;\n }\n}\n","*,\n.context,\n.ad.hoc {\n .container {\n background: whitesmoke;\n }\n\n .video {\n height: 100%;\n position: relative;\n width: 100%;\n }\n}\n","*,\n.context,\n.ad.hoc {\n .container {\n position: absolute;\n text-align: center;\n top: 40%;\n transform: translateY(50%);\n width: 100%;\n }\n}\n"],"names":[],"sourceRoot":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
extends: 'stylelint-config-standard',
|
|
2
|
+
extends: 'stylelint-config-standard-scss',
|
|
3
3
|
rules: {
|
|
4
4
|
'at-rule-no-unknown': [true, {
|
|
5
5
|
ignoreAtRules: [
|
|
@@ -12,6 +12,7 @@ module.exports = {
|
|
|
12
12
|
'use',
|
|
13
13
|
],
|
|
14
14
|
}],
|
|
15
|
+
'selector-class-pattern': null,
|
|
15
16
|
'selector-pseudo-class-no-unknown': [
|
|
16
17
|
true, { ignorePseudoClasses: ['global'] },
|
|
17
18
|
],
|
package/package.json
CHANGED
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@babel/runtime": "^7.15.4",
|
|
11
11
|
"@dr.pogodin/babel-plugin-react-css-modules": "^6.4.1",
|
|
12
|
-
"@dr.pogodin/react-global-state": "^0.6.
|
|
12
|
+
"@dr.pogodin/react-global-state": "^0.6.4",
|
|
13
13
|
"@dr.pogodin/react-themes": "^1.3.3",
|
|
14
14
|
"autoprefix": "^1.0.1",
|
|
15
15
|
"axios": "^0.23.0",
|
|
16
|
-
"commander": "^8.
|
|
16
|
+
"commander": "^8.3.0",
|
|
17
17
|
"compression": "^1.7.4",
|
|
18
18
|
"config": "^3.3.6",
|
|
19
19
|
"cookie-parser": "^1.4.5",
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
|
|
59
59
|
"autoprefixer": "^10.3.7",
|
|
60
60
|
"babel-eslint": "^10.1.0",
|
|
61
|
-
"babel-jest": "^27.
|
|
62
|
-
"babel-loader": "^8.2.
|
|
61
|
+
"babel-jest": "^27.3.1",
|
|
62
|
+
"babel-loader": "^8.2.3",
|
|
63
63
|
"babel-plugin-module-resolver": "^4.1.0",
|
|
64
64
|
"core-js": "^3.18.3",
|
|
65
65
|
"css-loader": "^6.4.0",
|
|
@@ -68,16 +68,16 @@
|
|
|
68
68
|
"eslint-config-airbnb": "^18.2.1",
|
|
69
69
|
"eslint-import-resolver-babel-module": "^5.3.1",
|
|
70
70
|
"eslint-plugin-import": "^2.25.2",
|
|
71
|
-
"eslint-plugin-jest": "^25.
|
|
71
|
+
"eslint-plugin-jest": "^25.2.2",
|
|
72
72
|
"eslint-plugin-jsx-a11y": "^6.4.1",
|
|
73
73
|
"eslint-plugin-react": "^7.26.1",
|
|
74
74
|
"eslint-plugin-react-hooks": "^4.2.0",
|
|
75
75
|
"identity-obj-proxy": "^3.0.0",
|
|
76
|
-
"jest": "^27.
|
|
77
|
-
"mini-css-extract-plugin": "^2.4.
|
|
76
|
+
"jest": "^27.3.1",
|
|
77
|
+
"mini-css-extract-plugin": "^2.4.3",
|
|
78
78
|
"mockdate": "^3.0.5",
|
|
79
79
|
"nodelist-foreach-polyfill": "^1.2.0",
|
|
80
|
-
"postcss": "^8.3.
|
|
80
|
+
"postcss": "^8.3.11",
|
|
81
81
|
"postcss-loader": "^6.2.0",
|
|
82
82
|
"postcss-scss": "^4.0.1",
|
|
83
83
|
"pretty": "^2.0.0",
|
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
"react-test-renderer": "^17.0.2",
|
|
86
86
|
"regenerator-runtime": "^0.13.9",
|
|
87
87
|
"resolve-url-loader": "^4.0.0",
|
|
88
|
-
"sass": "^1.43.
|
|
88
|
+
"sass": "^1.43.3",
|
|
89
89
|
"sass-loader": "^12.2.0",
|
|
90
90
|
"sitemap": "^7.0.0",
|
|
91
|
-
"stylelint": "^
|
|
92
|
-
"stylelint-config-standard": "^
|
|
91
|
+
"stylelint": "^14.0.0",
|
|
92
|
+
"stylelint-config-standard-scss": "^2.0.0",
|
|
93
93
|
"supertest": "^6.1.6",
|
|
94
|
-
"webpack": "^5.
|
|
94
|
+
"webpack": "^5.59.1",
|
|
95
95
|
"webpack-dev-middleware": "^5.2.1",
|
|
96
96
|
"webpack-hot-middleware": "^2.25.1",
|
|
97
97
|
"webpack-merge": "^5.8.0",
|
|
@@ -128,8 +128,8 @@
|
|
|
128
128
|
"jest": "NODE_CONFIG_ENV=test jest --no-cache -w 1 --config config/jest/default.js",
|
|
129
129
|
"lint": "npm run lint:js && npm run lint:scss",
|
|
130
130
|
"lint:js": "eslint --ext .js,.jsx .",
|
|
131
|
-
"lint:scss": "stylelint -- **/*.{css,scss}
|
|
131
|
+
"lint:scss": "stylelint -- **/*.{css,scss}",
|
|
132
132
|
"test": "npm run lint && npm run jest"
|
|
133
133
|
},
|
|
134
|
-
"version": "1.
|
|
134
|
+
"version": "1.10.0"
|
|
135
135
|
}
|
|
@@ -12,12 +12,12 @@
|
|
|
12
12
|
*/
|
|
13
13
|
@mixin font-family($font-name, $font-weight, $font-style, $font-url, $font-file) {
|
|
14
14
|
@font-face {
|
|
15
|
-
font-family:
|
|
15
|
+
font-family: "#{$font-name}";
|
|
16
16
|
font-display: block;
|
|
17
17
|
font-weight: $font-weight;
|
|
18
18
|
font-style: $font-style;
|
|
19
|
-
src: url(
|
|
20
|
-
src: url(
|
|
19
|
+
src: url("#{$font-url}#{$font-file}.eot");
|
|
20
|
+
src: url("#{$font-url}#{$font-file}.eot?#iefix") format("embedded-opentype"), url("#{$font-url}#{$font-file}.woff") format("woff"), url("#{$font-url}#{$font-file}.ttf") format("truetype"), url("#{$font-url}#{$font-file}.svg##{$font-name}") format("svg");
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -35,6 +35,6 @@
|
|
|
35
35
|
font-display: block;
|
|
36
36
|
font-style: $font-style;
|
|
37
37
|
font-weight: $font-weight;
|
|
38
|
-
src: url(
|
|
38
|
+
src: url("#{$font-url}.ttf") format("truetype");
|
|
39
39
|
}
|
|
40
40
|
}
|
package/src/styles/mixins.scss
CHANGED