@amsterdam/design-system-css 0.2.0 → 0.3.0
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 +28 -0
- package/dist/breadcrumb/breadcrumb.css +1 -1
- package/dist/breadcrumb/breadcrumb.css.map +1 -1
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/dialog/dialog.css +1 -1
- package/dist/dialog/dialog.css.map +1 -1
- package/dist/grid/grid.css +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/header/header.css +1 -0
- package/dist/header/header.css.map +1 -0
- package/dist/heading/heading.css +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/icon/icon.css +1 -1
- package/dist/icon/icon.css.map +1 -1
- package/dist/image/image.css +1 -1
- package/dist/image/image.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/logo/logo.css +1 -1
- package/dist/logo/logo.css.map +1 -1
- package/dist/mark/mark.css +1 -0
- package/dist/mark/mark.css.map +1 -0
- package/dist/overlap/overlap.css +1 -0
- package/dist/overlap/overlap.css.map +1 -0
- package/dist/page-menu/page-menu.css +1 -1
- package/dist/page-menu/page-menu.css.map +1 -1
- package/dist/search-field/search-field.css +1 -0
- package/dist/search-field/search-field.css.map +1 -0
- package/dist/skip-link/skip-link.css +1 -0
- package/dist/skip-link/skip-link.css.map +1 -0
- package/dist/spotlight/spotlight.css +1 -0
- package/dist/spotlight/spotlight.css.map +1 -0
- package/dist/text-input/text-input.css +1 -0
- package/dist/text-input/text-input.css.map +1 -0
- package/dist/visually-hidden/visually-hidden.css +1 -1
- package/dist/visually-hidden/visually-hidden.css.map +1 -1
- package/package.json +4 -4
- package/src/components/breadcrumb/breadcrumb.scss +6 -15
- package/src/components/card/README.md +19 -6
- package/src/components/checkbox/checkbox.scss +3 -3
- package/src/components/dialog/dialog.scss +0 -1
- package/src/components/grid/README.md +21 -0
- package/src/components/grid/grid.scss +40 -0
- package/src/components/header/README.md +14 -0
- package/src/components/header/header.scss +85 -0
- package/src/components/heading/heading.scss +20 -0
- package/src/components/icon/icon.scss +0 -18
- package/src/components/image/README.md +6 -1
- package/src/components/image/image.scss +4 -0
- package/src/components/index.scss +7 -2
- package/src/components/logo/logo.scss +1 -0
- package/src/components/mark/README.md +18 -0
- package/src/components/mark/mark.scss +8 -0
- package/src/components/overlap/README.md +3 -0
- package/src/components/overlap/overlap.scss +12 -0
- package/src/components/page-menu/page-menu.scss +2 -18
- package/src/components/screen/README.md +1 -1
- package/src/components/search-field/README.md +33 -0
- package/src/components/search-field/search-field.scss +81 -0
- package/src/components/skip-link/README.md +33 -0
- package/src/components/skip-link/skip-link.scss +28 -0
- package/src/components/{highlight → spotlight}/README.md +1 -1
- package/src/components/spotlight/spotlight.scss +36 -0
- package/src/components/text-input/README.md +12 -0
- package/src/components/text-input/text-input.scss +57 -0
- package/src/components/visually-hidden/visually-hidden.scss +4 -6
- package/dist/grid/grid-cell.css +0 -1
- package/dist/grid/grid-cell.css.map +0 -1
- package/dist/highlight/highlight.css +0 -1
- package/dist/highlight/highlight.css.map +0 -1
- package/src/components/grid/README.grid-cell.md +0 -14
- package/src/components/grid/README.grid.md +0 -17
- package/src/components/grid/grid-cell.scss +0 -46
- package/src/components/highlight/highlight.scss +0 -36
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/components/logo/logo.scss","../src/components/dialog/dialog.scss","../src/components/image/image.scss","../src/components/pagination/pagination.scss","../src/components/accordion/accordion.scss","../src/components/alert/alert.scss","../src/components/aspect-ratio/aspect-ratio.scss","../src/components/blockquote/blockquote.scss","../src/components/breadcrumb/breadcrumb.scss","../node_modules/@utrecht/components/button/css/index.scss","../node_modules/@utrecht/components/button/css/_mixin.scss","../node_modules/@utrecht/components/common/focus/_mixin.scss","../src/components/button/button.scss","../src/components/card/card.scss","../src/components/checkbox/checkbox.scss","../src/components/form-label/form-label.scss","../src/components/grid/grid.scss","../src/components/grid/grid-cell.scss","../src/components/heading/heading.scss","../src/components/highlight/highlight.scss","../src/components/icon/icon.scss","../src/components/link/link.scss","../src/components/ordered-list/ordered-list.scss","../src/components/page-heading/page-heading.scss","../src/components/page-menu/page-menu.scss","../src/components/paragraph/paragraph.scss","../src/components/screen/screen.scss","../src/components/switch/switch.scss","../src/components/top-task-link/top-task-link.scss","../src/components/unordered-list/unordered-list.scss","../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"CAKA,gBACE,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE,yCCXF,kBACE,0DACA,sCACA,QACA,wDACA,gBACA,iBACA,eAGA,4BACE,0BAIJ,wBACE,aACA,qCACA,iCACA,2DACA,yDACA,2DAGF,2BACE,aACA,WACA,oBACA,gBACA,8BACA,sEAGF,0BACE,uBACA,aACA,uCAOF,yBACE,0CACA,UACA,sDACA,2DACA,sDACA,+DATA,8BAWA,mDACE,0DACA,8DAMJ,0BACE,aACA,sBACA,4CACA,2DAEA,qCANF,0BAOI,mBACA,qBAIJ,yBACE,gEACA,SACA,eACA,gBACA,iBAGF,6BACE,wCAGF,mCACE,8CCtFF,iBACE,kBACA,YACA,eACA,sBCEF,4BACE,wCACA,aACA,eACA,oDACA,yDACA,oDACA,uBACA,6DAbA,qBACA,eACA,uBAeA,sDACE,wDACA,4DAWJ,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,sBACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE,qBCnEJ,6BACE,aACA,eACA,gBAOF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,+DACA,0DACA,8BACA,mEACA,qBACA,oBACA,WAhBA,8BAkBA,uDACE,8DACA,kEAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAON,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE,cC7DF,iBACE,uBACA,yDACA,qCACA,aACA,mBACA,+BACA,8BACA,2DACA,+DACA,6DACA,iEAGF,0BACE,UAOF,wBACE,yCACA,qDACA,0DACA,qDACA,8DARA,8BAUA,kDACE,yDACA,6DAMJ,wBACE,+DACA,uDAGF,0BACE,iEACA,yDAIF,wBACE,+DACA,SACA,eACA,gBACA,iBAGF,4BACE,uCAGF,kCACE,6CC7DF,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE,mDCnBF,sBACE,mBACA,wCACA,oDACA,yDACA,oDACA,6DACA,eAbA,sBACA,eACA,gBACA,8BAYA,8BACE,mBAGF,6BACE,oBAGF,gDACE,yDACA,6DAMJ,qCACE,gDC1BF,sBACE,6DACA,yDACA,oDACA,6DAEA,gDACE,wDACA,4DAIJ,4BACE,kBACA,mBACA,aACA,eACA,UACA,gBAxBA,sBACA,eACA,iBACA,8BA0BF,4BACE,mBACA,aAGF,oDACE,wEACA,8EACA,WACA,qBACA,YACA,yBACA,WAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,0CACE,0BAGF,kCACE,wDACA,sFCtDJ,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,qDACA,yDALA,8BASA,4CACE,wDACA,4DAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAIJ,oEACE,8DAIA,sEACE,6DAIJ,mEACE,gBC1CF,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,qEACA,+EACA,uEAEA,4BACE,6CACA,2EChDJ,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,yGACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,yDACE,uGAQJ,2BACE,sCACA,eACA,oBACA,kDACA,uDACA,gBACA,UACA,2DAXA,8BAaA,iCACE,4CACA,0BACA,8BACA,0BAEA,uEACE,oEACA,iBAIJ,qDACE,sDACA,0DAQF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE,uFC1NJ,sBACE,wCACA,oDACA,yDACA,oDACA,6DARA,8BAYA,gDACE,wDACA,4DCbJ,gBACE,yDACA,+EAEA,aACA,8BACA,sEACA,oDAEA,qCATF,gBAUI,8EAGF,qCAbF,gBAcI,4EAIJ,yBACE,wDACA,8EAGF,qCACE,0CAGF,qCACE,0CAGF,uCACE,oDAGF,wCACE,4CAGF,uCACE,oDAGF,oCACE,sDAGF,qCACE,8CAGF,oCACE,sDAGF,yCACE,gDAGF,0CACE,wCAGF,yCACE,gDChEF,iCACE,iBAMA,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GAUb,qCAEI,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,IAWf,qCAEI,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,ICzBf,mBACE,kBACA,mBACA,qCACA,iDACA,iDAVA,sBACA,eACA,8BAaF,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,kCACE,6CCzDF,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE,oEC7BF,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAIA,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDC7FJ,gBACE,kCACA,8CACA,8CACA,oDAPA,8BASA,sBACE,wCAMJ,4BACE,qBACA,8DACA,kEACA,2EACA,qFACA,6EAEA,kCACE,2FACA,mFAGF,sDACE,6DACA,iEAIJ,wBACE,qDACA,iDACA,qDACA,uEACA,iFACA,yEAEA,8BACE,uFACA,+EAGF,gCACE,iDAIJ,yBACE,uBACA,oBACA,2DACA,sCACA,+DACA,wEACA,kFACA,0EAEA,+BACE,8EAGF,mDACE,0DACA,8DAMF,0DACE,YACA,WAIJ,oCACE,qDAEA,0CACE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,2CACE,4DAGF,6CACE,8DC5FJ,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,2DACA,sDACA,+DACA,8DAGA,+FACE,2EACA,6EAKJ,+EACE,2EAEA,6GACE,wFACA,0FAIJ,2FACE,0DACA,8DCvCF,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE,kDCNF,qBACE,mBACA,iDACA,aACA,mBACA,eACA,gBACA,2CAxBA,sBACA,eACA,iBA2BF,gCACE,oBAyBF,2BArBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAzCA,sBACA,8BA0CA,qDACE,4DACA,gEASJ,6BACE,eAvDA,sBACA,8BAIA,+BACA,SACA,eACA,iBAoBA,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BAEA,uDACE,4DACA,gEAiBJ,oEAEE,kDACA,gFAGF,gEAEE,mBCvEF,qBACE,uCACA,mDACA,+DACA,mDACA,mEAVA,sBACA,eACA,8BAYA,+CACE,8DACA,kEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,oCACE,+CCtCF,kBAHE,sBAMA,mBAGF,wBACE,iDAGF,0BACE,mDChBF,yBACE,gBACA,eACA,gBACA,WAGF,yBACE,0DACA,0DACA,eACA,qBACA,kBACA,mBACA,4CACA,oCAlBA,sBAuBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,gEACE,uCACA,sDACA,mBAGF,kEAEE,qGAGF,0FACE,+DCpDF,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,kEACA,6DACA,6DACA,+EACA,yFACA,iFAZA,sBACA,8BAaA,0DACE,iEACA,qEAMJ,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,wEACA,mEACA,4EAhCA,sBACA,8BAiCA,gEACE,uEACA,2ECpCJ,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,6DACA,wDACA,iEACA,gEAGA,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA,8FAIJ,+FACE,4DACA,gEC7CF,2BACE,8BACA,qBACA,WACA,kBACA,mBACA,gBACA,gBACA,iBACA,kBACA","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/components/skip-link/skip-link.scss","../src/components/overlap/overlap.scss","../src/components/header/header.scss","../src/components/mark/mark.scss","../src/components/text-input/text-input.scss","../src/components/search-field/search-field.scss","../src/components/logo/logo.scss","../src/components/dialog/dialog.scss","../src/components/image/image.scss","../src/components/pagination/pagination.scss","../src/components/accordion/accordion.scss","../src/components/alert/alert.scss","../src/components/aspect-ratio/aspect-ratio.scss","../src/components/blockquote/blockquote.scss","../src/components/breadcrumb/breadcrumb.scss","../node_modules/@utrecht/components/button/css/index.scss","../node_modules/@utrecht/components/button/css/_mixin.scss","../node_modules/@utrecht/components/common/focus/_mixin.scss","../src/components/button/button.scss","../src/components/card/card.scss","../src/components/checkbox/checkbox.scss","../src/components/form-label/form-label.scss","../src/components/grid/grid.scss","../src/components/heading/heading.scss","../src/components/spotlight/spotlight.scss","../src/components/icon/icon.scss","../src/components/link/link.scss","../src/components/ordered-list/ordered-list.scss","../src/components/page-heading/page-heading.scss","../src/components/page-menu/page-menu.scss","../src/components/paragraph/paragraph.scss","../src/components/screen/screen.scss","../src/components/switch/switch.scss","../src/components/top-task-link/top-task-link.scss","../src/components/unordered-list/unordered-list.scss","../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"CAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA,2DCpBJ,mBACE,aAEA,qBACE,eCFJ,kBACE,mBACA,aACA,eACA,mBACA,eAEA,qCAPF,kBAQI,8CACA,kBAIJ,wBACE,UACA,oDAGF,yBACE,aAEA,qCAHF,yBAII,cACA,gBAGF,qCARF,yBASI,SAIJ,wBACE,OACA,2DACA,eAEA,qCALF,wBAMI,QACA,wBAIJ,yBACE,cAEA,qCAHF,yBAII,YACA,QAEA,0DACE,cACA,cACA,gBACA,uBACA,mBACA,YAMN,+BACE,+BACA,mPACA,iCACA,4BACA,0BACA,SACA,4CACA,wDACA,6DACA,wDACA,iEACA,eACA,sBACA,kBACA,0BC9EF,gBACE,wDCKF,sBACE,YACA,kDACA,wCACA,oDACA,yDACA,oDACA,6DACA,0DACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,gDACE,wDACA,4DAGF,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE,gECjDJ,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,iEACA,4DACA,qEACA,kEACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,yDACE,gEACA,oEAGF,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEACA,oBACA,qBACA,0BAEA,qCACE,aACA,uBAGA,8GAGF,sCACE,6ECzEJ,gBACE,cACA,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE,yCCZF,kBACE,0DACA,sCACA,QACA,wDACA,gBACA,iBACA,eAGA,4BACE,0BAIJ,wBACE,aACA,qCACA,iCACA,2DACA,yDACA,2DAGF,2BACE,aACA,WACA,oBACA,gBACA,8BACA,sEAGF,0BACE,uBACA,aACA,uCAOF,yBACE,0CACA,UACA,sDACA,2DACA,sDACA,+DATA,8BAWA,mDACE,0DACA,8DAMJ,0BACE,aACA,sBACA,4CAEA,qCALF,0BAMI,mBACA,qBAIJ,yBACE,gEACA,SACA,eACA,gBACA,iBAGF,6BACE,wCAGF,mCACE,8CCrFF,iBACE,kBACA,YACA,eACA,sBAEA,wBACE,iBCDJ,4BACE,wCACA,aACA,eACA,oDACA,yDACA,oDACA,uBACA,6DAbA,qBACA,eACA,uBAeA,sDACE,wDACA,4DAWJ,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,sBACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE,qBCnEJ,6BACE,aACA,eACA,gBAOF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,+DACA,0DACA,8BACA,mEACA,qBACA,oBACA,WAhBA,8BAkBA,uDACE,8DACA,kEAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAON,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE,cC7DF,iBACE,uBACA,yDACA,qCACA,aACA,mBACA,+BACA,8BACA,2DACA,+DACA,6DACA,iEAGF,0BACE,UAOF,wBACE,yCACA,qDACA,0DACA,qDACA,8DARA,8BAUA,kDACE,yDACA,6DAMJ,wBACE,+DACA,uDAGF,0BACE,iEACA,yDAIF,wBACE,+DACA,SACA,eACA,gBACA,iBAGF,4BACE,uCAGF,kCACE,6CC7DF,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE,mDCnBF,sBACE,mBACA,wCACA,oDACA,yDACA,oDACA,6DACA,eAbA,sBACA,eACA,gBACA,8BAYA,8BACE,mBAGF,6BACE,oBAGF,gDACE,yDACA,6DAMJ,qCACE,gDC1BF,sBACE,6DACA,yDACA,oDACA,6DAEA,gDACE,wDACA,4DAIJ,4BACE,kBACA,mBApBA,sBACA,eACA,iBACA,8BAsBF,4BACE,eAGF,oDACE,wEACA,4BACA,WACA,qBACA,WACA,oBACA,UAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,kCACE,wDACA,sFC7CJ,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,qDACA,yDALA,8BASA,4CACE,wDACA,4DAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAIJ,oEACE,8DAIA,sEACE,6DAIJ,mEACE,gBC1CF,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,qEACA,+EACA,uEAEA,4BACE,6CACA,2EChDJ,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,yGACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,yDACE,uGAQJ,2BACE,sCACA,eACA,oBACA,kDACA,uDACA,gBACA,UACA,2DAXA,8BAaA,iCACE,4CACA,+BACA,kCACA,8BAEA,uEACE,oEACA,iBAIJ,qDACE,sDACA,0DAQF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE,uFC1NJ,sBACE,wCACA,oDACA,yDACA,oDACA,6DARA,8BAYA,gDACE,wDACA,4DCbJ,gBACE,yDACA,+EAEA,aACA,8BACA,sEACA,oDAEA,qCATF,gBAUI,8EAGF,qCAbF,gBAcI,4EAIJ,yBACE,wDACA,8EAGF,qCACE,0CAGF,qCACE,0CAGF,uCACE,oDAGF,wCACE,4CAGF,uCACE,oDAGF,oCACE,sDAGF,qCACE,8CAGF,oCACE,sDAGF,yCACE,gDAGF,0CACE,wCAGF,yCACE,gDAGF,gCACE,iBAMA,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,8BACE,uBAGF,+BACE,kBANS,EACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GACX,+BACE,wBAGF,gCACE,kBANS,GAUb,qCAEI,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,qCACE,uBAGF,sCACE,kBANS,EACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,GACX,sCACE,wBAGF,uCACE,kBANS,IAWf,qCAEI,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,mCACE,uBAGF,oCACE,kBANS,EACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,GACX,oCACE,wBAGF,qCACE,kBANS,IC5Ff,mBACE,kBACA,mBACA,qCACA,iDACA,iDAVA,sBACA,eACA,8BAaF,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,kCACE,6CC7EF,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE,oEC7BF,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAIA,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDC3EJ,gBACE,kCACA,8CACA,8CACA,oDAPA,8BASA,sBACE,wCAMJ,4BACE,qBACA,8DACA,kEACA,2EACA,qFACA,6EAEA,kCACE,2FACA,mFAGF,sDACE,6DACA,iEAIJ,wBACE,qDACA,iDACA,qDACA,uEACA,iFACA,yEAEA,8BACE,uFACA,+EAGF,gCACE,iDAIJ,yBACE,uBACA,oBACA,2DACA,sCACA,+DACA,wEACA,kFACA,0EAEA,+BACE,8EAGF,mDACE,0DACA,8DAMF,0DACE,YACA,WAIJ,oCACE,qDAEA,0CACE,2DAGF,4CACE,6DAIJ,qCACE,sDAEA,2CACE,4DAGF,6CACE,8DC5FJ,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,2DACA,sDACA,+DACA,8DAGA,+FACE,2EACA,6EAKJ,+EACE,2EAEA,6GACE,wFACA,0FAIJ,2FACE,0DACA,8DCvCF,wBACE,kBACA,mBACA,0CACA,sDACA,2DACA,sDACA,+DAZA,sBACA,eACA,8BAcA,kDACE,0DACA,8DAIJ,uCACE,kDCbF,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBA0BF,2BAtBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAmCA,qDACE,4DACA,gEASJ,oEAEE,kDACA,gFAGF,+BACE,mBCvDF,qBACE,uCACA,mDACA,+DACA,mDACA,mEAVA,sBACA,eACA,8BAYA,+CACE,8DACA,kEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,4BACE,8DACA,kEAEA,sDACE,6DACA,iEAIJ,oCACE,+CCtCF,kBAHE,sBAMA,mBAGF,wBACE,iDAGF,0BACE,mDChBF,yBACE,gBACA,eACA,gBACA,WAGF,yBACE,0DACA,0DACA,eACA,qBACA,kBACA,mBACA,4CACA,oCAlBA,sBAuBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,gEACE,uCACA,sDACA,mBAGF,kEAEE,qGAGF,0FACE,+DCpDF,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,kEACA,6DACA,6DACA,+EACA,yFACA,iFAZA,sBACA,8BAaA,0DACE,iEACA,qEAMJ,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,wEACA,mEACA,4EAhCA,sBACA,8BAiCA,gEACE,uEACA,2ECpCJ,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,6DACA,wDACA,iEACA,gEAGA,qGACE,6EACA,+EAKJ,iFACE,+EAEA,iHACE,4FACA,8FAIJ,+FACE,4DACA,gEC5CF,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"index.css"}
|
package/dist/logo/logo.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-logo{height:var(--amsterdam-logo-height)}.amsterdam-logo__emblem{fill:var(--amsterdam-logo-emblem-color)}.amsterdam-logo__text-primary{fill:var(--amsterdam-logo-title-color)}.amsterdam-logo__text-secondary{fill:var(--amsterdam-logo-subsite-color)}/*# sourceMappingURL=logo.css.map */
|
|
1
|
+
.amsterdam-logo{display:block;height:var(--amsterdam-logo-height)}.amsterdam-logo__emblem{fill:var(--amsterdam-logo-emblem-color)}.amsterdam-logo__text-primary{fill:var(--amsterdam-logo-title-color)}.amsterdam-logo__text-secondary{fill:var(--amsterdam-logo-subsite-color)}/*# sourceMappingURL=logo.css.map */
|
package/dist/logo/logo.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/logo/logo.scss"],"names":[],"mappings":"AAKA,gBACE,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE","file":"logo.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/logo/logo.scss"],"names":[],"mappings":"AAKA,gBACE,cACA,oCAGF,wBACE,wCAGF,8BACE,uCAGF,gCACE","file":"logo.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-mark{background-color:var(--amsterdam-mark-background-color)}/*# sourceMappingURL=mark.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/mark/mark.scss"],"names":[],"mappings":"AAKA,gBACE","file":"mark.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-overlap{display:grid}.amsterdam-overlap>*{grid-area:1/-1}/*# sourceMappingURL=overlap.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,mBACE,aAEA,qBACE","file":"overlap.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;
|
|
1
|
+
.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-spacious-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-spacious-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-page-menu__link{font-size:var(--amsterdam-page-menu-item-compact-font-size);line-height:var(--amsterdam-page-menu-item-compact-line-height)}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBA0BF,2BAtBE,4CACA,oBACA,mBACA,wDACA,6DACA,wDACA,wCACA,iEACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAmCA,qDACE,4DACA,gEASJ,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-spacious-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-spacious-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-search-field__input{font-size:var(--amsterdam-search-field-input-compact-font-size);line-height:var(--amsterdam-search-field-input-compact-line-height)}.amsterdam-search-field__input:hover{box-shadow:var(--amsterdam-search-field-input-hover-box-shadow)}.amsterdam-search-field__input:focus{z-index:1}.amsterdam-search-field__input::placeholder{color:var(--amsterdam-search-field-input-placeholder-color)}.amsterdam-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--amsterdam-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--amsterdam-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--amsterdam-search-field-input-cancel-button-width)}.amsterdam-search-field__button{background-color:var(--amsterdam-search-field-button-background-color);border:0;color:var(--amsterdam-search-field-button-color);cursor:pointer;outline-offset:var(--amsterdam-search-field-button-outline-offset);padding-block:.5rem;padding-inline:.5rem;touch-action:manipulation}.amsterdam-search-field__button span{display:flex;justify-content:center;width:calc(var(--amsterdam-icon-spacious-size-6-font-size)*var(--amsterdam-icon-spacious-size-6-line-height))}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,iEACA,4DACA,qEACA,kEACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,yDACE,gEACA,oEAGF,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEACA,oBACA,qBACA,0BAEA,qCACE,aACA,uBAGA,8GAGF,sCACE","file":"search-field.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:.5rem;padding-inline:1rem;text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}.amsterdam-theme--compact .amsterdam-skip-link{font-size:var(--amsterdam-skip-link-compact-font-size);line-height:var(--amsterdam-skip-link-compact-line-height)}/*# sourceMappingURL=skip-link.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,oBACA,oBACA,kBACA,qBAEA,2BACE,mEAGF,+CACE,uDACA","file":"skip-link.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-spotlight--blue{background-color:var(--amsterdam-spotlight-blue-background-color)}.amsterdam-spotlight--dark-green{background-color:var(--amsterdam-spotlight-dark-green-background-color)}.amsterdam-spotlight--green{background-color:var(--amsterdam-spotlight-green-background-color)}.amsterdam-spotlight--light-blue{background-color:var(--amsterdam-spotlight-light-blue-background-color)}.amsterdam-spotlight--magenta{background-color:var(--amsterdam-spotlight-magenta-background-color)}.amsterdam-spotlight--orange{background-color:var(--amsterdam-spotlight-orange-background-color)}.amsterdam-spotlight--purple{background-color:var(--amsterdam-spotlight-purple-background-color)}.amsterdam-spotlight--yellow{background-color:var(--amsterdam-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE","file":"spotlight.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-spacious-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-spacious-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:.5rem;padding-inline:1rem;touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-text-input{font-size:var(--amsterdam-text-input-compact-font-size);line-height:var(--amsterdam-text-input-compact-line-height)}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,yDACA,oDACA,6DACA,0DACA,oBACA,oBACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,gDACE,wDACA,4DAGF,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-visually-hidden{clip:rect(
|
|
1
|
+
.amsterdam-visually-hidden:not(:active,:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*# sourceMappingURL=visually-hidden.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,+CACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA","file":"visually-hidden.css"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.3.0",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "CSS files for components for the City of Amsterdam based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"clean": "rimraf dist/"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@amsterdam/design-system-tokens": "0.
|
|
22
|
+
"@amsterdam/design-system-tokens": "0.3.0",
|
|
23
23
|
"sass": "1.69.5"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@utrecht/components": "
|
|
26
|
+
"@utrecht/components": "3.0.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "0201bd289e2eec2297f23d93959718f7235d76c4"
|
|
29
29
|
}
|
|
@@ -25,27 +25,22 @@
|
|
|
25
25
|
.amsterdam-breadcrumb__list {
|
|
26
26
|
break-after: avoid;
|
|
27
27
|
break-inside: avoid;
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-wrap: wrap;
|
|
30
|
-
gap: 0.5rem;
|
|
31
|
-
list-style: none;
|
|
32
28
|
|
|
33
29
|
@include reset;
|
|
34
30
|
}
|
|
35
31
|
|
|
36
32
|
.amsterdam-breadcrumb__item {
|
|
37
|
-
|
|
38
|
-
display: flex;
|
|
33
|
+
display: inline;
|
|
39
34
|
}
|
|
40
35
|
|
|
41
36
|
.amsterdam-breadcrumb__item:not(:last-child)::after {
|
|
42
|
-
background-
|
|
43
|
-
|
|
37
|
+
background-image: var(--amsterdam-breadcrumb-separator-background-image);
|
|
38
|
+
background-repeat: no-repeat;
|
|
44
39
|
content: "";
|
|
45
40
|
display: inline-block;
|
|
46
|
-
height:
|
|
47
|
-
margin-inline
|
|
48
|
-
width:
|
|
41
|
+
height: 1ex;
|
|
42
|
+
margin-inline: 0.5rem;
|
|
43
|
+
width: 1ex;
|
|
49
44
|
}
|
|
50
45
|
|
|
51
46
|
.amsterdam-breadcrumb__link {
|
|
@@ -55,10 +50,6 @@
|
|
|
55
50
|
text-decoration-thickness: var(--amsterdam-breadcrumb-item-link-text-decoration-thickness);
|
|
56
51
|
text-underline-offset: var(--amsterdam-breadcrumb-item-link-text-underline-offset);
|
|
57
52
|
|
|
58
|
-
&::first-letter {
|
|
59
|
-
text-transform: capitalize;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
53
|
&:hover {
|
|
63
54
|
color: var(--amsterdam-breadcrumb-item-link-hover-color);
|
|
64
55
|
text-decoration-line: var(--amsterdam-breadcrumb-item-link-hover-text-decoration-line);
|
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
# Card
|
|
2
2
|
|
|
3
|
-
Gebruik een card op een overzichtspagina om te verwijzen naar een detailpagina,
|
|
3
|
+
Gebruik een card op een overzichtspagina om te verwijzen naar een detailpagina,
|
|
4
|
+
zoals een nieuwsbericht, een vacature of een zoekresultaat.
|
|
5
|
+
De card bevat meestal de titel, introductie en afbeelding van de content.
|
|
6
|
+
De link is verplicht.
|
|
4
7
|
|
|
5
|
-
##
|
|
8
|
+
## Richtlijnen
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
- De titel van een card is een link in een heading.
|
|
11
|
+
Hier gelden dezelfde richtlijnen voor als voor reguliere [links](?path=/docs/react_navigation-link--docs) en [headings](?path=/docs/react_text-heading--docs).
|
|
12
|
+
De link is actief op het hele gebied van de card.
|
|
13
|
+
- Een card heeft meer inhoud nodig dan alleen een titel.
|
|
14
|
+
Vul dit aan met tekstuele en/of visuele inhoud.
|
|
15
|
+
- De tekst zet je in een reguliere paragraaf.
|
|
16
|
+
Alleen voor een tagline of datum gebruik je de kleinste tekstgrootte.
|
|
17
|
+
- Als de inhoud geen detailpagina vertegenwoordigt is dit component niet de beste optie.
|
|
18
|
+
Om te verwijzen naar een thematische pagina gebruik je een [top task link](?path=/docs/react_navigation-top-task-link--docs).
|
|
19
|
+
Ook kun je een [reguliere link](?path=/docs/react_navigation-link--docs) inzetten.
|
|
8
20
|
|
|
9
|
-
##
|
|
21
|
+
## Schermlezers
|
|
10
22
|
|
|
11
|
-
|
|
12
|
-
|
|
23
|
+
Met een schermlezer kun je onder andere navigeren via headings en links in een document.
|
|
24
|
+
De titel van een card is een link in een heading, zodat je van beide navigatiemanieren gebruik kunt maken.
|
|
25
|
+
Een schermlezer leest eerst de titel op, daarna de rest van de inhoud.
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
|
|
54
54
|
&:hover {
|
|
55
55
|
color: var(--amsterdam-checkbox-hover-color);
|
|
56
|
-
text-decoration: underline;
|
|
57
|
-
text-decoration-thickness:
|
|
58
|
-
text-underline-offset:
|
|
56
|
+
text-decoration-line: underline;
|
|
57
|
+
text-decoration-thickness: 0.125rem;
|
|
58
|
+
text-underline-offset: 0.375rem;
|
|
59
59
|
|
|
60
60
|
.amsterdam-checkbox__checkmark::after {
|
|
61
61
|
border-color: var(--amsterdam-checkbox-checkmark-hover-border-color);
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Grid
|
|
2
|
+
|
|
3
|
+
Verdeelt de breedte van het scherm in kolommen waarop de elementen van een pagina worden uitgelijnd.
|
|
4
|
+
|
|
5
|
+
## Gebruik
|
|
6
|
+
|
|
7
|
+
Elke pagina moet het grid gebruiken als basis voor de layout.
|
|
8
|
+
Het staat dus direct binnen [Screen](?path=/docs/layout-screen--docs).
|
|
9
|
+
|
|
10
|
+
Een [Footer](?path=/docs/react_containers-footer--docs) en een [Highlight](?path=/docs/react_containers-highlight--docs) zijn iets breder dan het grid.
|
|
11
|
+
Vóór deze componenten sluit je een instantie van het grid af.
|
|
12
|
+
Erbinnen en eventueel erna start je een nieuwe.
|
|
13
|
+
Meerdere instanties van het grid component zijn dus mogelijk op een pagina.
|
|
14
|
+
De kolommen van alle grids moeten wel precies op elkaar aansluiten.
|
|
15
|
+
|
|
16
|
+
Binnen het grid maak je cellen die de gewenste inhoud bevatten.
|
|
17
|
+
Een cel beslaat vaak meerdere kolommen van het grid.
|
|
18
|
+
|
|
19
|
+
## Ontwerp
|
|
20
|
+
|
|
21
|
+
De [ontwerpkeuzes](?path=/docs/docs-designrichtlijnen-grid--docs) staan beschreven onder de designrichtlijnen.
|
|
@@ -71,3 +71,43 @@
|
|
|
71
71
|
.amsterdam-grid--padding-vertical--large {
|
|
72
72
|
padding-block: calc(var(--amsterdam-grid-gap) * 2);
|
|
73
73
|
}
|
|
74
|
+
|
|
75
|
+
.amsterdam-grid__cell--span-all {
|
|
76
|
+
grid-column: 1 / -1;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// The order of the following declaration blocks ensures the intended specificity.
|
|
80
|
+
|
|
81
|
+
@for $i from 1 through 12 {
|
|
82
|
+
.amsterdam-grid__cell--span-#{$i} {
|
|
83
|
+
grid-column-end: span $i;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.amsterdam-grid__cell--start-#{$i} {
|
|
87
|
+
grid-column-start: $i;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@media screen and (min-width: $amsterdam-breakpoint-medium) {
|
|
92
|
+
@for $i from 1 through 12 {
|
|
93
|
+
.amsterdam-grid__cell--span-#{$i}-medium {
|
|
94
|
+
grid-column-end: span $i;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.amsterdam-grid__cell--start-#{$i}-medium {
|
|
98
|
+
grid-column-start: $i;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@media screen and (min-width: $amsterdam-breakpoint-wide) {
|
|
104
|
+
@for $i from 1 through 12 {
|
|
105
|
+
.amsterdam-grid__cell--span-#{$i}-wide {
|
|
106
|
+
grid-column-end: span $i;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.amsterdam-grid__cell--start-#{$i}-wide {
|
|
110
|
+
grid-column-start: $i;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# Header
|
|
2
|
+
|
|
3
|
+
A Header offers a container to display a City of Amsterdam logo, subsite title and page menu.
|
|
4
|
+
|
|
5
|
+
## Guidelines
|
|
6
|
+
|
|
7
|
+
- Use the Header when the site is hosted on amsterdam.nl or one of its subdomains.
|
|
8
|
+
- The page menu can contain a maximum of 5 items, including menu and search.
|
|
9
|
+
- When you have a long subsite title, use no or as little page menu items as possible.
|
|
10
|
+
|
|
11
|
+
## References
|
|
12
|
+
|
|
13
|
+
- A Header is a [landmark](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark_roles) and can be use to group navigation elements.
|
|
14
|
+
- [WCAG 3.2.3](https://wcag.com/designers/3-2-3-consistent-navigation/) Consistent Navigation: Navigation menus that appear on multiple pages are consistent.
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2+
|
|
3
|
+
* Copyright (c) 2023 Gemeente Amsterdam
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@import "../../common/breakpoint";
|
|
7
|
+
|
|
8
|
+
.amsterdam-header {
|
|
9
|
+
align-items: center;
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-wrap: wrap;
|
|
12
|
+
padding-block: 1rem;
|
|
13
|
+
row-gap: 1.5rem;
|
|
14
|
+
|
|
15
|
+
@media screen and (min-width: $amsterdam-breakpoint-wide) {
|
|
16
|
+
column-gap: var(--amsterdam-header-column-gap);
|
|
17
|
+
flex-wrap: nowrap;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.amsterdam-header__logo {
|
|
22
|
+
flex: none;
|
|
23
|
+
outline-offset: var(--amsterdam-link-outline-offset);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.amsterdam-header__links {
|
|
27
|
+
display: none;
|
|
28
|
+
|
|
29
|
+
@media screen and (min-width: $amsterdam-breakpoint-medium) {
|
|
30
|
+
display: block;
|
|
31
|
+
flex: 10 0 auto;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@media screen and (min-width: $amsterdam-breakpoint-wide) {
|
|
35
|
+
order: 3;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.amsterdam-header__menu {
|
|
40
|
+
flex: 1;
|
|
41
|
+
padding-inline-start: var(--amsterdam-page-menu-column-gap);
|
|
42
|
+
text-align: end;
|
|
43
|
+
|
|
44
|
+
@media screen and (min-width: $amsterdam-breakpoint-wide) {
|
|
45
|
+
order: 4;
|
|
46
|
+
padding-inline-start: 0;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.amsterdam-header__title {
|
|
51
|
+
flex: 1 1 100%;
|
|
52
|
+
|
|
53
|
+
@media screen and (min-width: $amsterdam-breakpoint-wide) {
|
|
54
|
+
min-width: 0;
|
|
55
|
+
order: 2;
|
|
56
|
+
|
|
57
|
+
.amsterdam-header__title-heading {
|
|
58
|
+
display: block;
|
|
59
|
+
line-height: 1;
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
text-overflow: ellipsis;
|
|
62
|
+
white-space: nowrap;
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Temporary, will move to megamenu (and/or iconButton)
|
|
69
|
+
.amsterdam-header__menu-button {
|
|
70
|
+
background-color: transparent;
|
|
71
|
+
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M0 3.238h32V7.81H0V3.238zm0 10.476h32v4.572H0v-4.572zM0 24.19h32v4.572H0V24.19z'/></svg>");
|
|
72
|
+
background-position: center right;
|
|
73
|
+
background-repeat: no-repeat;
|
|
74
|
+
background-size: 19px 19px;
|
|
75
|
+
border: 0;
|
|
76
|
+
color: var(--amsterdam-page-menu-item-color);
|
|
77
|
+
font-family: var(--amsterdam-page-menu-item-font-family);
|
|
78
|
+
font-size: var(--amsterdam-page-menu-item-spacious-font-size);
|
|
79
|
+
font-weight: var(--amsterdam-page-menu-item-font-weight);
|
|
80
|
+
line-height: var(--amsterdam-page-menu-item-spacious-line-height);
|
|
81
|
+
margin-block: 0;
|
|
82
|
+
padding-inline: 0 30px;
|
|
83
|
+
text-align: center;
|
|
84
|
+
touch-action: manipulation;
|
|
85
|
+
}
|
|
@@ -59,6 +59,26 @@
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
.amsterdam-heading--5 {
|
|
63
|
+
font-size: var(--amsterdam-heading-spacious-level-5-font-size);
|
|
64
|
+
line-height: var(--amsterdam-heading-spacious-level-5-line-height);
|
|
65
|
+
|
|
66
|
+
.amsterdam-theme--compact & {
|
|
67
|
+
font-size: var(--amsterdam-heading-compact-level-5-font-size);
|
|
68
|
+
line-height: var(--amsterdam-heading-compact-level-5-line-height);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.amsterdam-heading--6 {
|
|
73
|
+
font-size: var(--amsterdam-heading-spacious-level-6-font-size);
|
|
74
|
+
line-height: var(--amsterdam-heading-spacious-level-6-line-height);
|
|
75
|
+
|
|
76
|
+
.amsterdam-theme--compact & {
|
|
77
|
+
font-size: var(--amsterdam-heading-compact-level-6-font-size);
|
|
78
|
+
line-height: var(--amsterdam-heading-compact-level-6-line-height);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
62
82
|
.amsterdam-heading--inverse-color {
|
|
63
83
|
color: var(--amsterdam-heading-inverse-color);
|
|
64
84
|
}
|
|
@@ -48,15 +48,6 @@
|
|
|
48
48
|
width: var(--amsterdam-icon-spacious-size-6-font-size);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.amsterdam-icon--size-7 {
|
|
52
|
-
height: calc(var(--amsterdam-icon-spacious-size-7-font-size) * var(--amsterdam-icon-spacious-size-7-line-height));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.amsterdam-icon--size-7 svg {
|
|
56
|
-
height: var(--amsterdam-icon-spacious-size-7-font-size);
|
|
57
|
-
width: var(--amsterdam-icon-spacious-size-7-font-size);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
51
|
.amsterdam-theme--compact {
|
|
61
52
|
.amsterdam-icon--size-3 {
|
|
62
53
|
height: calc(var(--amsterdam-icon-compact-size-3-font-size) * var(--amsterdam-icon-compact-size-3-line-height));
|
|
@@ -93,13 +84,4 @@
|
|
|
93
84
|
height: var(--amsterdam-icon-compact-size-6-font-size);
|
|
94
85
|
width: var(--amsterdam-icon-compact-size-6-font-size);
|
|
95
86
|
}
|
|
96
|
-
|
|
97
|
-
.amsterdam-icon--size-7 {
|
|
98
|
-
height: calc(var(--amsterdam-icon-compact-size-7-font-size) * var(--amsterdam-icon-compact-size-7-line-height));
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.amsterdam-icon--size-7 svg {
|
|
102
|
-
height: var(--amsterdam-icon-compact-size-7-font-size);
|
|
103
|
-
width: var(--amsterdam-icon-compact-size-7-font-size);
|
|
104
|
-
}
|
|
105
87
|
}
|
|
@@ -7,8 +7,13 @@ Toont een afbeelding.
|
|
|
7
7
|
- Vergeet niet om een beschrijving van de afbeelding op te nemen in het `alt`-attribuut.
|
|
8
8
|
Dit zorgt ervoor dat gebruikers van schermlezers deze informatie ook tot zich kunnen nemen.
|
|
9
9
|
Daarnaast kan het helpen bij zoekmachineoptimalisatie.
|
|
10
|
-
|
|
10
|
+
Alleen voor decoratieve afbeeldingen is zo’n beschrijving niet nodig. Gebruik in dit geval `alt=""`.
|
|
11
11
|
Denk aan afbeeldingen die weinig toevoegen aan de nabije tekst of afbeeldingen die louter bijdragen aan het ontwerp of de sfeer van de pagina (bron: [W3C Web Accessibility Initiative](https://www.w3.org/WAI/tutorials/images/decorative/)).
|
|
12
|
+
- Specificeer eventueel meerdere kandidaten voor de afbeelding via het `srcSet`-attribuut.
|
|
13
|
+
Bijvoorbeeld een kleine, middelgrote en grote variant voor de diverse schermformaten.
|
|
14
|
+
Zo voorkom je het onnodige downloaden van grote bestanden.
|
|
15
|
+
Doe dit vooral voor de hoofdafbeelding van een pagina,
|
|
16
|
+
daar is het verschil tussen de formaten op een smal en breed scherm het grootst.
|
|
12
17
|
- Zorg ervoor dat de afbeelding een beeldverhouding heeft die ondersteund wordt door het [Aspect Ratio](?path=/docs/layout-aspect-ratio--docs) component.
|
|
13
18
|
|
|
14
19
|
## Relevante WCAG-eisen
|
|
@@ -4,6 +4,12 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
/* Append here */
|
|
7
|
+
@import "./skip-link/skip-link";
|
|
8
|
+
@import "./overlap/overlap";
|
|
9
|
+
@import "./header/header";
|
|
10
|
+
@import "./mark/mark";
|
|
11
|
+
@import "./text-input/text-input";
|
|
12
|
+
@import "./search-field/search-field";
|
|
7
13
|
@import "./logo/logo";
|
|
8
14
|
@import "./dialog/dialog";
|
|
9
15
|
@import "./image/image";
|
|
@@ -18,9 +24,8 @@
|
|
|
18
24
|
@import "./checkbox/checkbox";
|
|
19
25
|
@import "./form-label/form-label";
|
|
20
26
|
@import "./grid/grid";
|
|
21
|
-
@import "./grid/grid-cell";
|
|
22
27
|
@import "./heading/heading";
|
|
23
|
-
@import "./
|
|
28
|
+
@import "./spotlight/spotlight";
|
|
24
29
|
@import "./icon/icon";
|
|
25
30
|
@import "./link/link";
|
|
26
31
|
@import "./ordered-list/ordered-list";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# Mark
|
|
2
|
+
|
|
3
|
+
Markeert een fragment tekst met een gele achtergrond.
|
|
4
|
+
Het zorgt voor sterke nadruk op de tekst en leidt de aandacht ernaartoe.
|
|
5
|
+
|
|
6
|
+
## Richtlijnen
|
|
7
|
+
|
|
8
|
+
### Zo gebruiken
|
|
9
|
+
|
|
10
|
+
- Maximaal 1 markering per pagina.
|
|
11
|
+
De voorkeur is geen markering.
|
|
12
|
+
- Maximaal 1 zin.
|
|
13
|
+
|
|
14
|
+
### Dit vermijden
|
|
15
|
+
|
|
16
|
+
- Niet in de titel en subtitels gebruiken.
|
|
17
|
+
Zorg voor een belangrijke, pakkende titel als de hele paragraaf belangrijk is.
|
|
18
|
+
- Mag niet voor een hele paragraaf gebruikt worden.
|