lighteningcards 2.2.1 → 2.2.2
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.
- package/dist/index.cjs.js +447 -1234
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.js +447 -1234
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/LighteningCard.css +5 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:Palatino-Bold;font-style:normal;font-weight:400;src:url(https://static.egcdn.com/frontend/evo/r2/fonts/palatinobo.675fff04.woff2) format("woff2")}.lightening-card{height:100%;left:0;position:absolute;top:0;transform:translate(0);width:100%;z-index:100000}@media (min-width:768px){.lightening-card.five-cards{min-height:130px}}@media (max-width:768px){.lightening-card{z-index:100000}}.container--5cb15{animation-fill-mode:forwards;animation-name:appearKeyframes--ea1c6;animation-timing-function:ease-out;height:100%;opacity:0;position:relative;transform:translateY(50%);width:100%}.container--5cb15.noAnimation--94619{opacity:1;transform:none}.shell--013b5{background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 2px 6px #cea245);height:100%;left:0;position:absolute;top:0;width:100%}.lightningBorder--21495{height:125%;left:-24%;position:absolute;top:-12%;width:146%}.elements--d38d6{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:0;position:relative;width:100%;z-index:0}.cardContainer--68186{bottom:5%;box-sizing:border-box;height:62%;left:0;margin:0;position:absolute;width:90%}.card--88842{height:100%;width:100%}.card--88842.cardAppear--752e9{animation:cardAppearKeyframes--faa13 .6s linear forwards}.cardContainer--68186 .cardBorder--a2a73{border:1px solid #968770;border-radius:4px;bottom:0;box-sizing:border-box;height:100%;left:53%;position:absolute;top:0;transform:translateX(-50%);width:85%;z-index:1}.multiplier--22733{filter:drop-shadow(0 2px 3px #000);height:auto;left:50%;margin-bottom:0;margin-top:0;position:absolute;top:0;transform:translate(-50%) translateZ(0);width:120%;z-index:2}.textContainer--1a1ac{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.text--68a0b{clip-path:inset(1px);display:inline;font-family:Palatino-Bold,serif;font-weight:400;line-height:1.25;padding:1px;-webkit-user-select:none;user-select:none;white-space:nowrap}.placeholder--6cec6{visibility:hidden}.base--b286e{color:#fff;position:absolute}.textBackground--cded2{-webkit-background-clip:text;background-clip:text;background-origin:content-box;background-repeat:no-repeat;color:transparent;position:absolute}.lightning--2aac5{background-image:linear-gradient(.26deg,#fbcc5d 26.88%,#9c6b31 48.69%,#ffdea9 48.83%,#ffdd75 61.96%,#ffd67d 78.15%);opacity:.75}.shadow--551ae{color:#703f00;position:absolute;transform:translateY(0)}.multiplier--fe086{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.wrapper--9fd49{display:inline-block;position:relative;width:100
|
|
1
|
+
@font-face{font-family:Palatino-Bold;font-style:normal;font-weight:400;src:url(https://static.egcdn.com/frontend/evo/r2/fonts/palatinobo.675fff04.woff2) format("woff2")}.lightening-card{height:100%;left:0;position:absolute;top:0;transform:translate(0);width:100%;z-index:100000}@media (min-width:768px){.lightening-card.five-cards{min-height:130px}}@media (max-width:768px){.lightening-card{z-index:100000}}.container--5cb15{animation-fill-mode:forwards;animation-name:appearKeyframes--ea1c6;animation-timing-function:ease-out;height:100%;opacity:0;position:relative;transform:translateY(50%);width:100%}.container--5cb15.noAnimation--94619{opacity:1;transform:none}.shell--013b5{background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 2px 6px #cea245);height:100%;left:0;position:absolute;top:0;width:100%}.lightningBorder--21495{height:125%;left:-24%;position:absolute;top:-12%;width:146%}.elements--d38d6{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:0;position:relative;width:100%;z-index:0}.cardContainer--68186{bottom:5%;box-sizing:border-box;height:62%;left:0;margin:0;position:absolute;width:90%}.card--88842{height:100%;width:100%}.card--88842.cardAppear--752e9{animation:cardAppearKeyframes--faa13 .6s linear forwards}.cardContainer--68186 .cardBorder--a2a73{background:#000;border:1px solid #968770;border-radius:4px;bottom:0;box-sizing:border-box;height:100%;left:53%;position:absolute;top:0;transform:translateX(-50%);width:85%;z-index:1}.multiplier--22733{filter:drop-shadow(0 2px 3px #000);height:auto;left:50%;margin-bottom:0;margin-top:0;position:absolute;top:0;transform:translate(-50%) translateZ(0);width:120%;z-index:2}.textContainer--1a1ac{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.text--68a0b{clip-path:inset(1px);display:inline;font-family:Palatino-Bold,serif;font-weight:400;line-height:1.25;padding:1px;-webkit-user-select:none;user-select:none;white-space:nowrap}.placeholder--6cec6{visibility:hidden}.base--b286e{color:#fff;position:absolute}.textBackground--cded2{-webkit-background-clip:text;background-clip:text;background-origin:content-box;background-repeat:no-repeat;color:transparent;position:absolute}.lightning--2aac5{background-image:linear-gradient(.26deg,#fbcc5d 26.88%,#9c6b31 48.69%,#ffdea9 48.83%,#ffdd75 61.96%,#ffd67d 78.15%);opacity:.75}.shadow--551ae{color:#703f00;position:absolute;transform:translateY(0)}.multiplier--fe086{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.wrapper--9fd49{display:inline-block;position:relative;width:100%;z-index:100}.card--32433,.wrapper--9fd49{height:100%;width:100%}.darkKhaki--2565e{fill:#756957}.suit--2017b{display:inline-block;height:100%;width:100%}.suit--2017b.active--9b94f{opacity:1}.lightningCard--9ec39{height:65px;margin:0 4px;width:38px}.lightningCard--9ec39.desktop--36d4c{height:calc(50px/var(--reverseScale, 1));margin:0 calc(6px/var(--reverseScale, 1)) calc(3px/var(--reverseScale, 1));width:calc(35px/var(--reverseScale, 1))}@media (max-width:768px){.lightningCard--9ec39{height:72px;margin:0 3px;width:44px}.cardContainer--68186{height:67%}.cardContainer--68186 .cardBorder--a2a73{background:#000;border:1px solid #968770;border-radius:4px;bottom:0;box-sizing:border-box;height:100%;left:55%;position:absolute;top:0;transform:translateX(-51%);width:85%;z-index:1}}@keyframes appearKeyframes--ea1c6{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:none}}@keyframes cardAppearKeyframes--faa13{0%{opacity:0}to{opacity:1}}.lightningCards--13a84{--cardMaxHeight:0;--cardMaxWidth:0;--reverseScale:1;align-items:center;display:flex;flex-direction:row;height:100px;justify-content:center;position:relative;transform-origin:0 0;width:390px}.lightningCards--13a84.fromBottom--29d65{align-items:flex-end}.lightningCards--13a84.fromCenter--08bae{align-items:center}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LighteningCard.css"],"names":[],"mappings":"AAAA,WACE,yBAA0B,CAC1B,iBAAkB,CAClB,eAAgB,CAChB,
|
|
1
|
+
{"version":3,"sources":["LighteningCard.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@font-face {\r\n font-family: Palatino-Bold;\r\n font-style: normal;\r\n font-weight: 400;\r\n src: url(https://static.egcdn.com/frontend/evo/r2/fonts/palatinobo.675fff04.woff2)\r\n format(\"woff2\");\r\n}\r\n\r\n.lightening-card {\r\n z-index: 100000;\r\n position: absolute;\r\n top: 0rem;\r\n left: 0%;\r\n transform: translate(0%, 0%);\r\n\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lightening-card.five-cards {\r\n min-height: 130px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .lightening-card {\r\n z-index: 100000;\r\n }\r\n}\r\n\r\n/* Lightning Card HTML/CSS Styles */\r\n.container--5cb15 {\r\n animation-fill-mode: forwards;\r\n animation-name: appearKeyframes--ea1c6;\r\n animation-timing-function: ease-out;\r\n height: 100%;\r\n opacity: 0;\r\n position: relative;\r\n transform: translateY(50%);\r\n width: 100%;\r\n}\r\n\r\n.container--5cb15.noAnimation--94619 {\r\n opacity: 1;\r\n transform: none;\r\n}\r\n\r\n.shell--013b5 {\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n filter: drop-shadow(0 2px 6px #cea245);\r\n height: 100%;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n}\r\n\r\n.lightningBorder--21495 {\r\n height: 125%;\r\n left: -24%;\r\n position: absolute;\r\n top: -12%;\r\n width: 146%;\r\n}\r\n\r\n.elements--d38d6 {\r\n align-items: center;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: flex-start;\r\n overflow: hidden;\r\n padding: 0;\r\n position: relative;\r\n width: 100%;\r\n z-index: 0;\r\n}\r\n\r\n.cardContainer--68186 {\r\n box-sizing: border-box;\r\n height: 62%;\r\n position: absolute;\r\n width: 90%;\r\n bottom: 5%;\r\n left: 0;\r\n margin: 0;\r\n}\r\n\r\n.card--88842 {\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.card--88842.cardAppear--752e9 {\r\n animation: cardAppearKeyframes--faa13 0.6s linear forwards;\r\n}\r\n\r\n.cardContainer--68186 .cardBorder--a2a73 {\r\n border: 1px solid #968770;\r\n border-radius: 4px;\r\n box-sizing: border-box;\r\n height: 100%;\r\n left: 53%;\r\n position: absolute;\r\n bottom: 0;\r\n top: 0;\r\n transform: translateX(-50%);\r\n width: 85%;\r\n z-index: 1;\r\n background: black;\r\n}\r\n\r\n.multiplier--22733 {\r\n filter: drop-shadow(0 2px 3px #000);\r\n height: auto;\r\n margin-bottom: 0;\r\n margin-top: 0;\r\n position: absolute;\r\n top: 0%;\r\n left: 50%;\r\n transform: translate(-50%, 0) translateZ(0);\r\n width: 120%;\r\n z-index: 2;\r\n}\r\n\r\n.textContainer--1a1ac {\r\n align-items: center;\r\n display: flex;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.text--68a0b {\r\n clip-path: inset(1px);\r\n display: inline;\r\n font-family: Palatino-Bold, serif;\r\n font-weight: 400;\r\n line-height: 1.25;\r\n padding: 1px;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n white-space: nowrap;\r\n}\r\n\r\n.placeholder--6cec6 {\r\n visibility: hidden;\r\n}\r\n\r\n.base--b286e {\r\n color: #fff;\r\n position: absolute;\r\n}\r\n\r\n.textBackground--cded2 {\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n background-origin: content-box;\r\n background-repeat: no-repeat;\r\n color: transparent;\r\n position: absolute;\r\n}\r\n\r\n.lightning--2aac5 {\r\n background-image: linear-gradient(\r\n 0.26deg,\r\n #fbcc5d 26.88%,\r\n #9c6b31 48.69%,\r\n #ffdea9 48.83%,\r\n #ffdd75 61.96%,\r\n #ffd67d 78.15%\r\n );\r\n opacity: 0.75;\r\n}\r\n\r\n.shadow--551ae {\r\n color: #703f00;\r\n position: absolute;\r\n transform: translateY(0%);\r\n}\r\n\r\n.multiplier--fe086 {\r\n align-items: center;\r\n display: flex;\r\n height: 100%;\r\n justify-content: center;\r\n width: 100%;\r\n}\r\n\r\n.wrapper--9fd49 {\r\n display: inline-block;\r\n position: relative;\r\n width: 100%;\r\n z-index: 100;\r\n}\r\n\r\n.card--32433,\r\n.wrapper--9fd49 {\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.darkKhaki--2565e {\r\n fill: #756957;\r\n}\r\n\r\n.suit--2017b {\r\n display: inline-block;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.suit--2017b.active--9b94f {\r\n opacity: 1;\r\n}\r\n\r\n.lightningCard--9ec39 {\r\n height: 65px;\r\n margin: 0 4px;\r\n width: 38px;\r\n}\r\n\r\n.lightningCard--9ec39.desktop--36d4c {\r\n height: calc(50px / var(--reverseScale, 1));\r\n margin: 0 calc(6px / var(--reverseScale, 1))\r\n calc(3px / var(--reverseScale, 1));\r\n width: calc(35px / var(--reverseScale, 1));\r\n}\r\n\r\n.lightningCard--9ec39.twoCards--4ca7e {\r\n /* Additional styles for two cards layout */\r\n}\r\n\r\n/* Mobile-specific styles */\r\n@media (max-width: 768px) {\r\n .lightningCard--9ec39 {\r\n height: 72px;\r\n margin: 0 3px;\r\n width: 44px;\r\n }\r\n\r\n .cardContainer--68186 {\r\n height: 67%;\r\n }\r\n\r\n .cardContainer--68186 .cardBorder--a2a73 {\r\n border: 1px solid #968770;\r\n border-radius: 4px;\r\n bottom: 0;\r\n box-sizing: border-box;\r\n height: 100%;\r\n left: 55%;\r\n position: absolute;\r\n top: 0;\r\n transform: translateX(-51%);\r\n width: 85%;\r\n z-index: 1;\r\n background: black;\r\n }\r\n}\r\n\r\n@keyframes appearKeyframes--ea1c6 {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(50%);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n}\r\n\r\n@keyframes cardAppearKeyframes--faa13 {\r\n 0% {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n/* Cards container layout */\r\n.lightningCards--13a84 {\r\n --cardMaxHeight: 0;\r\n --cardMaxWidth: 0;\r\n --reverseScale: 1;\r\n align-items: center;\r\n display: flex;\r\n flex-direction: row;\r\n height: 100px;\r\n justify-content: center;\r\n position: relative;\r\n transform-origin: 0 0;\r\n width: 390px;\r\n}\r\n\r\n.lightningCards--13a84.fromBottom--29d65 {\r\n align-items: flex-end;\r\n}\r\n\r\n.lightningCards--13a84.fromCenter--08bae {\r\n align-items: center;\r\n}\r\n"]}
|