@graupl/graupl 1.0.0-beta.5 → 1.0.0-beta.6
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/CHANGELOG.md +26 -0
- package/dist/css/base/button.css +1 -1
- package/dist/css/base/button.css.map +1 -1
- package/dist/css/base/link.css +1 -1
- package/dist/css/base/link.css.map +1 -1
- package/dist/css/base.css +1 -1
- package/dist/css/base.css.map +1 -1
- package/dist/css/component/menu.css +1 -1
- package/dist/css/component/menu.css.map +1 -1
- package/dist/css/component/navigation.css +1 -1
- package/dist/css/component/navigation.css.map +1 -1
- package/dist/css/component.css +1 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +1 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/layout/container.css +1 -1
- package/dist/css/layout/container.css.map +1 -1
- package/dist/css/layout.css +1 -1
- package/dist/css/layout.css.map +1 -1
- package/dist/css/utilities/background.css +1 -1
- package/dist/css/utilities/background.css.map +1 -1
- package/dist/css/utilities/height.css +1 -1
- package/dist/css/utilities/height.css.map +1 -1
- package/dist/css/utilities/position.css +2 -0
- package/dist/css/utilities/position.css.map +1 -0
- package/dist/css/utilities/spacing.css +1 -1
- package/dist/css/utilities/spacing.css.map +1 -1
- package/dist/css/utilities/visually-hidden.css +1 -1
- package/dist/css/utilities/visually-hidden.css.map +1 -1
- package/dist/css/utilities/width.css +1 -1
- package/dist/css/utilities/width.css.map +1 -1
- package/dist/css/utilities/z-index.css +2 -0
- package/dist/css/utilities/z-index.css.map +1 -0
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/docs/.vitepress/config.js +30 -1
- package/docs/.vitepress/theme/custom.scss +14 -15
- package/docs/compiling-graupl.md +6 -5
- package/docs/utilities/alignment.md +405 -0
- package/docs/utilities/background.md +186 -0
- package/docs/utilities/border.md +262 -0
- package/docs/utilities/color.md +342 -0
- package/docs/utilities/display.md +3 -0
- package/docs/utilities/flex.md +3 -0
- package/docs/utilities/gradient.md +3 -0
- package/docs/utilities/height.md +3 -0
- package/docs/utilities/inset.md +3 -0
- package/docs/utilities/justification.md +3 -0
- package/docs/utilities/list.md +3 -0
- package/docs/utilities/order.md +3 -0
- package/docs/utilities/position.md +3 -0
- package/docs/utilities/ratio.md +3 -0
- package/docs/utilities/responsive-classes.md +3 -0
- package/docs/utilities/spacing.md +3 -0
- package/docs/utilities/typography.md +3 -0
- package/docs/utilities/visibility.md +3 -0
- package/docs/utilities/visually-hidden.md +3 -0
- package/docs/utilities/width.md +3 -0
- package/docs/utilities/z-index.md +3 -0
- package/index.html +82 -0
- package/package.json +1 -1
- package/scss/utilities/z-index.scss +3 -0
- package/src/scss/_defaults.scss +6 -0
- package/src/scss/layout/container/_defaults.scss +10 -0
- package/src/scss/layout/container/_index.scss +472 -1
- package/src/scss/layout/container/_variables.scss +22 -0
- package/src/scss/utilities/_index.scss +1 -0
- package/src/scss/utilities/background/_defaults.scss +0 -35
- package/src/scss/utilities/background/_index.scss +0 -35
- package/src/scss/utilities/z-index/_defaults.scss +34 -0
- package/src/scss/utilities/z-index/_index.scss +140 -0
- package/src/scss/utilities/z-index/_variables.scss +6 -0
- package/dist/css/utilities/postion.css +0 -2
- package/dist/css/utilities/postion.css.map +0 -1
- /package/scss/utilities/{postion.scss → position.scss} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl.utilities{.bg-attachment-scroll{background-attachment:scroll!important}.bg-attachment-fixed{background-attachment:fixed!important}.bg-attachment-local{background-attachment:local!important}.bg-
|
|
1
|
+
@layer graupl.utilities{.bg-attachment-scroll{background-attachment:scroll!important}.bg-attachment-fixed{background-attachment:fixed!important}.bg-attachment-local{background-attachment:local!important}.bg-clip-border-box{background-clip:border-box!important}.bg-clip-padding-box{background-clip:padding-box!important}.bg-clip-content-box{background-clip:content-box!important}.bg-clip-text{-webkit-background-clip:text!important;background-clip:text!important}.bg-clip-border-area{background-clip:border-area!important}.bg-image-none{background-image:none!important}.bg-origin-border-box{background-origin:border-box!important}.bg-origin-padding-box{background-origin:padding-box!important}.bg-origin-content-box{background-origin:content-box!important}.bg-position-top{background-position:top!important}.bg-position-right{background-position:100%!important}.bg-position-bottom{background-position:bottom!important}.bg-position-left{background-position:0!important}.bg-position-center{background-position:50%!important}.bg-repeat-repeat{background-repeat:repeat!important}.bg-repeat-repeat-x{background-repeat:repeat-x!important}.bg-repeat-repeat-y{background-repeat:repeat-y!important}.bg-repeat-space{background-repeat:space!important}.bg-repeat-round{background-repeat:round!important}.bg-repeat-no-repeat{background-repeat:no-repeat!important}.bg-size-auto{background-size:auto!important}.bg-size-cover{background-size:cover!important}.bg-size-contain{background-size:contain!important}}
|
|
2
2
|
/*# sourceMappingURL=background.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/mixins/_utility.scss","background.css"],"names":[],"mappings":"AASI,wBC+HA,sBAlHE,sCCnBJ,CDqIE,qBAlHE,qCChBJ,CDkIE,qBAlHE,qCCbJ,CD+HE,
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/mixins/_utility.scss","background.css"],"names":[],"mappings":"AASI,wBC+HA,sBAlHE,sCCnBJ,CDqIE,qBAlHE,qCChBJ,CDkIE,qBAlHE,qCCbJ,CD+HE,oBAlHE,oCCVJ,CD4HE,qBAlHE,qCCPJ,CDyHE,qBAlHE,qCCJJ,CDsHE,cAlHE,sCAAA,CAAA,8BCDJ,CDmHE,qBAlHE,qCCEJ,CDgHE,eAlHE,+BCKJ,CD6GE,sBAlHE,sCCQJ,CD0GE,uBAlHE,uCCWJ,CDuGE,uBAlHE,uCCcJ,CDoGE,iBAlHE,iCCiBJ,CDiGE,mBAlHE,kCCoBJ,CD8FE,oBAlHE,oCCuBJ,CD2FE,kBAlHE,+BC0BJ,CDwFE,oBAlHE,iCC6BJ,CDqFE,kBAlHE,kCCgCJ,CDkFE,oBAlHE,oCCmCJ,CD+EE,oBAlHE,oCCsCJ,CD4EE,iBAlHE,iCCyCJ,CDyEE,iBAlHE,iCC4CJ,CDsEE,qBAlHE,qCC+CJ,CDmEE,cAlHE,8BCkDJ,CDgEE,eAlHE,+BCqDJ,CD6DE,iBAlHE,iCCwDJ,CACF","file":"background.css"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl.utilities{.h-auto{height:auto!important}.max-h-auto{max-height:auto!important}.min-h-auto{min-height:auto!important}.h-fit-content{height:-
|
|
1
|
+
@layer graupl.utilities{.h-auto{height:auto!important}.max-h-auto{max-height:auto!important}.min-h-auto{min-height:auto!important}.h-fit-content{height:-moz-fit-content!important;height:fit-content!important}.max-h-fit-content{max-height:-moz-fit-content!important;max-height:fit-content!important}.min-h-fit-content{min-height:-moz-fit-content!important;min-height:fit-content!important}.h-max-content{height:-moz-max-content!important;height:max-content!important}.max-h-max-content{max-height:-moz-max-content!important;max-height:max-content!important}.min-h-max-content{min-height:-moz-max-content!important;min-height:max-content!important}.h-min-content{height:-moz-min-content!important;height:min-content!important}.max-h-min-content{max-height:-moz-min-content!important;max-height:min-content!important}.min-h-min-content{min-height:-moz-min-content!important;min-height:min-content!important}.h-stretch{height:-webkit-fill-available!important;height:-moz-available!important;height:stretch!important}.max-h-stretch{max-height:-webkit-fill-available!important;max-height:-moz-available!important;max-height:stretch!important}.min-h-stretch{min-height:-webkit-fill-available!important;min-height:-moz-available!important;min-height:stretch!important}.h-full{height:100%!important}.max-h-full{max-height:100%!important}.min-h-full{min-height:100%!important}.h-quarter{height:25%!important}.max-h-quarter{max-height:25%!important}.min-h-quarter{min-height:25%!important}.h-half{height:50%!important}.max-h-half{max-height:50%!important}.min-h-half{min-height:50%!important}.h-three-quarters{height:75%!important}.max-h-three-quarters{max-height:75%!important}.min-h-three-quarters{min-height:75%!important}.h-third{height:33.3333333333%!important}.max-h-third{max-height:33.3333333333%!important}.min-h-third{min-height:33.3333333333%!important}.h-two-thirds{height:66.6666666667%!important}.max-h-two-thirds{max-height:66.6666666667%!important}.min-h-two-thirds{min-height:66.6666666667%!important}.h-half-screen{height:50vh!important}.max-h-half-screen{max-height:50vh!important}.min-h-half-screen{min-height:50vh!important}.h-third-screen{height:33.3333333333vh!important}.max-h-third-screen{max-height:33.3333333333vh!important}.min-h-third-screen{min-height:33.3333333333vh!important}.h-two-thirds-screen{height:66.6666666667vh!important}.max-h-two-thirds-screen{max-height:66.6666666667vh!important}.min-h-two-thirds-screen{min-height:66.6666666667vh!important}.h-quarter-screen{height:25vh!important}.max-h-quarter-screen{max-height:25vh!important}.min-h-quarter-screen{min-height:25vh!important}.h-three-quarters-screen{height:75vh!important}.max-h-three-quarters-screen{max-height:75vh!important}.min-h-three-quarters-screen{min-height:75vh!important}.h-full-screen{height:100vh!important}.max-h-full-screen{max-height:100vh!important}.min-h-full-screen{min-height:100vh!important}.h-0{height:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.max-h-0{max-height:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.min-h-0{min-height:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.h-1{height:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.max-h-1{max-height:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.min-h-1{min-height:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.h-2{height:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.max-h-2{max-height:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.min-h-2{min-height:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.h-3{height:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.max-h-3{max-height:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.min-h-3{min-height:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.h-4{height:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.max-h-4{max-height:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.min-h-4{min-height:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.h-5{height:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.max-h-5{max-height:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.min-h-5{min-height:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.h-6{height:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.max-h-6{max-height:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.min-h-6{min-height:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.h-7{height:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.max-h-7{max-height:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.min-h-7{min-height:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.h-8{height:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.max-h-8{max-height:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.min-h-8{min-height:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.h-9{height:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.max-h-9{max-height:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.min-h-9{min-height:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.h-10{height:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.max-h-10{max-height:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.min-h-10{min-height:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}}
|
|
2
2
|
/*# sourceMappingURL=height.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/mixins/_utility.scss","height.css"],"names":[],"mappings":"AASI,wBC+HA,QAlHE,qBCnBJ,CDqIE,YAlHE,yBChBJ,CDkIE,YAlHE,yBCbJ,CD+HE,eAlHE,
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/mixins/_utility.scss","height.css"],"names":[],"mappings":"AASI,wBC+HA,QAlHE,qBCnBJ,CDqIE,YAlHE,yBChBJ,CDkIE,YAlHE,yBCbJ,CD+HE,eAlHE,iCAAA,CAAA,4BCVJ,CD4HE,mBAlHE,qCAAA,CAAA,gCCPJ,CDyHE,mBAlHE,qCAAA,CAAA,gCCJJ,CDsHE,eAlHE,iCAAA,CAAA,4BCDJ,CDmHE,mBAlHE,qCAAA,CAAA,gCCEJ,CDgHE,mBAlHE,qCAAA,CAAA,gCCKJ,CD6GE,eAlHE,iCAAA,CAAA,4BCQJ,CD0GE,mBAlHE,qCAAA,CAAA,gCCWJ,CDuGE,mBAlHE,qCAAA,CAAA,gCCcJ,CDoGE,WAlHE,uCAAA,CAAA,+BAAA,CAAA,wBCiBJ,CDiGE,eAlHE,2CAAA,CAAA,mCAAA,CAAA,4BCoBJ,CD8FE,eAlHE,2CAAA,CAAA,mCAAA,CAAA,4BCuBJ,CD2FE,QAlHE,qBC0BJ,CDwFE,YAlHE,yBC6BJ,CDqFE,YAlHE,yBCgCJ,CDkFE,WAlHE,oBCmCJ,CD+EE,eAlHE,wBCsCJ,CD4EE,eAlHE,wBCyCJ,CDyEE,QAlHE,oBC4CJ,CDsEE,YAlHE,wBC+CJ,CDmEE,YAlHE,wBCkDJ,CDgEE,kBAlHE,oBCqDJ,CD6DE,sBAlHE,wBCwDJ,CD0DE,sBAlHE,wBC2DJ,CDuDE,SAlHE,+BC8DJ,CDoDE,aAlHE,mCCiEJ,CDiDE,aAlHE,mCCoEJ,CD8CE,cAlHE,+BCuEJ,CD2CE,kBAlHE,mCC0EJ,CDwCE,kBAlHE,mCC6EJ,CDqCE,eAlHE,qBCgFJ,CDkCE,mBAlHE,yBCmFJ,CD+BE,mBAlHE,yBCsFJ,CD4BE,gBAlHE,gCCyFJ,CDyBE,oBAlHE,oCC4FJ,CDsBE,oBAlHE,oCC+FJ,CDmBE,qBAlHE,gCCkGJ,CDgBE,yBAlHE,oCCqGJ,CDaE,yBAlHE,oCCwGJ,CDUE,kBAlHE,qBC2GJ,CDOE,sBAlHE,yBC8GJ,CDIE,sBAlHE,yBCiHJ,CDCE,yBAlHE,qBCoHJ,CDFE,6BAlHE,yBCuHJ,CDLE,6BAlHE,yBC0HJ,CDRE,eAlHE,sBC6HJ,CDXE,mBAlHE,0BCgIJ,CDdE,mBAlHE,0BCmIJ,CDjBE,KAlHE,0ECsIJ,CDpBE,SAlHE,8ECyIJ,CDvBE,SAlHE,8EC4IJ,CD1BE,KAlHE,6EC+IJ,CD7BE,SAlHE,iFCkJJ,CDhCE,SAlHE,iFCqJJ,CDnCE,KAlHE,4ECwJJ,CDtCE,SAlHE,gFC2JJ,CDzCE,SAlHE,gFC8JJ,CD5CE,KAlHE,2ECiKJ,CD/CE,SAlHE,+ECoKJ,CDlDE,SAlHE,+ECuKJ,CDrDE,KAlHE,4EC0KJ,CDxDE,SAlHE,gFC6KJ,CD3DE,SAlHE,gFCgLJ,CD9DE,KAlHE,0ECmLJ,CDjEE,SAlHE,8ECsLJ,CDpEE,SAlHE,8ECyLJ,CDvEE,KAlHE,4EC4LJ,CD1EE,SAlHE,gFC+LJ,CD7EE,SAlHE,gFCkMJ,CDhFE,KAlHE,0ECqMJ,CDnFE,SAlHE,8ECwMJ,CDtFE,SAlHE,8EC2MJ,CDzFE,KAlHE,0EC8MJ,CD5FE,SAlHE,8ECiNJ,CD/FE,SAlHE,8ECoNJ,CDlGE,KAlHE,0ECuNJ,CDrGE,SAlHE,8EC0NJ,CDxGE,SAlHE,8EC6NJ,CD3GE,MAlHE,4ECgOJ,CD9GE,UAlHE,gFCmOJ,CDjHE,UAlHE,gFCsOJ,CACF","file":"height.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer graupl.utilities{.position-static{position:static!important}.position-fixed{position:fixed!important}.position-absolute{position:absolute!important}.position-relative{position:relative!important}.position-sticky{position:sticky!important}@media screen and (0 <= width){.xs\:position-static{position:static!important}.xs\:position-fixed{position:fixed!important}.xs\:position-absolute{position:absolute!important}.xs\:position-relative{position:relative!important}.xs\:position-sticky{position:sticky!important}}@media screen and (48ch <= width){.sm\:position-static{position:static!important}.sm\:position-fixed{position:fixed!important}.sm\:position-absolute{position:absolute!important}.sm\:position-relative{position:relative!important}.sm\:position-sticky{position:sticky!important}}@media screen and (72ch <= width){.md\:position-static{position:static!important}.md\:position-fixed{position:fixed!important}.md\:position-absolute{position:absolute!important}.md\:position-relative{position:relative!important}.md\:position-sticky{position:sticky!important}}@media screen and (108ch <= width){.lg\:position-static{position:static!important}.lg\:position-fixed{position:fixed!important}.lg\:position-absolute{position:absolute!important}.lg\:position-relative{position:relative!important}.lg\:position-sticky{position:sticky!important}}@media screen and (156ch <= width){.xl\:position-static{position:static!important}.xl\:position-fixed{position:fixed!important}.xl\:position-absolute{position:absolute!important}.xl\:position-relative{position:relative!important}.xl\:position-sticky{position:sticky!important}}}
|
|
2
|
+
/*# sourceMappingURL=position.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/mixins/_utility.scss","position.css","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AASI,wBC+HA,iBAlHE,yBCnBJ,CDqIE,gBAlHE,wBChBJ,CDkIE,mBAlHE,2BCbJ,CD+HE,mBAlHE,2BCVJ,CD4HE,iBAlHE,yBCPJ,CCDA,+BF0HE,qBAlHE,yBCHF,CDqHA,oBAlHE,wBCEF,CDgHA,uBAlHE,2BCOF,CD2GA,uBAlHE,2BCYF,CDsGA,qBAlHE,yBCiBF,CAnBF,CCNA,kCF0HE,qBAlHE,yBCsBF,CD4FA,oBAlHE,wBC2BF,CDuFA,uBAlHE,2BCgCF,CDkFA,uBAlHE,2BCqCF,CD6EA,qBAlHE,yBC0CF,CAnBF,CC/BA,kCF0HE,qBAlHE,yBC+CF,CDmEA,oBAlHE,wBCoDF,CD8DA,uBAlHE,2BCyDF,CDyDA,uBAlHE,2BC8DF,CDoDA,qBAlHE,yBCmEF,CAnBF,CCxDA,mCF0HE,qBAlHE,yBCwEF,CD0CA,oBAlHE,wBC6EF,CDqCA,uBAlHE,2BCkFF,CDgCA,uBAlHE,2BCuFF,CD2BA,qBAlHE,yBC4FF,CAnBF,CCjFA,mCF0HE,qBAlHE,yBCiGF,CDiBA,oBAlHE,wBCsGF,CDYA,uBAlHE,2BC2GF,CDOA,uBAlHE,2BCgHF,CDEA,qBAlHE,yBCqHF,CAnBF,CAqBF","file":"position.css"}
|