sfgov-design-system
Version:
This is the design system for [SF.gov](https://sf.gov) and the City & County of San Francisco.
1 lines • 3.17 kB
Source Map (JSON)
{"version":3,"sources":["../../src/css/components/button.css","../../node_modules/tailwindcss/lib/lib/substituteClassApplyAtRules.js","../../src/css/components/details.css","../../src/css/components/grid.css","<no source>","../../src/css/components/kbd.css"],"names":[],"mappings":"AACE,KCCF,kBAAmB,CAAnB,uBAAmB,CAAnB,eAAmB,CAAnB,wBAAmB,CAAnB,cAAmB,CAAnB,iBAAmB,CAAnB,UAAmB,CAAnB,cAAmB,CAAnB,mBAAmB,CAAnB,cAAmB,CAAnB,eAAmB,CAAnB,sBAAmB,CAAnB,gBAAmB,CAAnB,gBAAmB,CAAnB,iBAAmB,CAAnB,oBAAmB,CAAnB,kBDmBE,CCnBF,kGAAA,wBAAmB,CDqBjB,aCrBF,aD+BE,CC/BF,mDAAA,qBAAmB,CAAnB,sCAAA,aAAmB,CAAnB,sCAAA,qBAAmB,CAAnB,aAAmB,CDiCjB,eCjCF,gBAAmB,CAAnB,aD4CE,CC5CF,uGAAA,qBAAmB,CAAnB,oGAAA,aAAmB,CAAnB,0CAAA,qBAAmB,CAAnB,aAAmB,CAAnB,wFAAA,cAAmB,CD8CjB,UC9CF,aDwDE,CCxDF,0BAAA,4BAAmB,CAAnB,gBAAA,aAAmB,CD8CjB,UC9CF,yBDwDE,CCxDF,gCAAA,4BAAmB,CAAnB,aAAmB,CD0DjB,WC1DF,YAAmB,CAAnB,UD4DE,CE7DA,uBACE,eAMF,CAJE,8EAEE,YACF,CCPJ,iBFEA,YAAmB,CAAnB,QAAmB,CAAnB,6CEEA,CCJA,yBHEA,iBAAA,QAAmB,CAAnB,8CAAmB,EGFnB,ADMA,sBFJA,gBAAmB,CAAnB,iBAAmB,CAAnB,gBESA,CCXA,yBHEA,sBAAA,gBAAmB,CAAnB,iBAAmB,EGFnB,yBHEA,sBAAA,gBAAmB,CAAnB,iBAAmB,EGFnB,0BHEA,sBAAA,gBAAmB,CAAnB,iBAAmB,EGFnB,ACAA,IJEA,iBAAmB,CAAnB,kBAAmB,CAAnB,gBAAmB,CAAnB,aAAmB,CAAnB,oBAAmB,CAAnB,iCAAmB,CAAnB,cAAmB,CAAnB,eAAmB,CAAnB,gBAAmB,CAAnB,iBAAmB,CAAnB,cAAmB,CAAnB,eIEA","file":"components.css","sourcesContent":["@layer components {\n .btn {\n @apply inline-flex;\n @apply appearance-none;\n @apply cursor-pointer;\n @apply text-body font-medium;\n @apply rounded;\n @apply px-20 py-8;\n @apply bg-blue-bright;\n @apply text-white;\n @apply no-underline;\n @apply border-0 border-solid border-current;\n @apply text-center justify-center items-center;\n @apply whitespace-nowrap;\n\n @apply hocus:bg-blue-dark;\n\n &.hover,\n &.focus {\n @apply bg-blue-dark;\n }\n }\n\n .btn-inverse {\n @apply bg-white;\n @apply text-blue-bright;\n\n @apply hocus:bg-white hocus:text-blue-dark;\n\n &.hover,\n &.focus {\n @apply bg-white text-blue-dark;\n }\n }\n\n .btn-secondary {\n @apply bg-white;\n @apply text-blue-bright;\n @apply border;\n\n @apply hocus:bg-white hocus:text-blue-dark;\n\n &.hover,\n &.focus {\n @apply bg-white text-blue-dark;\n }\n }\n\n .btn-link {\n @apply border-0 hocus:border-0;\n @apply bg-none text-blue-bright;\n @apply hover:bg-none hover:text-blue-dark;\n @apply underline;\n\n &.hover,\n &.focus {\n @apply bg-none text-blue-dark;\n }\n }\n\n .btn-block {\n @apply flex w-full;\n }\n}\n","@tailwind base;\n@tailwind components;\n@tailwind utilities;",".details-reset {\n summary {\n list-style: none;\n\n &::marker,\n &::-webkit-details-marker {\n display: none;\n }\n }\n}\n",".responsive-grid {\n @apply grid grid-cols-6;\n @apply gap-20;\n @apply md:grid-cols-12 md:gap-28;\n}\n\n.responsive-container {\n @apply mx-20 max-w-xl;\n @apply md:mx-28;\n @apply lg:mx-96;\n @apply xl:mx-auto;\n}\n",null,"kbd {\n @apply font-mono font-regular text-small text-slate;\n @apply inline-block px-8 py-2 my-2;\n @apply border-1 border-solid rounded-2;\n}\n"]}