API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 27th, 2017
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.05 KB | None | 0 0
raw download clone embed print report
  1. atkColor = #ffffff
  2. healthColor = #fa7a89
  3. durColor = rgba(173, 173, 173, 1)
  4. statBgColor = rgba(0, 0, 0, .5)
  5. costColor = #f9d553
  6. twistColor = rgb(255, 64, 235)
  7. powerColor = rgba(235, 224, 83, 1)
  8.  
  9. eligibilityColor()
  10. -webkit-filter drop-shadow(0 -5px 15px #51ff00)
  11. filter drop-shadow(0 -5px 15px #51ff00)
  12.  
  13. eligibilityColorBoxShadow()
  14. // reason why we have an alternative for drop shadow is because the rendering on drop shadow fails if the card is being moved. How sad!
  15. box-shadow 0 0 30px 7px rgba(81, 255, 0, .7)
  16. // box-shadow 0 0 5px 1px rgba(81, 255, 0, 1), 0 0 5px 2px rgba(81, 255, 0, .1), 0 0 5px 3px rgba(81, 255, 0, .1), 0 0 5px 4px rgba(81, 255, 0, .1) , 0 0 5px 5px rgba(81, 255, 0, .1) , 0 0 5px 6px rgba(81, 255, 0, .1) , 0 0 5px 8px rgba(81, 255, 0, .1) , 0 0 5px 10px rgba(81, 255, 0, .1) , 0 0 5px 12px rgba(81, 255, 0, .1) , 0 0 5px 15px rgba(81, 255, 0, .1)
  17.  
  18. unitShape()
  19. -webkit-clip-path square(50% at 50% 50%)
  20. clip-path square(50% at 50% 50%)
  21.  
  22. weaponShape()
  23. -webkit-clip-path square(42% at 50% 50%)
  24. clip-path square(42% at 50% 50%)
  25.  
  26. afterlifeShape()
  27. -webkit-clip-path square(20% at 50% 50%)
  28. clip-path square(20% at 50% 50%)
  29.  
  30. statStyles()
  31. border-radius 4rem
  32. background statBgColor
  33. padding .2em .4em
  34. position absolute
  35. font-size 1.0em
  36. font-weight bold
  37. line-height 1
  38.  
  39. @keyframes shield
  40. 0%
  41. -webkit-filter drop-shadow(0 -5px 20px #c6e000)
  42. -moz-filter drop-shadow(0 -5px 20px #c6e000)
  43. filter drop-shadow(0 -5px 15px #c6e000)
  44. 75%
  45. -webkit-filter drop-shadow(0 -5px 10px #c6e000)
  46. -moz-filter drop-shadow(0 -5px 10px #c6e000)
  47. filter drop-shadow(0 -5px 15px #c6e000)
  48. 100%
  49. -webkit-filter drop-shadow(0 -5px 3px #c6e000)
  50. -moz-filter drop-shadow(0 -5px 3px #c6e000)
  51. filter drop-shadow(0 -5px 15px #c6e000)
  52.  
  53. @keyframes frenzy
  54. 0%
  55. transform translate(0px, 0px) rotate(0deg)
  56.  
  57. 2%
  58. transform translate(1px, 2px) rotate(2.5deg)
  59.  
  60. 4%
  61. transform translate(8px, 3px) rotate(2.5deg)
  62.  
  63. 6%
  64. transform translate(-2px, 10px) rotate(-1.5deg)
  65.  
  66. 8%
  67. transform translate(3px, 5px) rotate(-0.5deg)
  68.  
  69. 10%
  70. transform translate(3px, -1px) rotate(-0.5deg)
  71.  
  72. 12%
  73. transform translate(-1px, 1px) rotate(-0.5deg)
  74.  
  75. 14%
  76. transform translate(10px, -7px) rotate(-0.5deg)
  77.  
  78. 16%
  79. transform translate(-3px, -5px) rotate(2.5deg)
  80.  
  81. 18%
  82. transform translate(1px, -1px) rotate(3.5deg)
  83.  
  84. 20%
  85. transform translate(-1px, -9px) rotate(-0.5deg)
  86.  
  87. 22%
  88. transform translate(-9px, 5px) rotate(-2.5deg)
  89.  
  90. 24%
  91. transform translate(-2px, -7px) rotate(1.5deg)
  92.  
  93. 26%
  94. transform translate(0px, 5px) rotate(0.5deg)
  95.  
  96. 28%
  97. transform translate(-2px, 10px) rotate(-1.5deg)
  98.  
  99. 30%
  100. transform translate(6px, -2px) rotate(3.5deg)
  101.  
  102. 32%
  103. transform translate(3px, 9px) rotate(-1.5deg)
  104.  
  105. 34%
  106. transform translate(-6px, -8px) rotate(3.5deg)
  107.  
  108. 36%
  109. transform translate(-6px, 1px) rotate(2.5deg)
  110.  
  111. 38%
  112. transform translate(6px, 0px) rotate(3.5deg)
  113.  
  114. 40%
  115. transform translate(0px, -8px) rotate(1.5deg)
  116.  
  117. 42%
  118. transform translate(2px, 1px) rotate(2.5deg)
  119.  
  120. 44%
  121. transform translate(-1px, -1px) rotate(3.5deg)
  122.  
  123. 46%
  124. transform translate(-4px, -3px) rotate(-2.5deg)
  125.  
  126. 48%
  127. transform translate(5px, -7px) rotate(0.5deg)
  128.  
  129. 50%
  130. transform translate(-7px, 4px) rotate(2.5deg)
  131.  
  132. 52%
  133. transform translate(-2px, 9px) rotate(-1.5deg)
  134.  
  135. 54%
  136. transform translate(4px, 1px) rotate(-1.5deg)
  137.  
  138. 56%
  139. transform translate(7px, 4px) rotate(2.5deg)
  140.  
  141. 58%
  142. transform translate(2px, 1px) rotate(1.5deg)
  143.  
  144. 60%
  145. transform translate(4px, -7px) rotate(1.5deg)
  146.  
  147. 62%
  148. transform translate(-8px, 9px) rotate(3.5deg)
  149.  
  150. 64%
  151. transform translate(2px, -1px) rotate(-2.5deg)
  152.  
  153. 66%
  154. transform translate(4px, -2px) rotate(2.5deg)
  155.  
  156. 68%
  157. transform translate(4px, 10px) rotate(2.5deg)
  158.  
  159. 70%
  160. transform translate(0px, -8px) rotate(2.5deg)
  161.  
  162. 72%
  163. transform translate(0px, 10px) rotate(0.5deg)
  164.  
  165. 74%
  166. transform translate(-2px, 6px) rotate(3.5deg)
  167.  
  168. 76%
  169. transform translate(-9px, -5px) rotate(0.5deg)
  170.  
  171. 78%
  172. transform translate(7px, 1px) rotate(3.5deg)
  173.  
  174. 80%
  175. transform translate(0px, 6px) rotate(-0.5deg)
  176.  
  177. 82%
  178. transform translate(4px, -6px) rotate(3.5deg)
  179.  
  180. 84%
  181. transform translate(-4px, 8px) rotate(-2.5deg)
  182.  
  183. 86%
  184. transform translate(1px, 10px) rotate(1.5deg)
  185.  
  186. 88%
  187. transform translate(-3px, 5px) rotate(-2.5deg)
  188.  
  189. 90%
  190. transform translate(0px, -3px) rotate(2.5deg)
  191.  
  192. 92%
  193. transform translate(1px, 8px) rotate(0.5deg)
  194.  
  195. 94%
  196. transform translate(-2px, 1px) rotate(-0.5deg)
  197.  
  198. 96%
  199. transform translate(5px, 6px) rotate(0.5deg)
  200.  
  201. 98%
  202. transform translate(1px, -8px) rotate(0.5deg)
  203.  
  204.  
  205.  
  206.  
  207.  
  208. // not sure how to display this yet
  209. #me-overload
  210. #opponent-overload
  211. display none
  212.  
  213. #cardFullInfo .cardDisplayInner
  214. .cardFullInfo .cardDisplayInner
  215. .info
  216. position relative
  217.  
  218. ul.dataPane
  219. .mainProperties
  220. height 0
  221. padding 0
  222. margin 0
  223. .table
  224. display block
  225. border-spacing 0
  226. .Row .td
  227. display block
  228. padding 0
  229. .title
  230. display none
  231. .data
  232. position absolute
  233. padding .2em .4em
  234. font-size 3em
  235. font-weight bold
  236. line-height 1
  237. border-radius 2em
  238. background statBgColor
  239. [data-name='cost']
  240. .data
  241. color #f9d553
  242. top 10px
  243. left 10px
  244. border 3px solid costColor
  245. [data-name='atk']
  246. .data
  247. color atkColor
  248. top 294px
  249. left 10px
  250. border 3px solid atkColor
  251. [data-name='health']
  252. .data
  253. color healthColor
  254. top 294px
  255. right 10px
  256. border 3px solid healthColor
  257. [data-name='dur']
  258. .data
  259. color durColor
  260. top 294px
  261. right 10px
  262. border 3px solid durColor
  263. [data-name='reqType']
  264. .data
  265. display none
  266. [data-name='reqSource']
  267. .data
  268. display none
  269. [data-name='source']
  270. .data
  271. display none
  272.  
  273. li.rarity
  274. .data
  275. text-align right
  276.  
  277.  
  278.  
  279. li.effect, li.rarity, li.description, li.desc, li.type
  280. .data
  281. float none
  282. width auto
  283. .title
  284. display none
  285. text-align center
  286. .secondaryProperties
  287. overflow hidden
  288. padding 0 19.5px
  289. background rgba(0,0,0,.4)
  290. margin 0
  291. box-sizing border-box
  292. text-align center
  293.  
  294. // there are some properties that are for internal or UI purposes only, not meant to be displayed.
  295. li
  296. &[data-name="eligibleToAttack"]
  297. display none
  298.  
  299. li
  300. display inline-block
  301. background none
  302. padding 9.75px 0
  303. overflow visible
  304. margin 0 0 1px
  305. .data, .title
  306. -webkit-font-smoothing auto
  307. display inline
  308. width auto
  309. float none
  310. padding-right 0
  311. &[data-name="legacy"], &[data-name="invoke"], &[data-name="defensive"], &[data-name="offensive"]
  312. display none
  313. &[data-name="overload"],&[data-name="sacrifice"], &[data-name="snipe"], &[data-name="vanguard"], &[data-name="hidden"], &[data-name="rush"], &[data-name="frenzy"], &[data-name="last life"], &[data-name="shield"], &[data-name="combatant"], &[data-name="vampiric"]
  314. text-transform capitalize
  315. color white
  316. font inherit
  317. font-weight 800
  318. &::after
  319. content ". "
  320. display inline
  321. padding-right .25em
  322.  
  323. .title
  324. text-transform capitalize
  325. color white
  326. font inherit
  327. font-weight 800
  328. .data
  329. display none
  330. &[data-name="sacrifice"], &[data-name="frenzy"], &[data-name="overload"]
  331. .title
  332. padding-right 0
  333. &::after
  334. content " (" attr(data-value) "). "
  335. display inline
  336. padding-right .25em
  337.  
  338.  
  339. // if the value is 1 then don't show the data as usual. Only show data if value is more than 1.
  340. &[data-name="frenzy"][data-value="1"]
  341. &::after
  342. content ". "
  343. display inline
  344. padding-right .25em
  345.  
  346.  
  347. // Class Colors
  348. trampleColor = #f4d48b
  349. clawColor = #08e4b7
  350.  
  351.  
  352. #cardFullInfo, .cardFullInfo
  353. &[data-source='trample']
  354. &[data-source='claw']
  355. &[data-reqSource='trample']
  356. &[data-reqSource='claw']
  357. .mainProperties
  358. .source
  359. .reqSource
  360. .data
  361. visibility hidden
  362. &:after
  363. bottom 12px
  364. left 24px
  365. text-align left
  366. padding 0
  367. font-size 1em
  368. line-height inherit
  369. background 0
  370. font-weight normal
  371. position absolute
  372.  
  373. &[data-source='trample']
  374. &[data-reqSource='trample']
  375. .name, .dataPane
  376. color trampleColor
  377. .name
  378. border-top 3px solid trampleColor
  379. .image
  380. border-bottom 2px solid trampleColor
  381. .mainProperties
  382. .source
  383. .reqSource
  384. &:after
  385. content "Trample"
  386.  
  387. &[data-source='claw']
  388. &[data-reqSource='claw']
  389. .name, .dataPane
  390. color clawColor
  391. .name
  392. border-top 3px solid clawColor
  393. .image
  394. border-bottom 2px solid clawColor
  395. .mainProperties
  396. .source
  397. .reqSource
  398. &:after
  399. content "Claw"
  400.  
  401. color #eee
  402.  
  403. #me-maxMana, #opponent-maxMana
  404. justify-content flex-start
  405. .statWrapper
  406. width 100%
  407. .count
  408. box-sizing border-box
  409. text-align right
  410. width 100%
  411. border-top-left-radius 0
  412. border-bottom-left-radius 0
  413. margin-left -3px
  414. &::before
  415. content "/"
  416. margin-right 3px
  417.  
  418. #opponent-mana[data-type=stat], #me-mana[data-type=stat]
  419. .statWrapper
  420. width 100%
  421. .count
  422. box-sizing border-box
  423. padding-right 6px
  424. text-align right
  425. width 100%
  426. border-top-right-radius 0
  427. border-bottom-right-radius 0
  428.  
  429. #playContainer
  430. .element
  431. padding 0
  432.  
  433.  
  434. #opponent-maxMana[data-type=stat], #me-maxMana[data-type=stat]
  435. .statWrapper
  436. width 100%
  437. .count
  438. text-align left
  439. width 100%
  440. border-top-left-radius 0
  441. border-bottom-left-radius 0
  442.  
  443.  
  444. .selectCardsContainer
  445. .cards
  446. .card
  447. border-top 5px solid
  448. border-top-left-radius 0
  449. border-top-left-radius 0
  450. .mediaContent
  451. border-top-left-radius 0
  452. border-top-left-radius 0
  453.  
  454. .mainProperty
  455. position absolute
  456. padding .2em .4em
  457. font-size 2em
  458. font-weight bold
  459. line-height 1
  460. border-radius 2em
  461. background statBgColor
  462. display block
  463. line-height 1
  464. [data-name='cost']
  465. content attr(data-cost)
  466. color costColor
  467. top 10px
  468. left 10px
  469. border 3px solid costColor
  470. [data-name='atk']
  471. content attr(data-atk)
  472. color atkColor
  473. top 294px
  474. left 10px
  475. border 3px solid atkColor
  476. [data-name='health']
  477. content attr(data-health)
  478. color healthColor
  479. top 294px
  480. right 10px
  481. border 3px solid healthColor
  482. [data-name='dur']
  483. content attr(data-dur)
  484. color durColor
  485. top 294px
  486. right 10px
  487. border 3px solid durColor
  488.  
  489. &[data-effectname="mulliganB"]
  490. &[data-effectname="mulliganA"]
  491. #selectCardsContainer
  492. .card.selected
  493. -webkit-filter none
  494. filter none
  495. box-shadow none
  496. &::after
  497. position absolute
  498. height 92%
  499. width 92%
  500. top 4%
  501. left 4%
  502. background url("https://d2t4fc8ff77neh.cloudfront.net/cardSrcMedia/1ablh1gc6_600px-red_x_svg.png") center center no-repeat
  503. background-size contain
  504. content " / "
  505. display block
  506. color transparent
  507.  
  508.  
  509. #card-container
  510. .card
  511. box-shadow none
  512.  
  513. .property
  514. &[data-name="cost"]
  515. &[data-name="atk"]
  516. &[data-name="health"]
  517. display block
  518.  
  519. &[data-name="cost"]
  520. statStyles()
  521. content attr(data-cost)
  522. position absolute
  523. color costColor
  524. top .5rem
  525. left .5rem
  526. border 1px solid costColor
  527.  
  528. &[data-name="atk"]
  529. statStyles()
  530. content attr(data-cost)
  531. color atkColor
  532. bottom .5rem
  533. left .5rem
  534. border 1px solid atkColor
  535.  
  536. &[data-name="health"]
  537. statStyles()
  538. content attr(data-cost)
  539. color healthColor
  540. bottom .5rem
  541. right .5rem
  542. border 1px solid healthColor
  543.  
  544. &[data-name="dur"]
  545. statStyles()
  546. content attr(data-cost)
  547. color durColor
  548. bottom .5rem
  549. right .5rem
  550. border 1px solid durColor
  551.  
  552. &[data-powerusedthisturn="0"]
  553. .property[data-name="powerName"]
  554. position absolute
  555. top 0
  556. height 100%
  557. width 100%
  558. display block
  559. border-top-left-radius 20em 30em
  560. border-top-right-radius 20em 30em
  561. overflow hidden
  562. color rgba(0, 0, 0, 0)
  563. font-size 1.4em
  564. display none
  565. &::after
  566. content attr(data-value)
  567. display block
  568. top 5rem
  569. width 100%
  570. text-align center
  571. padding .25rem 0
  572. color powerColor
  573. text-shadow black 0px 0px 5px, black 0px 0px 2px
  574. pointer-events none
  575. background-color statBgColor
  576. position absolute
  577.  
  578.  
  579. &[data-location="me-protagonist"]
  580. &[data-location="opponent-protagonist"]
  581. img
  582. border-top-left-radius 40em 10em
  583. border-top-right-radius 40em 10em
  584. border 2px solid purple
  585.  
  586. .property
  587. &[data-name="health"]
  588. display block
  589. &[data-name="atk"]
  590. display block
  591.  
  592. &[data-location="me-hand"]
  593. &[data-eligibletoPlay="1"]
  594. eligibilityColorBoxShadow()
  595. &:hover
  596. margin-top -1%
  597.  
  598.  
  599. &[data-location="me-hand"]
  600. &[data-location="opponent-hand"]
  601.  
  602. .property[data-name="atk"]
  603. .property[data-name="health"]
  604. display none
  605.  
  606. &[data-location="me-afterlife"]
  607. &[data-location="opponent-afterlife"]
  608. afterlifeShape()
  609. // filter blur(5px)
  610. // -o-filter blur(5px)
  611. // -moz-filter blur(5px)
  612. // -ms-filter blur(5px)
  613. // -webkit-filter blur(5px)
  614. transition 1s all
  615. .property
  616. display none
  617.  
  618. &[data-location="me-playPreview"]
  619. &[data-location="opponent-playPreview"]
  620. opacity 1
  621. transition 1s all
  622. .mediaContent
  623. border-radius 5px
  624. .property[data-name="cost"]
  625. border-radius 2em
  626. background statBgColor
  627. padding .2em .4em
  628. content attr(data-cost)
  629. position absolute
  630. font-size 1.5em
  631. color costColor
  632. font-weight bold
  633. top 5px
  634. left 5px
  635. line-height 1
  636. border 1px solid costColor
  637.  
  638. &[data-location="me-weapon"]
  639. &[data-location="opponent-weapon"]
  640. .mediaContent
  641. weaponShape()
  642. .property
  643. &[data-name="cost"]
  644. display none
  645. &[data-name="dur"]
  646. display block
  647.  
  648. &[data-location="me-twist"]
  649. &[data-location="opponent-twist"]
  650. &::after
  651. content "?"
  652. font-weight bold
  653. font-size 4rem
  654. display block
  655. position absolute
  656. width 7rem
  657. line-height 7rem
  658. height 7rem
  659. color alpha(twistColor, 40%)
  660. top 0
  661. left 0
  662. &::before
  663. content "."
  664. display block
  665. height 7rem
  666. width 7rem
  667. border-radius 7rem
  668. background alpha(twistColor, 10%)
  669. // border 2px solid alpha(twistColor, 40%)
  670. box-shadow inset 0 10px 20px 10px alpha(twistColor, 40%)
  671. &:hover
  672. &::after
  673. content "Twist"
  674. color alpha(twistColor, 60%)
  675. font-weight 400
  676. font-size 2rem
  677. .property
  678. display none
  679.  
  680. .mediaContent
  681. display none
  682.  
  683. &[data-location="me-board"]
  684. &[data-location="opponent-board"]
  685. .mediaContent
  686. unitShape()
  687.  
  688. .property[data-name="cost"]
  689. display none
  690.  
  691. &[data-last-life="1"]
  692. .property[data-name="last life"]
  693. background rgba(255,255,255,.01)
  694. box-shadow inset 0 10px 20px 10px #FFF, inset 0 -10px 20px 10px #FFF, 0 10px 20px 10px #FFF, 0 -10px 20px 10px #FFF
  695. transform scaleX(.65) scaleY(.2)
  696. position absolute
  697. border-radius 100px
  698. left 0
  699. top -40%
  700. display block
  701. width 100%
  702. height 0
  703. width 100%
  704. padding-bottom 100%
  705. color rgba(0, 0, 0, 0)
  706.  
  707.  
  708. &[data-frenzy="1"]
  709. &[data-eligibletoattack="1"]
  710. animation frenzy 2s infinite alternate ease-out
  711. &[data-frenzy="2"]
  712. &[data-eligibletoattack="1"]
  713. animation frenzy 2s infinite alternate ease-out
  714.  
  715.  
  716. &[data-shield="1"]
  717. .property[data-name="shield"]
  718. animation shield 1s infinite cubic-bezier(0.86, 0, 0.07, 1)
  719. z-index 1
  720. -webkit-filter drop-shadow(0 -5px 15px #c6e000)
  721. -moz-filter drop-shadow(0 -5px 15px #c6e000)
  722. filter drop-shadow(0 -5px 15px #c6e000)
  723. background transparent
  724. position absolute
  725. left 20%
  726. top -20%
  727. display block
  728. width 60%
  729. height 60%
  730. color rgba(0, 0, 0, 0)
  731. background-image url("https://d2t4fc8ff77neh.cloudfront.net/cardSrcMedia/1abmn8gl0_9TpjLAETE.svg")
  732. background-size contain
  733. background-position center center
  734. background-repeat no-repeat
  735. opacity .5
  736.  
  737.  
  738. &[data-hidden="1"]
  739. .property[data-name="hidden"]
  740. box-shadow inset 10px 0 10px 0 rgba(0,0,0,.9), inset 45px 0 15px -12px rgba(0,0,0,.3), inset 65px 0 10px -15px rgba(0,0,0,.5)
  741. position absolute
  742. left 0
  743. top 0
  744. display block
  745. width 100%
  746. height 100%
  747. color rgba(0, 0, 0, 0)
  748. border-radius 5px
  749. unitShape()
  750.  
  751. &[data-location="me-protagonist"]
  752. &[data-eligibletoattack="1"]
  753. .mediaContent
  754. eligibilityColor()
  755.  
  756. &[data-location="me-board"]
  757. &[data-eligibletoattack="1"]
  758. eligibilityColor()
  759. &[data-vanguard="1"]
  760. .property[data-name="vanguard"]
  761. z-index 1
  762. -webkit-filter drop-shadow(0 -5px 15px #b3c6ff)
  763. -moz-filter drop-shadow(0 -5px 15px #b3c6ff)
  764. filter drop-shadow(0 -5px 15px #b3c6ff)
  765. background transparent
  766. position absolute
  767. left 20%
  768. top -20%
  769. display block
  770. width 60%
  771. height 60%
  772. color rgba(0, 0, 0, 0)
  773. background-image url("https://s14-eu5.ixquick.com/cgi-bin/serveimage?url=http:%2F%2Fwww.free-icons-download.net%2Fimages%2Fgray-shield-icon-32200.png&sp=5416839b3e58890566b351866f1de6d3")
  774. background-size contain
  775. background-position center center
  776. background-repeat no-repeat
  777. opacity .5
  778. &[data-knocked-back="1"]
  779. transform rotate(90deg)
  780. transition 1s
  781. &[data-location="opponent-board"]
  782. &[data-vanguard="1"]
  783. .property[data-name="vanguard"]
  784. z-index 1
  785. -webkit-filter drop-shadow(0 -5px 15px #b3c6ff)
  786. -moz-filter drop-shadow(0 -5px 15px #b3c6ff)
  787. filter drop-shadow(0 -5px 15px #b3c6ff)
  788. background transparent
  789. position absolute
  790. left 20%
  791. top -20%
  792. display block
  793. width 60%
  794. height 60%
  795. color rgba(0, 0, 0, 0)
  796. background-image url("https://s14-eu5.ixquick.com/cgi-bin/serveimage?url=http:%2F%2Fwww.free-icons-download.net%2Fimages%2Fgray-shield-icon-32200.png&sp=5416839b3e58890566b351866f1de6d3")
  797. background-size contain
  798. background-position center center
  799. background-repeat no-repeat
  800. opacity .5
  801. &[data-knocked-back="1"]
  802. transition 1s
  803. transform rotate(270deg)
  804.  
  805. .cardChangingValueContainer
  806. font-size 3rem
  807. font-weight bold
  808. .cardChangingValue
  809. display none
  810. .health.decrease
  811. &.me-board
  812. &.opponent-board
  813. &.Protagonist
  814. display block
  815. color white
  816. border 1px solid healthColor
  817. background alpha(healthColor, 75%)
  818. padding 2rem
  819. label, .to
  820. display none
  821. .by
  822. display block
  823. .arrow
  824. display none
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!