{"_id":"@appsweet-co/spock-css","_rev":"7-9a7e945e9a8b71d5ef87a195ea496b8e","name":"@appsweet-co/spock-css","dist-tags":{"latest":"0.7.0"},"versions":{"0.1.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify","readme":"npx @appnest/readme generate"},"version":"0.1.0","gitHead":"f8622f95b05d8e1a3d5b4e367f89e98996de6b6f","_id":"@appsweet-co/spock-css@0.1.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-fL2ScDlfEm4Mx2yM4qNwlsXhz/Epe5Pke0DLI3sjquyIoVdZQoWesY5W1feLt3w6oHLfkDkIPJ7VxzFRrkU81Q==","shasum":"8bacf25e0045ce3f1bd58d13fcdef1c432901994","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.1.0.tgz","fileCount":9,"unpackedSize":170552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGqbJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmru+Q//fMbMgOqy2b2nwr9C+XgA/EKWowOdgljgDug/qD4ohwSht8RZ\r\nwL0Ey3CrzElzYTdmj3UtE1VIFsPuRTCZ3nSP5MfmrsrpRJGT5pj+OFVDAYIK\r\ndXlbUQ6gBaboytxmMiu97ylykoJITl87K06mfmYArYHkmV12PWOuWA+5eJln\r\npvBrBRV/Gg2gWmvsGkMt2gWpRaP5zfWuE+I+SadnAzoBBP615p55xhxhllrw\r\nn1U9hRce/EZOYgJGfgUDaYBcsOLH7yJn1wTI73UAxKeC33RytuWJMKkDIgeq\r\nLHMVyVtdm7+iOLSaWRoz2n7dklqfjt74t5i4dOINkZ4c+1aA3a9UdUFQGOj1\r\njeS3Ztss+loX8n6R0Xr9p5hheOzc0fPBGcCvn6o4qrNi9lw6/M5uG9vLT0mo\r\nGPd2spZl8kSOFJHpP7m+/X3Z1Gl98avY0948wcKLTmza7YcIftWEHXoXT13b\r\n7sh+viCMX5rZZhfVe1BJTOEXd7C9dDjEH30dG5ua5jcw9BLbeolWhWv1a8V7\r\ndKQMiejHNM3Flogji/bHYta1CKhOzO6uj3jhicq+ILNksOLYx0ixy27JsNPj\r\nojW6APx7QgtspILpmmIOB18Ld+i7HTqPQaLr5gl8/oycZmc+Pv01MRp/T9Fm\r\nramwzSfsEpj7Wsxm4mfro33kaHxjP2802Zs=\r\n=4/MH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAENTriQyR3jLL45wdtmcfPHh4Jza14eJzm0TOwlMICAIhAKwllJN9QEMMQZBEWM6eAkvdlcwbtA3pgEnju2Mg4GwY"}]},"_npmUser":{"name":"dperuo","email":"derek@derekperuo.net"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@derekperuo.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.1.0_1645913801494_0.3141166081787705"},"_hasShrinkwrap":false},"0.2.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify","readme":"npx @appnest/readme generate"},"version":"0.2.0","gitHead":"f3b548c018aac718623651d621ed0266522ac5ff","_id":"@appsweet-co/spock-css@0.2.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-SI+SKskx/tejWIQJmbepDZdLATG0jjc192Ga3xLY/f93loPZS8wo1ctPii+bWQ5L8l1g7y8BZVe7cwnXNYjdLA==","shasum":"4af1fbb658f47130f0fda7ebd31e9a3933319a02","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.2.0.tgz","fileCount":9,"unpackedSize":170552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGqd3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphKw//UCs9aq4MTuY/qcA4mL5FXMqDbO9uG4Ku9fztt1Z2uMr6Fn/e\r\n9+ZnitN9E3UIHfhROHatyoLKUy2YFA7mkhMT2FqLxthnEyUkyIccMs392Qff\r\n/JUf6iFFanJ+tQpwvNAczJwOHeOYq+LYaysx92aErh/YTCboxr4OmhqXKXOX\r\nbisJ8E2GuYexREeKps5wa2V2QIFcgZVYYCfQGUVNpQHobLxK3egc/VZF4RXy\r\nOKKPf9ZCOQJrz4EQCUelI2eAWUPfnzrOL2xaFN0B5FYuP9gCfIEntiBhd5vD\r\nz+wTwp0jqHsAnTk7+tE9d1wOZ0oWgQXwVoO7CUcD9IPqSgkOaB6HYVsvJiOy\r\nyA4fnZl4vZbkhzNe68pcH4xsvskrLFUszOpJ6p+0BqVc1fk6TCKme6KkF+hn\r\ng6JaN2HJiL+T3jaHFcA+W28KNLVla3iDETusYahqf7DzDF7y+urUj4IR29BO\r\n0TY1ejcyIr20w5NQSeQaZdJc4jjPn7S++gdsrVUBL3LKkaxn3Ur5Z0ofTB0+\r\nuHFc90Z24vJfejaSSP0Di8AJxzqmCbt91dSmqk8jsjPhgV26OGX8p0+dcMsc\r\n/cApCqhJGiMBgY93XKpUFU2Qpe0cgvvFGqwHBbcHwQsBmymh4cHuklLmkKWv\r\nix/+DChsfUhSoFnIUHaUDuYhCTGg+IBTzwQ=\r\n=0U6z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDEAUeJH5R0hdfYEYKBd+WCfZaLNG0OiTBECFmQj87Z8AiAUIA1qLljLZW67kE52jDToNKcBgkTBZmjunI+G6AcyPA=="}]},"_npmUser":{"name":"dperuo","email":"derek@derekperuo.net"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@derekperuo.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.2.0_1645913974831_0.1336258663309171"},"_hasShrinkwrap":false},"0.3.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify","readme":"npx @appnest/readme generate"},"version":"0.3.0","gitHead":"1da6f288474b9264adce1f419bad88e202646bb7","_id":"@appsweet-co/spock-css@0.3.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-PWAsSVHAo/5nWCCLJ6MmXI+iN9JUEeV4QuUtH5XjLjsQjcd8TZlSzgTPsgNfIWAeXVdtWMS+XGsnIvLeuTE5+g==","shasum":"a795a5675446ae3780d3e4187054f90a381705cb","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.3.0.tgz","fileCount":9,"unpackedSize":170561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGqizACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovTg/9HTfyZmdIRwsGY4+lTTn9dyruKaOGtcpIhi+p+8X0lborexPR\r\nEgrjWTNKYJ68IbuVCqoynsNeErLYTvekzq2B+y8DPin9y+Aj2sBRov0MAUYE\r\nAzB/RTparvzzkYAAdOdCuqzyGcuHu3Lu7TVTvSRpFsmbkJf4uKwYuXWW9uZj\r\nOpX1YhyKzGZd8/a+Es/yZ+vOg+bRMZuRtXFC3n9ichIb0Eau+c+YdDAcSKbc\r\np2ogBPd4hK9wnx3Wacfw/5ct53+a8gylwxIlAuBrlLLbZFTJuF8w3O4nRrdA\r\nzimwBoZ2O97D5J0Rn7XI+nspo3eiK1aPR0MIKfoGOjUnHftP7bl7BIKJQCNG\r\nN79topma+cversWB/2GAvNvq2diEuhLmM9IWSLWpqZIfkiEbLvT+UW8SPXa9\r\nMx2GxFmY3AnEutGe6ZJameMy6S0m/xG56TNZS3IQ6WvA1SrtY6oqqbpe2q1I\r\nkok94zqtAMrGhoEwN5HqaKKvN7Hg7IJqmb1+Oqu7+nHpmu7qPSjcImVOafM3\r\ne4yUalT0nRjv06pMV5mvlCW1Mg468yNBrLq9ogZL2wIaraqgXGeqPNYtOR6B\r\nHISCbhpJGcvg+3vxsCQK69T5ksj2f2/bHvb8389wb+14gjIdCFsz+4mHFwy+\r\nbj/U0XQhXVO/Aird4aM0xtYKgFB6AbnuS0o=\r\n=qlGN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiUFaP8cUe7Dh/LTWKSdAzMgs6Z+2fISLSpACyy0SCPAiBeGbhqnRSYd3/uh6VRd81lEnAfYPAyabPnb1kudJIbcg=="}]},"_npmUser":{"name":"dperuo","email":"derek@derekperuo.net"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@derekperuo.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.3.0_1645914291418_0.3906851349783558"},"_hasShrinkwrap":false},"0.4.1":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify"},"version":"0.4.1","gitHead":"2c1e108f39950e016da66ad0818ebb57f322ca15","_id":"@appsweet-co/spock-css@0.4.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-5bPD0WF4QaXDCPhaYXJC+OjIPkvFyoxnDBe78UzPYIPb2ZonESs+BZlo4nFKjnUjWKbTymAdo8l0dv4f+49ykA==","shasum":"df9a1fe47888b8ea62400782dcec70533dc1544f","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.4.1.tgz","fileCount":8,"unpackedSize":173718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSwMS1jYCRn9cRtFkt5RI1b1HIet3PGVRcTyuTco7W0wIhANkqqF6Kl3nZcO0HUQK2BKRwr2c9cFAyVnHKBi+BLkOK"}]},"_npmUser":{"name":"dperuo","email":"derek@appsweet.co"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@appsweet.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.4.1_1701966115302_0.3260270533169227"},"_hasShrinkwrap":false},"0.5.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify"},"version":"0.5.0","gitHead":"7cdcb4d9de1d77f84e18f81c08c3b70d8626a43b","_id":"@appsweet-co/spock-css@0.5.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-v68st2rHN4FPrfuC+I6JZHXHZ2o58pHUS+OSkWOeq/r12aQFTJOreXoZZQBuY4wYmMNcWYJtgMr1gHWUHoPXFw==","shasum":"df0238ba316de64fb956bdb0cf01152533dbc220","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.5.0.tgz","fileCount":8,"unpackedSize":224492,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO7HO0SbWokfLSmyh9KUU3fXnbLRNzUjLolZjAnZ7Q4gIgXyXuHrtlmjCnDnxnAIKadG6GRarvT9lcpdyhH/f2xAY="}]},"_npmUser":{"name":"dperuo","email":"derek@appsweet.co"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@appsweet.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.5.0_1703824251028_0.3169513607026957"},"_hasShrinkwrap":false},"0.6.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify"},"version":"0.6.0","gitHead":"ae689108b85a07922ace6c73365bb3bd243b0f46","_id":"@appsweet-co/spock-css@0.6.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-LqlCU2lB6w3kO2GZuXq9/NbnPz9wWkEfhIrn7ynprax4fdfYlWRaX8HT1rZPrgRLBmTZ6xC+EVmam1231drz7g==","shasum":"da2bfaaa5f2ba779c82e11934cd2dfedc3bee5f7","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.6.0.tgz","fileCount":9,"unpackedSize":225011,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9Y2ZoNihXeRDkRZ3GxtUy8R6HxQSxdxRxqq8/HUf+SgIgMDqru4dtss06v4hM8Pjy2pisSHq53YEVHybTQUpwUp4="}]},"_npmUser":{"name":"dperuo","email":"derek@appsweet.co"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@appsweet.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.6.0_1716323429389_0.38136485703588296"},"_hasShrinkwrap":false},"0.7.0":{"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"license":"MIT","main":"dist/spock.min.css","name":"@appsweet-co/spock-css","scripts":{"build":"npx sass ./src/index.scss:./dist/spock.css","clean":"rm -rf ./**/*.{css,css.map,min.css,min.css.map}","minify":"npx sass -s compressed ./src/index.scss:./dist/spock.min.css","postbuild":"npm run minify"},"version":"0.7.0","gitHead":"63431c72cf4dcc183d8d9850dbc9271379eefae1","_id":"@appsweet-co/spock-css@0.7.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sDNqrx81tBJPfJsPFVKH/lVTWYMqCgh8v5vGo8xiSi1NFvOnuJ9orSMURjjqsV1NkkWhQG7IgNkomefw4D8VOA==","shasum":"b20ab7698e4bfa8394f5cffa46fc0c3616c43eb0","tarball":"https://registry.npmjs.org/@appsweet-co/spock-css/-/spock-css-0.7.0.tgz","fileCount":8,"unpackedSize":222945,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1xxb4zkUu3smDtAV92rbR9E9dlPopW5v09wveUL+S+AIgUeiGaFKZ81v32xOyFDJhzX/7Q+OYFY7LvO2tiFEaPAQ="}]},"_npmUser":{"name":"dperuo","email":"derek@appsweet.co"},"directories":{},"maintainers":[{"name":"dperuo","email":"derek@appsweet.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spock-css_0.7.0_1717446857131_0.78804364467618"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-26T22:16:41.434Z","0.1.0":"2022-02-26T22:16:41.632Z","modified":"2024-06-03T20:34:17.475Z","0.2.0":"2022-02-26T22:19:35.000Z","0.3.0":"2022-02-26T22:24:51.617Z","0.4.1":"2023-12-07T16:21:55.543Z","0.5.0":"2023-12-29T04:30:51.288Z","0.6.0":"2024-05-21T20:30:29.697Z","0.7.0":"2024-06-03T20:34:17.291Z"},"maintainers":[{"name":"dperuo","email":"derek@appsweet.co"}],"description":"Lightweight CSS utilities using logical properties and CSS variables","keywords":["css","library","logical","npm","properties","utility"],"author":{"name":"Appsweet.co","email":"https://appsweet.co"},"license":"MIT","readme":"<p align=\"center\">\n  <img src=\"assets/readme/spock.jpeg\" alt=\"Logo\" width=\"250\" height=\"auto\" />\n</p>\n\n<h1 align=\"center\">@appsweet-co/spock-css</h1>\n\n<p align=\"center\">\n  <b>Lightweight CSS utilities using logical properties and CSS variables</b></br>\n  <sub><sub>\n</p>\n\n<br />\n\nSpock CSS is a lightweight CSS utility library. It uses [logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties) and [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Variables) to keep things small and easy to work with.\n\n## Quick Start\n\nInstall Spock CSS using npm.\n\n```zsh\nnpm i @appsweet-co/spock-css\n```\n\nAdd the CSS file to your HTML as needed.\n\n```html\n<link rel=\"stylesheet\" href=\"./node_modules/@appsweet-co/spock-css/dist/spock.min.css\">\n```\n\nYou can also import Spock CSS directly from a CDN.\n\n```html\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@appsweet-co/spock-css@latest/dist/spock.min.css\">\n  \n<!-- OR -->\n  \n<link rel=\"stylesheet\" href=\"https://unpkg.com/@appsweet-co/spock-css@latest/dist/spock.min.css\">\n```\n\nRemember to replace `latest` with a specifc version number when using the CDN. See [Unpkg](https://unpkg.com/) and [jsDelivr](https://www.jsdelivr.com/) for details.\n\n## Design Goals\n\n### Utility First\n\nUtility styles are easy to reuse. They do one thing in the same way every time with no side effects. They keep the [CSS specificity](https://specificity.keegan.st/) flat and eliminate the need to [invent new names](https://en.wikipedia.org/wiki/Principle_of_least_astonishment).\n\n:dart: ***PRO TIP: Read [this article](https://frontstuff.io/in-defense-of-utility-first-css) for more info on why Utility-First CSS is a good thing.***\n\nWe include utilities for most [CSS Properties](https://developer.mozilla.org/en-US/docs/Web/CSS). We exclude deprecated, experimental, and non-standard properties; `float`; and properties that use [traditional directions and dimensions](#logical-properties).\n\n### Logical Properties\n\nWe use [logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties) instead of traditional directions and dimensions. This makes it easy to localize your projects for right-to-left languages. Example:\n\n```html\n<h1 style=\"--margin-block-end:2rem\">Hello World</h1>\n```\n\n### CSS Variables\n\nWe use [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Variables) instead of CSS Classes. This keeps our library small and universal.\n\n:dart: ***PRO TIP: See [Bonsai CSS](https://www.bonsaicss.com/#utility-complete-css) for more info on why CSS Variables are a good thing.***\n\n### Native CSS Functions\n\nWe encourage the use of [native CSS functions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions#math_functions) instead of traditional breakpoints like you see in frameworks like [Bootstrap](https://getbootstrap.com/docs/5.1/layout/breakpoints/) or [Tailwind](https://tailwindcss.com/docs/breakpoints). This keeps our library small and makes it easy for your code to work across all screens sizes.\n\n### Theme Agnostic\n\nWe make no assumptions about your project's theme. Use CSS variables as needed to set properties. Example:\n\n```html\n<h1 style=\"--color:var(--primary); --font-size:var(--size-lg)\">Hello World</h1>\n```\n\nWe also make no assumptions about your project's baseline CSS. We built our library to work well with other CSS Frameworks like [Bootstrap](https://getbootstrap.com/docs/5.1/layout/breakpoints/) or [Tailwind](https://tailwindcss.com/docs/breakpoints).\n\n### Verbose Names\n\nAbbreviations are hard to understand. Our utility names mirror the selectors they reference. This makes it easy to read and write. Examples:\n\n```html\n<div style=\"--aspect-ratio:1; --width:100vw\">\n  <h1 style=\"--text-align:center\">Hello World</h1>\n</div>\n```\n","readmeFilename":"README.md"}