Compare commits
No commits in common. "master" and "styleguide" have entirely different histories.
master
...
styleguide
22 changed files with 96 additions and 116 deletions
2
dist/badge.css
vendored
2
dist/badge.css
vendored
|
|
@ -1 +1 @@
|
|||
.badge,.badge--alert,.badge--free,.badge--cost,.badge--tag-mature,.badge--tag{height:var(--height-badge);border-radius:var(--border-radius);font-size:var(--font-small);padding:var(--spacing-xs) var(--spacing-xs);white-space:nowrap;user-select:none;cursor:pointer;align-items:center}.badge--tag{background-color:var(--color-tag-bg);color:var(--color-tag)}.badge--tag:hover{background-color:var(--color-tag-bg-hover);color:var(--color-tag-hover)}.badge--tag-mature{background-color:var(--color-tertiary-alt);color:var(--color-tertiary)}.badge--cost{background-color:var(--color-cost);color:var(--color-black);line-height:1}.badge--free{background-color:var(--color-secondary-alt);color:var(--color-secondary)}.badge--alert{background-color:var(--color-danger-alt);color:var(--color-danger)}/*# sourceMappingURL=badge.css.map */
|
||||
.badge,.badge--alert,.badge--free,.badge--cost,.badge--tag-mature,.badge--tag{height:var(--height-badge);border-radius:var(--border-radius);font-size:var(--font-small);padding:var(--spacing-xs) var(--spacing-xs);white-space:nowrap;user-select:none;cursor:pointer;align-items:center}.badge--tag{background-color:var(--color-tag-bg);color:var(--color-tag)}.badge--tag:hover{background-color:var(--color-tag-bg-hover);color:var(--color-tag-hover)}.badge--tag-mature{background-color:var(--color-tertiary-alt);color:var(--color-tertiary)}.badge--cost{background-color:var(--color-cost);color:var(--color-black)}.badge--free{background-color:var(--color-secondary-alt);color:var(--color-secondary)}.badge--alert{background-color:var(--color-danger-alt);color:var(--color-danger)}/*# sourceMappingURL=badge.css.map */
|
||||
|
|
|
|||
2
dist/badge.css.map
vendored
2
dist/badge.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/badge.scss"],"names":[],"mappings":"AAAA,8EACE,2BACA,mCACA,4BACA,4CACA,mBACA,iBACA,eACA,mBAGF,YAEE,qCACA,uBAEA,kBACE,2CACA,6BAIJ,mBAEE,2CACA,4BAGF,aAEE,mCACA,yBACA,cAGF,aAEE,4CACA,6BAGF,cAEE,yCACA","file":"badge.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/badge.scss"],"names":[],"mappings":"AAAA,8EACE,2BACA,mCACA,4BACA,4CACA,mBACA,iBACA,eACA,mBAGF,YAEE,qCACA,uBAEA,kBACE,2CACA,6BAIJ,mBAEE,2CACA,4BAGF,aAEE,mCACA,yBAGF,aAEE,4CACA,6BAGF,cAEE,yCACA","file":"badge.css"}
|
||||
2
dist/button.css
vendored
2
dist/button.css
vendored
|
|
@ -1 +1 @@
|
|||
.button{display:inline-block;position:relative;white-space:nowrap;text-decoration:none;cursor:pointer}.button:disabled{opacity:.5}.button--primary,.button--secondary,.button--alt,.button--link,.button--danger{border-radius:var(--border-radius)}.button--primary,.button--secondary,.button--alt{height:var(--height-button);border-radius:var(--border-radius);padding:var(--spacing-s) var(--spacing-m);line-height:1.2;font-weight:var(--font-weight-bold)}.button--primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.button--primary:hover{color:var(--color-button-primary-hover-text);background-color:var(--color-button-primary-bg-hover)}.button--secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.button--secondary:hover{background-color:var(--color-button-secondary-bg-hover)}.button--alt{background-color:var(--color-button-alt-bg);color:var(--color-button-alt-text)}.button--alt:hover{background-color:var(--color-button-alt-bg-hover)}.button--icon{width:5rem;height:5rem;background-repeat:no-repeat;background-size:50%;border-radius:50%;transition:background-color .2s;background-color:var(--color-primary)}.button--icon:hover{background-color:var(--color-button-primary-bg-hover)}.button--icon.button--play{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='white' stroke-width='2' fill='white' fill-rule='evenodd' stroke-linejoin='round'%3E %3Cpolygon points='5 21 5 3 21 12'/%3E %3C/g%3E %3C/svg%3E");background-position:calc(50% + 0.1rem) center}.button--icon.button--view{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd'%3E %3Cpath d='M2, 12 C2, 12 5, 5 12, 5 C19, 5 22, 12 22, 12 C22, 12 19, 19 12, 19 C5, 19 2, 12 2, 12 Z' stroke-linejoin='round'/%3E %3Ccircle cx='12' cy='12' r='3'/%3E %3Cpath d='M12, 5 L12, 3' stroke-linecap='round'/%3E %3Cpath d='M18, 6.5 L19, 5' stroke-linecap='round'/%3E %3Cpath d='M21, 10 L22.5, 9' stroke-linecap='round'/%3E %3Cpath d='M1.5, 10 L3, 9' stroke-linecap='round' transform='translate(2.250000, 9.500000) scale(1, -1) translate(-2.250000, -9.500000)'/%3E %3Cpath d='M5, 6.5 L6, 5' stroke-linecap='round' transform='translate(5.500000, 5.750000) scale(-1, 1) translate(-5.500000, -5.750000)'/%3E %3C/g%3E %3C/svg%3E");background-position:center calc(50% + 0.1rem)}.button--link,.button--danger{color:var(--color-link);transition:color .2s;word-break:break-all;font-weight:var(--font-weight-bold)}.button--link:hover,.button--danger:hover{text-decoration:underline;color:var(--color-link-hover)}.button--danger{color:var(--color-error)}/*# sourceMappingURL=button.css.map */
|
||||
.button{display:inline-block;position:relative;white-space:nowrap;text-decoration:none;font-weight:400;cursor:pointer}.button:disabled{opacity:.5}.button--primary,.button--secondary,.button--alt,.button--link{border-radius:var(--border-radius)}.button--primary,.button--secondary{height:var(--height-button);border-radius:var(--border-radius);padding:var(--spacing-s) var(--spacing-m);line-height:1.2}.button--primary:not(:last-of-type),.button--secondary:not(:last-of-type){margin-right:var(--spacing-s)}.button--primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.button--primary:hover{color:var(--color-button-primary-hover-text);background-color:var(--color-button-primary-bg-hover)}.button--secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.button--secondary:hover{background-color:var(--color-button-secondary-bg-hover)}.button--alt{color:var(--color-text)}.button--alt:hover{text-decoration:underline}.button--icon{width:5rem;height:5rem;background-repeat:no-repeat;background-size:50%;border-radius:50%;transition:background-color .2s;background-color:var(--color-primary)}.button--icon:hover{background-color:var(--color-button-primary-bg-hover)}.button--icon.button--play{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='white' stroke-width='2' fill='white' fill-rule='evenodd' stroke-linejoin='round'%3E %3Cpolygon points='5 21 5 3 21 12'/%3E %3C/g%3E %3C/svg%3E");background-position:calc(50% + 0.1rem) center}.button--icon.button--view{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd'%3E %3Cpath d='M2, 12 C2, 12 5, 5 12, 5 C19, 5 22, 12 22, 12 C22, 12 19, 19 12, 19 C5, 19 2, 12 2, 12 Z' stroke-linejoin='round'/%3E %3Ccircle cx='12' cy='12' r='3'/%3E %3Cpath d='M12, 5 L12, 3' stroke-linecap='round'/%3E %3Cpath d='M18, 6.5 L19, 5' stroke-linecap='round'/%3E %3Cpath d='M21, 10 L22.5, 9' stroke-linecap='round'/%3E %3Cpath d='M1.5, 10 L3, 9' stroke-linecap='round' transform='translate(2.250000, 9.500000) scale(1, -1) translate(-2.250000, -9.500000)'/%3E %3Cpath d='M5, 6.5 L6, 5' stroke-linecap='round' transform='translate(5.500000, 5.750000) scale(-1, 1) translate(-5.500000, -5.750000)'/%3E %3C/g%3E %3C/svg%3E");background-position:center calc(50% + 0.1rem)}.button--link{color:var(--color-link);transition:color .2s;word-break:break-all}.button--link:hover{text-decoration:underline;color:var(--color-link-hover)}/*# sourceMappingURL=button.css.map */
|
||||
|
|
|
|||
2
dist/button.css.map
vendored
2
dist/button.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/button.scss"],"names":[],"mappings":"AAAA,QACE,qBACA,kBACA,mBACA,qBACA,eAEA,iBACE,WAIJ,+EAIE,mCAGF,iDAGE,4BACA,mCACA,0CACA,gBACA,oCAGF,iBACE,gDACA,uCAEA,uBACE,6CACA,sDAIJ,mBACE,kDACA,yCAEA,yBACE,wDAIJ,aACE,4CACA,mCAEA,mBACE,kDAIJ,cACE,WACA,YACA,4BACA,oBACA,kBACA,gCACA,sCAEA,oBACE,sDAGF,2BACE,mTACA,8CAGF,2BACE,q1BACA,8CAIJ,8BACE,wBACA,qBACA,qBACA,oCAEA,0CACE,0BACA,8BAIJ,gBAEE","file":"button.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/button.scss"],"names":[],"mappings":"AAAA,QACE,qBACA,kBACA,mBACA,qBACA,gBACA,eAEA,iBACE,WAIJ,+DAIE,mCAGF,oCAEE,4BACA,mCACA,0CACA,gBAEA,0EACE,8BAIJ,iBACE,gDACA,uCAEA,uBACE,6CACA,sDAIJ,mBACE,kDACA,yCAEA,yBACE,wDAIJ,aACE,wBAEA,mBACE,0BAIJ,cACE,WACA,YACA,4BACA,oBACA,kBACA,gCACA,sCAEA,oBACE,sDAGF,2BACE,mTACA,8CAGF,2BACE,q1BACA,8CAIJ,cACE,wBACA,qBACA,qBAEA,oBACE,0BACA","file":"button.css"}
|
||||
2
dist/form.css
vendored
2
dist/form.css
vendored
File diff suppressed because one or more lines are too long
2
dist/form.css.map
vendored
2
dist/form.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/form.scss","../sass/init/_mixins.scss"],"names":[],"mappings":"AAEA,sBAGE,2BACA,mCACA,iBACA,yBACA,uCACA,uCACA,+BACA,8BAEA,wCCyLA,wCDrLA,6DACE,qCACA,WAGF,iDACE,WAEA,mEACE,WAIJ,0DACE,YACA,aACA,wCAIJ,sCAGE,eAGF,OACE,gcACA,+BACA,4BACA,qBACA,+BACA,8BAGF,+BACE,aACA,mBACA,8BAGE,olBACE,aAYJ,++DAME,4BAGF,mSACE,4BAGF,oOACE,gBAGF,uXAEE,WAIJ,oDAGE,aACA,sBAGF,MACE,4BACA,+BACA,qBACA,iCAGF,2BACE,aAEA,gHAEE,SAGF,uDACE,0BACA,6BACA,kBAGF,yDACE,yBACA,4BACA,qCAIJ,iBAEE,kBAEA,gHAEE,8BACA,6BACA,kBACA,YACA,OACA,UACA,6BAEA,4KACE,eACA,oBAIJ,6BACE,kBACA,qBACA,SACA,2BACA,6DACA,kCAEA,6CACE,8CAIA,yDACE,oDAKN,wFAEE,kBACA,WAIF,oKAEE,aAIF,oMAEE,WAGF,gMCYA,wCDJA,wBACE,8BACA,6BACA,2CACA,mCACA,SACA,SAIF,uBACE,WACA,WACA,sBACA,wBACA,uCACA,yBACA,SACA,QAKF,yBACE,kBAIF,qBACE,2BACA,0BACA,2CACA,8CACA,SACA,SAIF,oBACE,YACA,WACA,kBACA,wCACA,SACA,QAIJ,cACE,aACA,8BACA,WAEA,gBACE,UACA,kBAEA,8BACE,gBAEF,6BACE","file":"form.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/form.scss","../sass/init/_mixins.scss"],"names":[],"mappings":"AAEA,sBAGE,2BACA,mCACA,iBACA,yBACA,uCACA,uCACA,+BACA,8BAEA,wCCyLA,wCDrLA,6DACE,qCACA,WAIJ,sCAGE,eAGF,OACE,gcACA,+BACA,4BACA,qBACA,+BACA,8BAGF,+BACE,aACA,mBACA,8BAGE,olBACE,aAKN,oDAGE,aACA,sBAEA,gaAGE,4BAGF,gGACE,gBAGF,4JAEE,WAIJ,MACE,4BACA,+BACA,qBACA,iCAGF,2BACE,aAEA,gHAEE,SAGF,uDACE,0BACA,6BACA,kBAGF,yDACE,yBACA,4BACA,qCAIJ,iBAEE,kBAEA,gHAEE,8BACA,6BACA,kBACA,YACA,OACA,UACA,6BAGF,6BACE,kBACA,qBACA,SACA,2BACA,6DACA,kCAGE,yDACE,4CAKN,wFAEE,kBACA,WAIF,qFACE,aAIF,oMAEE,WAGF,gMCmDA,wCD3CA,wBACE,8BACA,6BACA,2CACA,mCACA,SACA,SACA,uCAIF,uBACE,WACA,WACA,sBACA,wBACA,oCACA,yBACA,SACA,QAKF,yBACE,kBAIF,qBACE,2BACA,0BACA,2CACA,8CACA,SACA,SACA,uCAIF,oBACE,YACA,WACA,kBACA,wCACA,SACA","file":"form.css"}
|
||||
2
dist/index.css
vendored
2
dist/index.css
vendored
File diff suppressed because one or more lines are too long
2
dist/index.css.map
vendored
2
dist/index.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/init/_color.scss","../sass/init/_variables.scss","../sass/init/_reset.scss","../sass/init/_animation.scss","../sass/badge.scss","../sass/button.scss","../sass/form.scss","../sass/init/_mixins.scss","../sass/table.scss","../sass/navigation/_index.scss","../sass/index.scss"],"names":[],"mappings":"AAAA,MAEE,yBACA,6BACA,+BACA,2BACA,+BACA,0BACA,8BACA,wBACA,4BACA,yBACA,sBACA,uBACA,qBAEA,oBACA,uBACA,2BACA,wBACA,wBACA,wBACA,wBACA,wBAGA,iCACA,2CACA,8BAKA,gDACA,sDACA,4DACA,4DACA,wDACA,sDACA,2CACA,2CACA,2CACA,iDACA,mCACA,uCAGA,6BACA,yCACA,mCACA,0BACA,mCACA,0CACA,oDACA,6CACA,6CACA,0DAGA,gDAGA,iCACA,2CACA,gDACA,uDCjEF,MACE,qBACA,uBACA,wBACA,wBACA,qBACA,qBAGA,8BACA,6BACA,4BACA,4BACA,kBACA,mBAGA,sCACA,0CACA,uBACA,gCAGA,yBACA,mBACA,sBACA,wBACA,yBACA,wBACA,kBACA,kBACA,yBACA,wBACA,qBACA,sBACA,wBCnCF,KACE,sBACA,kCAEA,kCACA,mCAGF,qBAGE,SACA,UAEA,YACA,mBACA,UAGF,WACE,oBACA,YAGF,WACE,mBAGF,uGAQE,eAGF,gEAUE,0BAGF,6BAIE,6BACA,gBACA,oBACA,kBACA,oBAEA,qBACA,wBAEA,iEACE,eAIJ,kBAME,mBACA,cAGF,MAEE,2BAEA,YACE,2BAIJ,MACE,iBAGF,GACE,UACA,WAGF,GACE,WACA,kBACA,kBAGF,GACE,UACA,WAGF,IACE,WACA,eACA,YACA,gBACA,sBAGF,EACE,qBAGF,OACE,6BACA,oBAEA,sBACE,eAGF,gBACE,WAIJ,GACE,WACA,WACA,qCAGF,MACE,6BACA,cAEA,mBACE,cACA,WAGF,oCACE,wBAIJ,OACE,aAGF,SACE,WACA,8BACA,yBAEA,iBAEA,yBACE,gBAIJ,aAGE,eAEE,gDACA,mCAGF,OAEE,mCAGF,IACE,0BAGF,MACE,uBAGF,QAGE,qBACA,oBAGF,MAEE,kCAGF,MACE,sCAIF,EACE,wCACA,iCACA,mCACA,uBACA,4BAKE,iBAEE,uCAKA,sDACE,sBAMJ,qBACE,wCAIJ,WAEE,qCACA,iCC/ON,6BACE,GACE,6BAGF,KACE,6BAIJ,iBACE,GACE,UAGF,IACE,WAGF,KACE,WCtBJ,8EACE,2BACA,mCACA,4BACA,4CACA,mBACA,iBACA,eACA,mBAGF,YAEE,qCACA,uBAEA,kBACE,2CACA,6BAIJ,mBAEE,2CACA,4BAGF,aAEE,mCACA,yBACA,cAGF,aAEE,4CACA,6BAGF,cAEE,yCACA,0BC5CF,QACE,qBACA,kBACA,mBACA,qBACA,eAEA,iBACE,WAIJ,+EAIE,mCAGF,iDAGE,4BACA,mCACA,0CACA,gBACA,oCAGF,iBACE,gDACA,uCAEA,uBACE,6CACA,sDAIJ,mBACE,kDACA,yCAEA,yBACE,wDAIJ,aACE,4CACA,mCAEA,mBACE,kDAIJ,cACE,WACA,YACA,4BACA,oBACA,kBACA,gCACA,sCAEA,oBACE,sDAGF,2BACE,mTACA,8CAGF,2BACE,q1BACA,8CAIJ,8BACE,wBACA,qBACA,qBACA,oCAEA,0CACE,0BACA,8BAIJ,gBAEE,yBC7FF,sBAGE,2BACA,mCACA,iBACA,yBACA,uCACA,uCACA,+BACA,8BAEA,wCCyLA,wCDrLA,6DACE,qCACA,WAGF,iDACE,WAEA,mEACE,WAIJ,0DACE,YACA,aACA,wCAIJ,sCAGE,eAGF,OACE,gcACA,+BACA,4BACA,qBACA,+BACA,8BAGF,+BACE,aACA,mBACA,8BAGE,olBACE,aAYJ,++DAME,4BAGF,mSACE,4BAGF,oOACE,gBAGF,uXAEE,WAIJ,oDAGE,aACA,sBAGF,MACE,4BACA,+BACA,qBACA,iCAGF,2BACE,aAEA,gHAEE,SAGF,uDACE,0BACA,6BACA,kBAGF,yDACE,yBACA,4BACA,qCAIJ,iBAEE,kBAEA,gHAEE,8BACA,6BACA,kBACA,YACA,OACA,UACA,6BAEA,4KACE,eACA,oBAIJ,6BACE,kBACA,qBACA,SACA,2BACA,6DACA,kCAEA,6CACE,8CAIA,yDACE,oDAKN,wFAEE,kBACA,WAIF,oKAEE,aAIF,oMAEE,WAGF,gMCYA,wCDJA,wBACE,8BACA,6BACA,2CACA,mCACA,SACA,SAIF,uBACE,WACA,WACA,sBACA,wBACA,uCACA,yBACA,SACA,QAKF,yBACE,kBAIF,qBACE,2BACA,0BACA,2CACA,8CACA,SACA,SAIF,oBACE,YACA,WACA,kBACA,wCACA,SACA,QAIJ,cACE,aACA,8BACA,WAEA,gBACE,UACA,kBAEA,8BACE,gBAEF,6BACE,iBEhQN,OACE,WACA,kBAEA,oBAEE,gBAEA,gDACE,8BAGF,8CACE,+BAIJ,aACE,eACA,kBAEA,gBACE,4CAMA,gCACE,4CAIJ,wBACE,8CAIJ,oBAEE,mBAIJ,GACE,gBAOF,cACE,mBAIA,0CAEE,cAEA,sEACE,eAGF,oEACE,gBAKF,mCACE,6BAKN,mBACE,uCACA,gBACA,iCAGF,0BACE,iBCpFF,kBACE,WACA,YAEA,oBACA,OACA,kBACA,uBACA,kBACA,WAGF,yBAEE,QACA,SACA,SACA,WAEA,oCACA,qCACA,mCACA,kBAGF,eACE,mBACA,kBAGE,4DACE,6BAGF,qHAEE,aAIJ,2CAEE,UAEA,mFACE,sCAKN,aACE,YACA,mBACA,eACA,aACA,cACA,kBACA,UAEA,oBACE,WACA,WACA,YACA,OAEA,WACA,kBACA,UAIJ,YACE,WACA,SACA,OAEA,oCACA,yCACA,iBACA,oBACA,kBAEA,mBACE,YACA,0BACA,SACA,OAEA,oCACA,WACA,WACA,oBACA,kBACA,WAIJ,gBACE,aACA,eACA,kBAGF,aACE,yBACA,iBACA,mBAEA,yBACE,yBAGF,mBACE,iCACA,8BAEA,qBACE,0BAIJ,+BACE,UAGF,yBACE,WAGF,kBACE,aACA,mBACA,sBCrHJ,KACE,eACA,oCACA,2BACA,gBACA,gBACA,uJAKF,GACE,WACA","file":"index.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/init/_color.scss","../sass/init/_variables.scss","../sass/init/_reset.scss","../sass/init/_animation.scss","../sass/badge.scss","../sass/button.scss","../sass/form.scss","../sass/init/_mixins.scss","../sass/table.scss","../sass/section.scss","../sass/navigation/_index.scss","../sass/index.scss"],"names":[],"mappings":"AAAA,MAEE,yBACA,6BACA,+BACA,2BACA,+BACA,0BACA,8BACA,wBACA,4BACA,yBACA,sBACA,uBACA,qBAEA,oBACA,uBACA,2BACA,wBACA,wBACA,wBACA,wBACA,wBAGA,iCACA,2CACA,8BAKA,gDACA,sDACA,4DACA,4DACA,wDACA,sDACA,uDACA,mCACA,uCAGA,6BACA,yCACA,mCACA,0BACA,mCACA,0CACA,oDAGA,gDAGA,kCACA,yCACA,sCACA,iDC3DF,MACE,qBACA,uBACA,wBACA,wBACA,qBACA,qBAGA,sBACA,qBACA,oBACA,oBACA,oBACA,qBACA,sBAGA,sCACA,0CACA,uBACA,gCAGA,yBACA,mBACA,sBACA,wBACA,yBACA,wBACA,kBACA,kBACA,yBACA,wBACA,qBACA,sBACA,wBCpCF,KACE,sBACA,kCAEA,kCACA,mCAGF,qBAGE,SACA,UAEA,YACA,mBACA,UAGF,WACE,oBACA,YAGF,WACE,mBAGF,uGAQE,eAGF,gEAUE,0BAGF,6BAIE,6BACA,gBACA,oBACA,kBACA,oBAEA,qBACA,wBAEA,iEACE,eAIJ,kBAME,mBACA,cAGF,MAEE,2BAEA,YACE,2BAIJ,MACE,iBAGF,GACE,UACA,WAGF,GACE,WACA,kBACA,kBAGF,GACE,UACA,WAGF,IACE,WACA,eACA,YACA,gBACA,sBAGF,EACE,qBAGF,OACE,6BACA,oBAEA,sBACE,eAGF,gBACE,WAIJ,GACE,WACA,WACA,qCAGF,MACE,6BACA,cAEA,mBACE,cACA,WAGF,oCACE,wBAIJ,OACE,aAGF,SACE,WACA,8BACA,yBAEA,iBAEA,yBACE,gBAIJ,aAGE,eAEE,gDACA,mCAGF,OAEE,mCAGF,IACE,0BAGF,MACE,uBAGF,QAGE,qBACA,oBAGF,MAEE,kCAGF,MACE,sCAIF,EACE,wCACA,iCACA,mCACA,uBACA,4BAKE,iBAEE,uCAKA,sDACE,sBAMJ,qBACE,wCAIJ,WAEE,qCACA,iCC/ON,6BACE,GACE,6BAGF,KACE,6BAIJ,iBACE,GACE,UAGF,IACE,WAGF,KACE,WCtBJ,8EACE,2BACA,mCACA,4BACA,4CACA,mBACA,iBACA,eACA,mBAGF,YAEE,qCACA,uBAEA,kBACE,2CACA,6BAIJ,mBAEE,2CACA,4BAGF,aAEE,mCACA,yBAGF,aAEE,4CACA,6BAGF,cAEE,yCACA,0BC3CF,QACE,qBACA,kBACA,mBACA,qBACA,gBACA,eAEA,iBACE,WAIJ,+DAIE,mCAGF,oCAEE,4BACA,mCACA,0CACA,gBAEA,0EACE,8BAIJ,iBACE,gDACA,uCAEA,uBACE,6CACA,sDAIJ,mBACE,kDACA,yCAEA,yBACE,wDAIJ,aACE,wBAEA,mBACE,0BAIJ,cACE,WACA,YACA,4BACA,oBACA,kBACA,gCACA,sCAEA,oBACE,sDAGF,2BACE,mTACA,8CAGF,2BACE,q1BACA,8CAIJ,cACE,wBACA,qBACA,qBAEA,oBACE,0BACA,8BCxFJ,sBAGE,2BACA,mCACA,iBACA,yBACA,uCACA,uCACA,+BACA,8BAEA,wCCyLA,wCDrLA,6DACE,qCACA,WAIJ,sCAGE,eAGF,OACE,gcACA,+BACA,4BACA,qBACA,+BACA,8BAGF,+BACE,aACA,mBACA,8BAGE,olBACE,aAKN,oDAGE,aACA,sBAEA,gaAGE,4BAGF,gGACE,gBAGF,4JAEE,WAIJ,MACE,4BACA,+BACA,qBACA,iCAGF,2BACE,aAEA,gHAEE,SAGF,uDACE,0BACA,6BACA,kBAGF,yDACE,yBACA,4BACA,qCAIJ,iBAEE,kBAEA,gHAEE,8BACA,6BACA,kBACA,YACA,OACA,UACA,6BAGF,6BACE,kBACA,qBACA,SACA,2BACA,6DACA,kCAGE,yDACE,4CAKN,wFAEE,kBACA,WAIF,qFACE,aAIF,oMAEE,WAGF,gMCmDA,wCD3CA,wBACE,8BACA,6BACA,2CACA,mCACA,SACA,SACA,uCAIF,uBACE,WACA,WACA,sBACA,wBACA,oCACA,yBACA,SACA,QAKF,yBACE,kBAIF,qBACE,2BACA,0BACA,2CACA,8CACA,SACA,SACA,uCAIF,oBACE,YACA,WACA,kBACA,wCACA,SACA,QE1MJ,OACE,WACA,kBAEA,oBAEE,gBAEA,gDACE,8BAGF,8CACE,+BAIJ,aACE,eACA,kBAEA,gBACE,4CAMA,gCACE,4CAIJ,wBACE,8CAIJ,oBAEE,mBAIJ,GACE,gBAOF,cACE,mBAIA,0CAEE,cAEA,sEACE,eAGF,oEACE,gBAKF,mCACE,6BAKN,mBACE,uCACA,gBACA,iCAGF,0BACE,iBAGF,yBACE,sBACA,mBAEA,iCACE,mBACA,YACA,YACA,yBACA,6BChGJ,SACE,4BAGF,kBACE,aACA,mBACA,iCAEA,6BACE,6BAGF,qCACE,mCAIJ,mBACE,iCACA,8BACA,2BCrBF,kBACE,WACA,YAEA,oBACA,OACA,kBACA,uBACA,kBACA,WAGF,yBAEE,QACA,SACA,SACA,WAEA,oCACA,qCACA,mCACA,kBAGF,eACE,mBACA,kBAGE,4DACE,6BAGF,qHAEE,aAIJ,2CAEE,UAEA,mFACE,sCAKN,aACE,YACA,mBACA,eACA,aACA,cACA,kBACA,UAEA,oBACE,WACA,WACA,YACA,OAEA,WACA,kBACA,UAIJ,YACE,WACA,SACA,OAEA,oCACA,yCACA,iBACA,oBACA,kBAEA,mBACE,YACA,0BACA,SACA,OAEA,oCACA,WACA,WACA,oBACA,kBACA,WAIJ,gBACE,aACA,eACA,kBAGF,aACE,yBACA,iBACA,mBAEA,yBACE,yBAGF,mBACE,iCACA,8BAEA,qBACE,0BAIJ,+BACE,UAGF,yBACE,WAGF,kBACE,aACA,mBACA,sBCpHJ,KACE,eACA,oCACA,2BACA,gBACA,gBACA,uJAKF,oBJ4KE,wCIxKF,EACE,cAGF,GACE,WACA","file":"index.css"}
|
||||
2
dist/section.css
vendored
2
dist/section.css
vendored
|
|
@ -1 +1 @@
|
|||
/*# sourceMappingURL=section.css.map */
|
||||
.section{margin-top:var(--spacing-l)}.section__actions{display:flex;align-items:center;margin-top:var(--spacing-medium)}.section__actions:only-child{margin-top:var(--spacing-xs)}.section__actions>*:not(:last-child){margin-right:var(--spacing-medium)}.section__subtitle{color:var(--color-text-subtitle);margin:var(--spacing-small) 0;font-size:var(--font-body)}/*# sourceMappingURL=section.css.map */
|
||||
|
|
|
|||
2
dist/section.css.map
vendored
2
dist/section.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"section.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/section.scss"],"names":[],"mappings":"AAAA,SACE,4BAGF,kBACE,aACA,mBACA,iCAEA,6BACE,6BAGF,qCACE,mCAIJ,mBACE,iCACA,8BACA","file":"section.css"}
|
||||
2
dist/table.css
vendored
2
dist/table.css
vendored
|
|
@ -1 +1 @@
|
|||
.table{width:100%;position:relative}.table th,.table td{overflow:hidden}.table th:first-of-type,.table td:first-of-type{padding-left:var(--spacing-l)}.table th:last-of-type,.table td:last-of-type{padding-right:var(--spacing-l)}.table thead{cursor:default;position:relative}.table thead th{border-bottom:1px solid var(--color-border)}.table tr:not(:last-of-type) td{border-bottom:1px solid var(--color-border)}.table tr:nth-child(2n){background-color:var(--color-table-highlight)}.table th,.table td{padding:.5rem 1rem}th{text-align:left}.table--fixed{table-layout:fixed}.table--condensed td,.table--condensed th{padding:.5rem}.table--condensed td:first-of-type,.table--condensed th:first-of-type{padding-left:0}.table--condensed td:last-of-type,.table--condensed th:last-of-type{padding-right:0}.table--condensed tr:nth-child(2n){background-color:transparent}.table__item-label{font-size:var(--font-multiplier-small);font-weight:300;color:var(--color-text-subtitle)}.table__item--align-right{text-align:right}/*# sourceMappingURL=table.css.map */
|
||||
.table{width:100%;position:relative}.table th,.table td{overflow:hidden}.table th:first-of-type,.table td:first-of-type{padding-left:var(--spacing-l)}.table th:last-of-type,.table td:last-of-type{padding-right:var(--spacing-l)}.table thead{cursor:default;position:relative}.table thead th{border-bottom:1px solid var(--color-border)}.table tr:not(:last-of-type) td{border-bottom:1px solid var(--color-border)}.table tr:nth-child(2n){background-color:var(--color-table-highlight)}.table th,.table td{padding:.5rem 1rem}th{text-align:left}.table--fixed{table-layout:fixed}.table--condensed td,.table--condensed th{padding:.5rem}.table--condensed td:first-of-type,.table--condensed th:first-of-type{padding-left:0}.table--condensed td:last-of-type,.table--condensed th:last-of-type{padding-right:0}.table--condensed tr:nth-child(2n){background-color:transparent}.table__item-label{font-size:var(--font-multiplier-small);font-weight:300;color:var(--color-text-subtitle)}.table__item--align-right{text-align:right}.table__item--actionable{vertical-align:middle;white-space:nowrap}.table__item--actionable .button{vertical-align:top;height:2rem;top:-0.2rem;padding:var(--spacing-s);margin-left:var(--spacing-m)}/*# sourceMappingURL=table.css.map */
|
||||
|
|
|
|||
2
dist/table.css.map
vendored
2
dist/table.css.map
vendored
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../sass/table.scss"],"names":[],"mappings":"AAAA,OACE,WACA,kBAEA,oBAEE,gBAEA,gDACE,8BAGF,8CACE,+BAIJ,aACE,eACA,kBAEA,gBACE,4CAMA,gCACE,4CAIJ,wBACE,8CAIJ,oBAEE,mBAIJ,GACE,gBAOF,cACE,mBAIA,0CAEE,cAEA,sEACE,eAGF,oEACE,gBAKF,mCACE,6BAKN,mBACE,uCACA,gBACA,iCAGF,0BACE","file":"table.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/table.scss"],"names":[],"mappings":"AAAA,OACE,WACA,kBAEA,oBAEE,gBAEA,gDACE,8BAGF,8CACE,+BAIJ,aACE,eACA,kBAEA,gBACE,4CAMA,gCACE,4CAIJ,wBACE,8CAIJ,oBAEE,mBAIJ,GACE,gBAOF,cACE,mBAIA,0CAEE,cAEA,sEACE,eAGF,oEACE,gBAKF,mCACE,6BAKN,mBACE,uCACA,gBACA,iCAGF,0BACE,iBAGF,yBACE,sBACA,mBAEA,iCACE,mBACA,YACA,YACA,yBACA","file":"table.css"}
|
||||
|
|
@ -5,8 +5,8 @@
|
|||
<title>Components by LBRY</title>
|
||||
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||||
<!-- <link rel="stylesheet" href="../dist/index.css" /> -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lbryio/components@master/dist/index.css"/>
|
||||
<link rel="stylesheet" href="../dist/index.css" />
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lbryio/components@master/dist/index.css"/> -->
|
||||
|
||||
<style>
|
||||
body {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"author": {
|
||||
"email": "sean@lbry.com",
|
||||
"name": "Sean Yesmunt"
|
||||
"email": "paul+github@lbry.com",
|
||||
"name": "Paul Anthony Webb"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/lbryio/components/issues"
|
||||
|
|
@ -40,5 +40,5 @@
|
|||
"test:sass": "sass-lint --config ./node_modules/@inc/sasslint-config/config.json --verbose",
|
||||
"watch": "npm run sass:dev"
|
||||
},
|
||||
"version": "4.2.5"
|
||||
"version": "2.8.0"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,7 +30,6 @@
|
|||
@extend .badge;
|
||||
background-color: var(--color-cost);
|
||||
color: var(--color-black);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.badge--free {
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
position: relative;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
|
||||
&:disabled {
|
||||
|
|
@ -18,13 +19,15 @@
|
|||
}
|
||||
|
||||
.button--primary,
|
||||
.button--secondary,
|
||||
.button--alt {
|
||||
.button--secondary {
|
||||
height: var(--height-button);
|
||||
border-radius: var(--border-radius);
|
||||
padding: var(--spacing-s) var(--spacing-m);
|
||||
line-height: 1.2;
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-right: var(--spacing-s);
|
||||
}
|
||||
}
|
||||
|
||||
.button--primary {
|
||||
|
|
@ -47,11 +50,10 @@
|
|||
}
|
||||
|
||||
.button--alt {
|
||||
background-color: var(--color-button-alt-bg);
|
||||
color: var(--color-button-alt-text);
|
||||
color: var(--color-text);
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-button-alt-bg-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -83,15 +85,9 @@
|
|||
color: var(--color-link);
|
||||
transition: color 0.2s;
|
||||
word-break: break-all;
|
||||
font-weight: var(--font-weight-bold);
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.button--danger {
|
||||
@extend .button--link;
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,20 +20,6 @@ select {
|
|||
color: var(--color-input-placeholder);
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.4;
|
||||
|
||||
& + label {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
||||
&[type="range"] {
|
||||
height: auto;
|
||||
height: 0.5rem;
|
||||
background-color: var(--color-secondary);
|
||||
}
|
||||
}
|
||||
|
||||
checkbox-element,
|
||||
|
|
@ -64,22 +50,14 @@ fieldset-group {
|
|||
}
|
||||
|
||||
fieldset-section,
|
||||
fieldset-group,
|
||||
form,
|
||||
.checkbox,
|
||||
.radio,
|
||||
.form-field--SimpleMDE,
|
||||
.form-field__help {
|
||||
+ fieldset-section,
|
||||
+ fieldset-group,
|
||||
+ form,
|
||||
+ .checkbox,
|
||||
+ .radio,
|
||||
+ .form-field--SimpleMDE {
|
||||
margin-top: var(--spacing-l);
|
||||
}
|
||||
.radio {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
+ .form-field__help {
|
||||
+ fieldset-section,
|
||||
+ .checkbox,
|
||||
+ .radio {
|
||||
margin-top: var(--spacing-s);
|
||||
}
|
||||
|
||||
|
|
@ -93,13 +71,6 @@ form,
|
|||
}
|
||||
}
|
||||
|
||||
fieldset-section,
|
||||
.checkbox,
|
||||
.radio {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: var(--font-small);
|
||||
color: var(--color-input-label);
|
||||
|
|
@ -141,11 +112,6 @@ input-submit {
|
|||
left: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
|
||||
&:disabled + label {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
|
|
@ -156,13 +122,9 @@ input-submit {
|
|||
padding-left: calc(var(--height-checkbox) + var(--spacing-s));
|
||||
min-height: var(--height-checkbox);
|
||||
|
||||
&::before {
|
||||
background-color: var(--color-input-toggle-bg);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::before {
|
||||
background-color: var(--color-input-toggle-bg-hover);
|
||||
background-color: var(--color-secondary-alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -174,8 +136,7 @@ input-submit {
|
|||
}
|
||||
|
||||
// Hide the checkmark by default
|
||||
input[type="checkbox"] + label::after,
|
||||
input[type="radio"] + label::after {
|
||||
input[type="checkbox"] + label::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
|
|
@ -200,6 +161,7 @@ input-submit {
|
|||
border-radius: var(--border-radius);
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
background-color: var(--color-input-bg);
|
||||
}
|
||||
|
||||
// Checkmark of the fake checkbox
|
||||
|
|
@ -208,7 +170,7 @@ input-submit {
|
|||
width: 12px;
|
||||
border-left: 2px solid;
|
||||
border-bottom: 2px solid;
|
||||
border-color: var(--color-input-toggle);
|
||||
border-color: var(--color-secondary);
|
||||
transform: rotate(-45deg);
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
|
|
@ -228,6 +190,7 @@ input-submit {
|
|||
border-radius: calc(var(--height-radio) * 0.5);
|
||||
left: 0px;
|
||||
top: -1px;
|
||||
background-color: var(--color-input-bg);
|
||||
}
|
||||
|
||||
// Checkmark of the fake radio
|
||||
|
|
@ -237,25 +200,7 @@ input-submit {
|
|||
border-radius: 50%;
|
||||
background-color: var(--color-secondary);
|
||||
left: 6px;
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.range__label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
|
||||
> * {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
|
||||
&:first-of-type {
|
||||
text-align: left;
|
||||
}
|
||||
&:last-of-type {
|
||||
text-align: right;
|
||||
}
|
||||
top: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@
|
|||
@import "button";
|
||||
@import "form";
|
||||
@import "table";
|
||||
@import "section";
|
||||
|
||||
// OLD - Deprecated
|
||||
@import "./navigation/index";
|
||||
|
|
@ -24,6 +25,14 @@ body {
|
|||
"Segoe UI Symbol";
|
||||
}
|
||||
|
||||
*:focus:not(:hover) {
|
||||
@include focus;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 1px;
|
||||
background-color: var(--color-gray-2);
|
||||
|
|
|
|||
|
|
@ -10,14 +10,14 @@
|
|||
--color-danger: #9b2023;
|
||||
--color-danger-alt: #fccdce;
|
||||
--color-warning: #fff58c;
|
||||
--color-cost: #ffd580;
|
||||
--color-cost: #f4e866;
|
||||
--color-focus: #93cff2;
|
||||
--color-border: #ddd;
|
||||
|
||||
--color-black: #111;
|
||||
--color-white: #fdfdfd;
|
||||
--color-white-alt: #fafafa;
|
||||
--color-gray-1: #eff1f4;
|
||||
--color-gray-1: #e2e5e9;
|
||||
--color-gray-2: #d8dde1;
|
||||
--color-gray-3: #ced4da;
|
||||
--color-gray-4: #abb1b7;
|
||||
|
|
@ -37,10 +37,7 @@
|
|||
--color-button-primary-hover-text: var(--color-primary-alt);
|
||||
--color-button-secondary-bg: var(--color-secondary-alt);
|
||||
--color-button-secondary-text: var(--color-secondary);
|
||||
--color-button-secondary-bg-hover: #b9d0e9;
|
||||
--color-button-alt-bg: var(--color-gray-1);
|
||||
--color-button-alt-text: var(--color-text);
|
||||
--color-button-alt-bg-hover: var(--color-gray-2);
|
||||
--color-button-secondary-bg-hover: var(--color-gray-3);
|
||||
--color-link: var(--color-primary);
|
||||
--color-link-hover: var(--color-black);
|
||||
|
||||
|
|
@ -52,16 +49,13 @@
|
|||
--color-input-bg-copyable: #434b53;
|
||||
--color-input-border: var(--color-border);
|
||||
--color-input-border-active: var(--color-secondary);
|
||||
--color-input-toggle: var(--color-secondary);
|
||||
--color-input-toggle-bg: var(--color-gray-1);
|
||||
--color-input-toggle-bg-hover: var(--color-secondary-alt);
|
||||
|
||||
// Table
|
||||
--color-table-highlight: var(--color-white-alt);
|
||||
|
||||
// Tag
|
||||
--color-tag: var(--color-gray-5);
|
||||
--color-tag-bg: var(--color-button-alt-bg);
|
||||
--color-tag-hover: var(--color-button-alt-text);
|
||||
--color-tag-bg-hover: var(--color-button-alt-bg-hover);
|
||||
--color-tag: var(--color-primary);
|
||||
--color-tag-bg: var(--color-primary-alt);
|
||||
--color-tag-hover: var(--color-white);
|
||||
--color-tag-bg-hover: var(--color-primary-alt-2);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,12 +7,13 @@
|
|||
--height-badge: 24px;
|
||||
|
||||
// Spacing
|
||||
--spacing-xxs: calc(2rem / 5);
|
||||
--spacing-xs: calc(2rem / 4);
|
||||
--spacing-s: calc(2rem / 3);
|
||||
--spacing-m: calc(2rem / 2);
|
||||
--spacing-l: 2rem;
|
||||
--spacing-xl: 3rem;
|
||||
--spacing-xxs: 0.2rem;
|
||||
--spacing-xs: 0.4rem;
|
||||
--spacing-s: 0.8rem;
|
||||
--spacing-m: 1.6rem;
|
||||
--spacing-l: 2.4rem;
|
||||
--spacing-xl: 3.2rem;
|
||||
--spacing-xxl: 6.4rem;
|
||||
|
||||
// Aspect ratio
|
||||
--aspect-ratio-bluray: 41.6666666667%; // 12:5
|
||||
|
|
|
|||
23
sass/section.scss
Normal file
23
sass/section.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
.section {
|
||||
margin-top: var(--spacing-l);
|
||||
}
|
||||
|
||||
.section__actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: var(--spacing-medium);
|
||||
|
||||
&:only-child {
|
||||
margin-top: var(--spacing-xs);
|
||||
}
|
||||
|
||||
> *:not(:last-child) {
|
||||
margin-right: var(--spacing-medium);
|
||||
}
|
||||
}
|
||||
|
||||
.section__subtitle {
|
||||
color: var(--color-text-subtitle);
|
||||
margin: var(--spacing-small) 0;
|
||||
font-size: var(--font-body);
|
||||
}
|
||||
|
|
@ -84,3 +84,16 @@ td {
|
|||
.table__item--align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.table__item--actionable {
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
|
||||
.button {
|
||||
vertical-align: top;
|
||||
height: 2rem;
|
||||
top: -0.2rem;
|
||||
padding: var(--spacing-s);
|
||||
margin-left: var(--spacing-m);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue