A customised fork of inuitcss which I use on most projects.
| Setting | Default |
|---|---|
| $inuit-namespace | null |
| $inuit-base-font-size | 16px |
| $inuit-base-line-height | 24px |
| $inuit-base-text-color | #333 |
| $inuit-base-background-color | #fff |
| $inuit-widths-namespace | $inuit-namespace |
| $inuit-use-fractions | true |
| $inuit-global-border-box | false |
| $inuit-heading-size-1 | 36px |
| $inuit-heading-size-2 | 30px |
| $inuit-heading-size-3 | 24px |
| $inuit-heading-size-4 | 20px |
| $inuit-heading-size-5 | 16px |
| $inuit-heading-size-6 | 14px |
| $inuit-lede-size | 1.125 |
| $inuit-block-namespace | $inuit-namespace |
| $inuit-block-gutter | $inuit-base-spacing-unit |
| $inuit-block-gutter--tiny | quarter($inuit-block-gutter) |
| $inuit-block-gutter--small | halve($inuit-block-gutter) |
| $inuit-block-gutter--large | double($inuit-block-gutter) |
| $inuit-block-gutter--huge | quadruple($inuit-block-gutter) |
| $inuit-enable-block--flush | false |
| $inuit-enable-block--tiny | false |
| $inuit-enable-block--small | false |
| $inuit-enable-block--large | false |
| $inuit-enable-block--huge | false |
| $inuit-enable-block--center | false |
| $inuit-enable-block--right | false |
| $inuit-box-namespace | $inuit-namespace |
| $inuit-box-padding | $inuit-base-spacing-unit |
| $inuit-box-padding--tiny | quarter($inuit-box-padding) |
| $inuit-box-padding--small | halve($inuit-box-padding) |
| $inuit-box-padding--large | double($inuit-box-padding) |
| $inuit-box-padding--huge | quadruple($inuit-box-padding) |
| $inuit-enable-box--flush | false |
| $inuit-enable-box--tiny | false |
| $inuit-enable-box--small | false |
| $inuit-enable-box--large | false |
| $inuit-enable-box--huge | false |
| $inuit-btn-namespace | $inuit-namespace |
| $inuit-btn-padding | halve($inuit-base-spacing-unit) |
| $inuit-btn-padding--small | halve($inuit-btn-padding) |
| $inuit-btn-padding--large | double($inuit-btn-padding) |
| $inuit-btn-background | #4a8ec2 |
| $inuit-btn-color | #fff |
| $inuit-btn-border-width | 1px |
| $inuit-btn-border-style | solid |
| $inuit-btn-border-color | $inuit-btn-background |
| $inuit-btn-radius | 0 |
| $inuit-enable-btn--small | false |
| $inuit-enable-btn--large | false |
| $inuit-enable-btn--full | false |
| $inuit-enable-btn--pill | false |
| $inuit-flag-namespace | $inuit-namespace |
| $inuit-flag-gutter | $inuit-base-spacing-unit |
| $inuit-flag-gutter--tiny | quarter($inuit-flag-gutter) |
| $inuit-flag-gutter--small | halve($inuit-flag-gutter) |
| $inuit-flag-gutter--large | double($inuit-flag-gutter) |
| $inuit-flag-gutter--huge | quadruple($inuit-flag-gutter) |
| $inuit-enable-flag--tiny | false |
| $inuit-enable-flag--small | false |
| $inuit-enable-flag--large | false |
| $inuit-enable-flag--huge | false |
| $inuit-enable-flag--rev | false |
| $inuit-enable-flag--flush | false |
| $inuit-enable-flag--top | false |
| $inuit-enable-flag--bottom | false |
| $inuit-enable-flag--responsive | false |
| $inuit-flag-collapse-at | 720px |
| $inuit-layout-namespace | $inuit-namespace |
| $inuit-layout-gutter | $inuit-base-spacing-unit |
| $inuit-layout-gutter--tiny | quarter($inuit-layout-gutter) |
| $inuit-layout-gutter--small | halve($inuit-layout-gutter) |
| $inuit-layout-gutter--large | double($inuit-layout-gutter) |
| $inuit-layout-gutter--huge | quadruple($inuit-layout-gutter) |
| $inuit-enable-layout--tiny | false |
| $inuit-enable-layout--small | false |
| $inuit-enable-layout--large | false |
| $inuit-enable-layout--huge | false |
| $inuit-enable-layout--flush | false |
| $inuit-enable-layout--rev | false |
| $inuit-enable-layout--middle | false |
| $inuit-enable-layout--bottom | false |
| $inuit-enable-layout--right | false |
| $inuit-enable-layout--center | false |
| $inuit-enable-layout--auto | false |
| $inuit-global-border-box | false |
| $inuit-list-bare-namespace | $inuit-namespace |
| $inuit-list-block-namespace | $inuit-namespace |
| $inuit-list-block-padding | $inuit-base-spacing-unit |
| $inuit-list-block-padding--tiny | quarter($inuit-list-block-padding) |
| $inuit-list-block-padding--small | halve($inuit-list-block-padding) |
| $inuit-list-block-padding--large | double($inuit-list-block-padding) |
| $inuit-list-block-padding--huge | quadruple($inuit-list-block-padding) |
| $inuit-enable-list-block--tiny | false |
| $inuit-enable-list-block--small | false |
| $inuit-enable-list-block--large | false |
| $inuit-enable-list-block--huge | false |
| $inuit-list-inline-namespace | $inuit-namespace |
| $inuit-enable-list-inline--delimited | false |
| $inuit-list-inline-delimit-character | ",\00A0" |
| $inuit-list-ui-namespace | $inuit-namespace |
| $inuit-list-ui-padding | $inuit-base-spacing-unit |
| $inuit-list-ui-padding--tiny | quarter($inuit-list-ui-padding) |
| $inuit-list-ui-padding--small | halve($inuit-list-ui-padding) |
| $inuit-list-ui-padding--large | double($inuit-list-ui-padding) |
| $inuit-list-ui-padding--huge | quadruple($inuit-list-ui-padding) |
| $inuit-list-ui-border-width | 1px |
| $inuit-list-ui-border-style | solid |
| $inuit-list-ui-border-color | #ccc |
| $inuit-enable-list-ui--tiny | false |
| $inuit-enable-list-ui--small | false |
| $inuit-enable-list-ui--large | false |
| $inuit-enable-list-ui--huge | false |
| $inuit-media-namespace | $inuit-namespace |
| $inuit-media-gutter | $inuit-base-spacing-unit |
| $inuit-media-gutter--tiny | quarter($inuit-media-gutter) |
| $inuit-media-gutter--small | halve($inuit-media-gutter) |
| $inuit-media-gutter--large | double($inuit-media-gutter) |
| $inuit-media-gutter--huge | quadruple($inuit-media-gutter) |
| $inuit-enable-media--tiny | false |
| $inuit-enable-media--small | false |
| $inuit-enable-media--large | false |
| $inuit-enable-media--huge | false |
| $inuit-enable-media--rev | false |
| $inuit-enable-media--flush | false |
| $inuit-enable-media--responsive | false |
| $inuit-media-collapse-at | 720px |
| $inuit-pack-namespace | $inuit-namespace |
| $inuit-pack-gutter | $inuit-base-spacing-unit |
| $inuit-pack-gutter--tiny | quarter($inuit-pack-gutter) |
| $inuit-pack-gutter--small | halve($inuit-pack-gutter) |
| $inuit-pack-gutter--large | double($inuit-pack-gutter) |
| $inuit-pack-gutter--huge | quadruple($inuit-pack-gutter) |
| $inuit-enable-pack--auto | false |
| $inuit-enable-pack--tiny | false |
| $inuit-enable-pack--small | false |
| $inuit-enable-pack--large | false |
| $inuit-enable-pack--huge | false |
| $inuit-enable-pack--rev | false |
| $inuit-enable-pack--middle | false |
| $inuit-enable-pack--bottom | false |
| $inuit-table-namespace | $inuit-namespace |
| $inuit-table-padding--compact | quarter($inuit-base-spacing-unit) |
| $inuit-table-padding--cosy | halve($inuit-base-spacing-unit) |
| $inuit-table-padding--comfy | $inuit-base-spacing-unit |
| $inuit-table-border-width | 1px |
| $inuit-table-border-style | solid |
| $inuit-table-border-color | #ccc |
| $inuit-enable-table--fixed | false |
| $inuit-enable-table--compact | false |
| $inuit-enable-table--cosy | false |
| $inuit-enable-table--comfy | false |
| $inuit-enable-table--cells | false |
| $inuit-enable-table--rows | false |
| $inuit-enable-table--columns | false |
| $inuit-tabs-namespace | $inuit-namespace |
| $inuit-spacing-namespace | $inuit-namespace |
| $inuit-margin | $inuit-base-spacing-unit |
| $inuit-margin--small | halve($inuit-margin) |
| $inuit-margin--tiny | quarter($inuit-margin) |
| $inuit-margin--large | double($inuit-margin) |
| $inuit-margin--huge | quadruple($inuit-margin) |
| $inuit-padding | $inuit-base-spacing-unit |
| $inuit-padding--small | halve($inuit-padding) |
| $inuit-padding--tiny | quarter($inuit-padding) |
| $inuit-padding--large | double($inuit-padding) |
| $inuit-padding--huge | quadruple($inuit-padding) |
| $inuit-enable-margins | false |
| $inuit-enable-margins--tiny | false |
| $inuit-enable-margins--small | false |
| $inuit-enable-margins--large | false |
| $inuit-enable-margins--huge | false |
| $inuit-enable-margins--negative | false |
| $inuit-enable-margins--negative-tiny | false |
| $inuit-enable-margins--negative-small | false |
| $inuit-enable-margins--negative-large | false |
| $inuit-enable-margins--negative-huge | false |
| $inuit-enable-margins--none | false |
| $inuit-enable-paddings | false |
| $inuit-enable-paddings--tiny | false |
| $inuit-enable-paddings--small | false |
| $inuit-enable-paddings--large | false |
| $inuit-enable-paddings--huge | false |
| $inuit-enable-paddings--none | false |
| $inuit-enable-responsive-margins | false |
| $inuit-enable-responsive-margins--tiny | false |
| $inuit-enable-responsive-margins--small | false |
| $inuit-enable-responsive-margins--large | false |
| $inuit-enable-responsive-margins--huge | false |
| $inuit-enable-responsive-margins--negative | false |
| $inuit-enable-responsive-margins--negative-tiny | false |
| $inuit-enable-responsive-margins--negative-small | false |
| $inuit-enable-responsive-margins--negative-large | false |
| $inuit-enable-responsive-margins--negative-huge | false |
| $inuit-enable-responsive-margins--none | false |
| $inuit-enable-responsive-paddings | false |
| $inuit-enable-responsive-paddings--tiny | false |
| $inuit-enable-responsive-paddings--small | false |
| $inuit-enable-responsive-paddings--large | false |
| $inuit-enable-responsive-paddings--huge | false |
| $inuit-enable-responsive-paddings--none | false |
| $z-indexes | foo, bar, baz |
FAQs
A customised fork of inuitcss which I use on most projects
We found that csslib demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.
Security News
The npm package for the LottieFiles Player web component was hit with a supply chain attack after a software engineer's npmjs credentials were compromised.
