{"_id":"@adaws/flip-card","_rev":"4-3945646df1cdacab6857b9bd7f378318","name":"@adaws/flip-card","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@adaws/flip-card","description":"A card component based on the code-it notes by Dan Harding &lt;https://dev.to/danielharding&gt;","keywords":["web-components","lit-element","card"],"version":"1.0.0","repository":{"type":"git","url":"git+https://github.com/dawsonalex/flip-card.git"},"scripts":{"bundle":"rollup --config rollup.config.js","build:demo":"cp bundle/flip-card.js demo && cp ./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js demo;git subtree push --prefix demo origin gh-pages"},"license":"Unlicense","author":{"name":"Alex Dawson"},"main":"flip-card.js","module":"flip-card.js","dependencies":{"@polymer/polymer":"^3.0.0"},"devDependencies":{"@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-proposal-decorators":"^7.2.3","@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","eslint":"^5.16.0","lit-element":"^2.1.0","mocha":"^5.2.0","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-terser":"^4.0.4","wct-mocha":"^1.0.0"},"gitHead":"853a7be28d3aa5eb3ab8eb72c9c3d5fb7b772d4c","bugs":{"url":"https://github.com/dawsonalex/flip-card/issues"},"homepage":"https://github.com/dawsonalex/flip-card#readme","_id":"@adaws/flip-card@1.0.0","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-vwoS3T7DxkASGFPpwzuLAOk4o7JFerGM3dSvfhMWZlt7hCcNY6bRLWs44+nFq7ucxOxjhibp+i9yyR3Zvlwh6g==","shasum":"550a5179ac2f247ff25696459afedaf0660aaab6","tarball":"https://registry.npmjs.org/@adaws/flip-card/-/flip-card-1.0.0.tgz","fileCount":19,"unpackedSize":288195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1af6CRA9TVsSAnZWagAA6UsP/1JiWsBl4gKsLFwRi4Rz\nPg1tlifl9ZsGqczvw6NDVZ/d2Ff4xQQEmbsYz3yRWgMu65t2pSN/GzVhFcUN\nUrKgGSNnaRxMlk+a+704brTmh5gFGM2f2cEINZ/rJP+vTYazod1Mf7JXauxA\nQp80OzXnX1eTC6gq2+9Vtod3azHnCPlm73FYlSfsobW9GG3CJK1M94YebIAq\nqp7HR0DKlCTrCOcVKpYn7gEfE3sKm7K8pR7wThqG2vJ9CaUtXQ4hYXSTwpng\n5KjNyh3y1zoMdOOs1cCOTT4eoWoISvopQOF43vsSe5B4z/Tf9IdmThXoqSn6\na31SMFdlL5vBCXIJdrCHIH9Lj3a0xNglTNenBNaX94qDv7PuQtkpeIZ6paPl\nDGch68U8cKGYiGiVP756in/hQ2yu2HqKdVXUYkpdCqkPo+Vn/Q+J21Ko+GDn\nfzhFYADowNDfn/GCJU/mBkaozlzL4pXFLBu6NJZWyF95y7ucRNSm/niNbQyl\nxfDOnsloNn094HUPsjjvX0zulhucmowY3OzUMFqqaTulCQiCciXHgi/k417o\nZleyfC/TBlqkZj6pmerNq1CRPcQHjH5PF/krE/HzSMkgDY2uy70MigQuxJmw\nIu/puo8UHMv+iHVlb1wL8Nwyuk7KT8jBjKBLq6ewotpA5S3x1nAgH4QDyhAw\nNiYN\r\n=UIvx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF4ep1eraRQvNoRDI+FojDR0bQd6xe5uknbPqRzBXhcxAiEAok9pPMldATtlgPoAE3GQc2RZiAWlMT3EmMO2WfVzBSI="}]},"maintainers":[{"name":"adaws","email":"alexander_dawson@ymail.com"}],"_npmUser":{"name":"adaws","email":"alexander_dawson@ymail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flip-card_1.0.0_1557506042027_0.23974656937378058"},"_hasShrinkwrap":false},"1.0.1":{"name":"@adaws/flip-card","description":"A card component based on the code-it notes by Dan Harding &lt;https://dev.to/danielharding&gt;","keywords":["web-components","lit-element","card"],"version":"1.0.1","repository":{"type":"git","url":"git+https://github.com/dawsonalex/flip-card.git"},"scripts":{"bundle":"rollup --config rollup.config.js","build:demo":"cp bundle/flip-card.js demo && cp ./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js demo;git subtree push --prefix demo origin gh-pages"},"license":"Unlicense","author":{"name":"Alex Dawson"},"main":"flip-card.js","module":"flip-card.js","dependencies":{"@polymer/polymer":"^3.0.0"},"devDependencies":{"@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-proposal-decorators":"^7.2.3","@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","eslint":"^5.16.0","lit-element":"^2.1.0","mocha":"^5.2.0","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-terser":"^4.0.4","wct-mocha":"^1.0.0"},"gitHead":"04ee8f684d96d1cca60bc6060ce3164428bf8553","bugs":{"url":"https://github.com/dawsonalex/flip-card/issues"},"homepage":"https://github.com/dawsonalex/flip-card#readme","_id":"@adaws/flip-card@1.0.1","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-KiS3baF06jNbXvotJVayiQwRAK2kegKoEncNCT/BAH/BZ1UWNtXOxP1PBhRgmCPSGNNZWAqqv353soskh7JxXA==","shasum":"96c1dc700c5e3b894af06288ffc1e09a01cd58ea","tarball":"https://registry.npmjs.org/@adaws/flip-card/-/flip-card-1.0.1.tgz","fileCount":19,"unpackedSize":288062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1alMCRA9TVsSAnZWagAAp/oP/3ghb/jwI+dgDFnvTh2N\n570lk1IhTcEVuNxvCP2tTF2FHXCRERGw9IWS9c2aAdWZSCqmdamjnm7CD5kD\n4zUA11H3FYWOglKu35a/7oVgKKPefPf91iiIE61N5cse3OMwxZYOon4u0g5E\ncA2U7KJepoyag9TUHkAW1QIJk1bKbz05nOCbwLtEwOAQg9Ok8JLvz9Qy7Elf\nHxzpsoERgmBbF9ts83EWwaTacudyiytI2AoHj7rlsRjgEchF4b34pOtjJPP7\ne02Sm6xTbmx00Ph0o+qRJnS4gH9uWK6jzF9JHkIvdNqMuRpSMxXwRT0UarPd\n7JScyQ51vcSqmnyHzCIDJM435IiCmupcq9vi8HIMrFKw0a41rB/fL9Tk27wX\nP2CqVrKReN0y8ahUwv9PtWeSWZsgwHGfc3iz9feu7j/wd5XBtTdwv/FEEKNI\nnMGmaOay/dmeLxi9VqsanaQPi6wuUw08GrblaV5ySEP6DDgSxiRFeO025QgP\nFMmbE/EX1KOPsE3EY/Yw32/BnSg2xDGgikfYRGP5jeJlIyE/mAT8FWG8HZkG\ngmx2mQMHANB73MhkprPY+hrnXfIxlDGDUWcjcj3bbXXQzJLv9XBxgFDnT+Ht\nDWJa+w09ZNVO/3KK4LtBB0KyB+fJIFP9K1QfMXLTqC5A51mE+gTjIzog+zSc\nTFQU\r\n=Cmor\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICg1cKwWwgOAHtbxE9/N3MPaZZAsZLN6UHeRUmFHM4AcAiEAgssxUvLYTJaOUYIllKrmBQrYgcelv+wy09tmb3TWDlM="}]},"maintainers":[{"name":"adaws","email":"alexander_dawson@ymail.com"}],"_npmUser":{"name":"adaws","email":"alexander_dawson@ymail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flip-card_1.0.1_1557506379955_0.31417421344309493"},"_hasShrinkwrap":false},"1.0.2":{"name":"@adaws/flip-card","description":"A card component based on the code-it notes by Dan Harding &lt;https://dev.to/danielharding&gt;","keywords":["web-components","lit-element","card"],"version":"1.0.2","repository":{"type":"git","url":"git+https://github.com/dawsonalex/flip-card.git"},"scripts":{"bundle":"rollup --config rollup.config.js","build:demo":"cp bundle/flip-card.js demo && cp ./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js demo;git subtree push --prefix demo origin gh-pages"},"license":"MIT","author":{"name":"Alex Dawson"},"main":"flip-card.js","module":"flip-card.js","dependencies":{"@polymer/polymer":"^3.0.0"},"devDependencies":{"@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-proposal-decorators":"^7.2.3","@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","eslint":"^5.16.0","lit-element":"^2.1.0","mocha":"^5.2.0","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-terser":"^4.0.4","wct-mocha":"^1.0.0"},"gitHead":"c81297984cbef3daf00d19112dcb241df884a31e","bugs":{"url":"https://github.com/dawsonalex/flip-card/issues"},"homepage":"https://github.com/dawsonalex/flip-card#readme","_id":"@adaws/flip-card@1.0.2","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-mPd1zJZJeL0V2YlJtpqCRoUGbgV7WYcdnoLT3X5RuGsqHNWnrPiZ6w9ctGbquPMqK+9xEl4F7h9GBKM0xuqZKA==","shasum":"ece9d55baadc3340cb805dc3a862d96cc404677c","tarball":"https://registry.npmjs.org/@adaws/flip-card/-/flip-card-1.0.2.tgz","fileCount":19,"unpackedSize":288056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1ancCRA9TVsSAnZWagAA5rkP/jj7wMEAA3PRiFbuCVQ9\nRFdXtlBgC8XaMYRTEieFQfLyMnLbhqVDBuaNym/fuVsn95Xl5/WwW1kokRSn\nL1gaUkgltIwTSB18efLlWANXCYfVDfBZSTMoarHX9ZhF4q7B9oLbEXMPifEt\nfCyrqNGA01jcdXoBLc7fqVXLrfxj0zZUk3Q91ifnSFuJyrDMDmu9/q4d8U/d\nkI05+rRpzaH3v2l9qWhgw7zdXlZRFV5TqUoIcZxVLByHqv7ujmES/OpnHpWf\n2OWnZv9hgucE/zUcQGsc3U8JxH+UN8TWpktr4+gc5Iu+ASob3Ri+6bjQ4lYR\nyGyfSklT8yW7rUHM5suz4laqlaBqanKhw1FNWLaf1Gjs8z3cZgy/wdMMGEFE\nxkUs1Ub8sCEhzmRHfPtxBOVUP0uoTDjhimiHsf+rWmhqRHR1Z6cROeF8nvPY\nZKGmke8ZvLPHkUJpeOCh981I8J3j2gieENCudKTGRlJGGvf9z56JZvlGHuUz\nWe5SpiBDuD9bYxcRzuBzouIFkdXqIw5CVEU0AhJHXXVMxtBwJk+3sTj1j/gl\nE0iaRLrY174ixLkwtOb9XRkheP2WriISkhkRSQjnhQA5XHJBMjI+b7h3K875\nehgNnQBLuN1Ci0L8TzuyhaTZFqfb48ZCYXsIUWpHv+AcF+rAM/nMIBV9MROn\nLmQR\r\n=iCne\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1rZpquEA/5OjFJ8Wl97Fe1hbSRSttxjqDo8QSoPm/dQIhAPIxMk+4JyBERa5DuAo6RK+dNuPYJcgfOY0nB3czGiYY"}]},"maintainers":[{"name":"adaws","email":"alexander_dawson@ymail.com"}],"_npmUser":{"name":"adaws","email":"alexander_dawson@ymail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flip-card_1.0.2_1557506524092_0.26511221940382845"},"_hasShrinkwrap":false},"1.1.0":{"name":"@adaws/flip-card","description":"A card component based on the code-it notes by Dan Harding &lt;https://dev.to/danielharding&gt;","keywords":["web-components","lit-element","card"],"version":"1.1.0","repository":{"type":"git","url":"git+https://github.com/dawsonalex/flip-card.git"},"scripts":{"bundle":"rollup --config rollup.config.js","build:demo":"cp bundle/flip-card.js demo && cp ./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js demo;git subtree push --prefix demo origin gh-pages"},"license":"MIT","author":{"name":"Alex Dawson"},"main":"flip-card.js","module":"flip-card.js","dependencies":{"@polymer/polymer":"^3.0.0","lit-element":"^2.1.0"},"devDependencies":{"@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-proposal-decorators":"^7.2.3","@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","eslint":"^5.16.0","mocha":"^5.2.0","rollup":"^1.11.3","rollup-plugin-babel":"^4.3.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-terser":"^4.0.4","wct-mocha":"^1.0.0"},"gitHead":"474805e51701446b4153a17ad88d2354ee4afbef","bugs":{"url":"https://github.com/dawsonalex/flip-card/issues"},"homepage":"https://github.com/dawsonalex/flip-card#readme","_id":"@adaws/flip-card@1.1.0","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-GrkLAYmTI/Z+STUB7XgFXDOnwpOe8JCBgf+OS1LQE/eZ5SDxdBFxkTQVNzRvFK268oE3G61+gomQmYiwSIwN7A==","shasum":"2a1b35713d4a532a6d4ac0acfbcd2358fb5dee88","tarball":"https://registry.npmjs.org/@adaws/flip-card/-/flip-card-1.1.0.tgz","fileCount":19,"unpackedSize":288361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc1pprCRA9TVsSAnZWagAAuagP/275L4ZUEqmSEGRAczqS\nXHJGsBqUZqEjnWgyDPaWRpNzt02ZUo+uKUCIq1t+74Ayfk1jIpN3rU+pKIgB\n1ls7UfNng+IAsaUn0NwvfgzdXxaMcaPZD9mn0uBUVb1t3yC4tKm1TCJ6fsjK\nKOfXXL9Jhlj01Go9rr8dVoIRYRVRYPuh20OeiRWHbAccSX8FPi03bMXXeDwq\ncj4Wg84IRaKwg54X4NgDKsBEmYdMud25D7JzMc8+m5EaoPGUFrX27Q+wrA4N\npqUcnHPI2EUw3oCUPw6if8yL8bEZqUzA71WpXZgwr/uJEihYuSO5D0Jx0lTH\nK7tSyMKCBASNKV4H8gOXGv833mlWNKGPnNbKHkKTXwvrYZbz9OVRkeCi1D3G\nlIIh49ZPD6yfA66IqswX1x5u+YWNbH7P7xHpUgBW52B/73NfG1eu7S14drPg\nDlsu1hTUepIrjGgZSh4ikptponjyFXwqwG8T1BPqsxtMiNcYg19Y8+0aAYI0\nqhYWAb1WigBoePrZsD/Cm/8obDO9NUkq7ggjNrcIPTYzuCSwhjnNWaCIqvVe\nj/MXnrBv+hskEbpNwDzQm6j1mGozB/LhChtJ6t86Z6eMa0TCdzPCy5CWkNwz\nXgneqL7lIhRy4l6E3oRpfiINuoNEwOaFSLpSj0+ZZt5PXUPUG88vdA40dbDy\n2tFn\r\n=UNil\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZ5VPQaahQTjih9Szy52G4TgWT2MmAd4t/t0cIqZ9efAIhANe6YPzPPvRqHSDA0G/612GenaEMl78dgzViQxsuPtTO"}]},"maintainers":[{"name":"adaws","email":"alexander_dawson@ymail.com"}],"_npmUser":{"name":"adaws","email":"alexander_dawson@ymail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flip-card_1.1.0_1557568107090_0.7871482153761125"},"_hasShrinkwrap":false}},"time":{"created":"2019-05-10T16:34:01.995Z","1.0.0":"2019-05-10T16:34:02.156Z","modified":"2022-04-04T11:27:19.919Z","1.0.1":"2019-05-10T16:39:40.166Z","1.0.2":"2019-05-10T16:42:04.252Z","1.1.0":"2019-05-11T09:48:27.200Z"},"maintainers":[{"name":"adaws","email":"alexander_dawson@ymail.com"}],"description":"A card component based on the code-it notes by Dan Harding &lt;https://dev.to/danielharding&gt;","homepage":"https://github.com/dawsonalex/flip-card#readme","keywords":["web-components","lit-element","card"],"repository":{"type":"git","url":"git+https://github.com/dawsonalex/flip-card.git"},"author":{"name":"Alex Dawson"},"bugs":{"url":"https://github.com/dawsonalex/flip-card/issues"},"license":"MIT","readme":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/@adaws/flip-card)\n# Flip Card Component\nA card component based on the code-it notes by [Dan Harding](https://dev.to/danielharding).\nflip-card elements can be used to create card style components on the page, with a front and back. The user can click the bottom left corner of the card to see if flip over, revealing its other side.\n\n## Installation\nInstall the component from npm:\n\n\tnpm install --save flip-card\n\nor if you aren't using npm, a bundled component is available at bundle/flip-card.js. However this includes the whole Lit-Element library rolled up (~22KB total).\n\n## Usage\nImport the module to your .html file:\n```html\n<script type=\"module\" src=\"path/to/flip-card.js\"></script>\n```\n\nor .js file:\n```js\nimport('path/to/flip-card.js');\n```\n\nThen use it like you would any other HTML tag:\n\n<!--\n```\n<custom-element-demo>\n  <template>\n    <link rel=\"import\" href=\"flip-card.js\">\n    <flip-card>\n\t\t\t\t\t\t<section slot=\"front-content\">\n\t\t\t\t\t\t\t<header class=\"banner\"><i class=\"fab fa-js-square\"></i> JavaScript</header>\n\t\t\t\t\t\t\t<main>\n\t\t\t\t\t\t\t\t<h1 class=\"card-title\"><i class=\"fas fa-filter\"></i></i>array.filter()</h1>\n\t\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t<li>Takes an array</li>\n\t\t\t\t\t\t\t\t\t<li>A callback function filters the array</li>\n\t\t\t\t\t\t\t\t\t<li>Filter is applied to each array item</li>\n\t\t\t\t\t\t\t\t\t<li>If the value matches the filter (truthy), it's added to a new array</li>\n\t\t\t\t\t\t\t\t\t<li>If it doesn't match (falsy), ignore it</li>\n\t\t\t\t\t\t\t\t\t<li>Returns a new array</li>\n\t\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t\t</main>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<section slot=\"back-content\">\n\t\t\t\t\t\t\t<header class=\"banner\"><i class=\"fab fa-js-square\"></i> JavaScript</header>\n\t\t\t\t\t\t\t<main>\n\t\t\t\t\t\t\t\t<h1 class=\"card-title\"><i class=\"fas fa-filter\"></i></i>array.filter()</h1>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li><code>var fruits = ['pear', 'banana', 'plum'];</code></li>\n\t\t\t\t\t\t\t\t\t<li class=\"comment\">Fruits contains an array with 3 strings</li>\n\t\t\t\t\t\t\t\t\t<li><code>const result = fruits.filter(fruit => fruit.length &lt; 5); </code></li>\n\t\t\t\t\t\t\t\t\t<li class=\"comment\">Fruit represents each array item</li>\n\t\t\t\t\t\t\t\t\t<li><code>console.log(result);</code></li>\n\t\t\t\t\t\t\t\t\t<li class=\"comment\">Values less than 5 characters are added to a new array and stored in result</li>\n\t\t\t\t\t\t\t\t\t<li><code>// output: Array ['pear', 'plum']</code></li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</main>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</flip-card>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<flip-card></flip-card>\n```\n\nThe content on the card can be edited by adding children to the element and giving their slot attribute one of the following names:\n\n| Slot Name     | Description                           |\n|---------------|---------------------------------------|\n| front-content | The content for the front of the card |\n| back-content  | The content for the back of the card  |\n\nSlotted content can be styled just using css, like any other element on the page.\n\n### Attributes\n\n| Attrbiute Name | Type | Description |\n| -------------- | ----- |----------- |\n| facedown | boolean | Show the back side of the card. |\n\n## Styling\nCards can be styled by setting css variables. The variables that can be set are: \n\n| Variable         | Description|\n|------------------|--------------|\n| accent           | Set the colour of the card border and flip button background. Defaults to rgb(255, 212, 45) |\n| flipButtonColour | Set the colour of the flip button icon. Defaults to #000000                                 |\n\nThe following css sets the accent colour for all flip-cards on the page to green: \n```css\nflip-card {\n  --accent: green;\n}\n```\n\n## Contributing\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -am 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request :D\n## Credits\nBased on [Code-it Notes](https://www.instagram.com/same_dev_different_day/?hl=en) by [Dan Harding](https://dev.to/danielharding),  \nImplemented by Alex Dawson\n## License\nLicensed under [The Unlicense](https://unlicense.org/)","readmeFilename":"README.md"}