@thelucid/css v2.0.0-beta.34

CSS

A reusable set of SCSS classes, mixins and functions. Heavily inspired by inuitcss.

Example

// = Vendor
@import "@thelucid/css/lucid";

// = Tools
@import "@thelucid/css/tools/image";

// = Settings
@import "settings/config";
@import "settings/globals";
@import "@thelucid/css/defaults/globals";
@import "settings/palettes";
@import "@thelucid/css/defaults/palettes";
@import "settings/responds";
@import "@thelucid/css/defaults/responds";
@import "settings/rhythms";
@import "@thelucid/css/defaults/rhythms";
@import "settings/sizes";
@import "@thelucid/css/defaults/sizes";
@import "settings/stacks";
@import "@thelucid/css/defaults/stacks";
@import "settings/weights";
@import "@thelucid/css/defaults/weights";

// = Generic
@import "@thelucid/css/generic/reset";
@import "@thelucid/css/generic/box-sizing";

// = Elements
@import "@thelucid/css/elements/forms";
@import "@thelucid/css/elements/images";
@import "@thelucid/css/elements/page";
@import "@thelucid/css/elements/tables";

// = Objects
@import "@thelucid/css/objects/box";
@import "@thelucid/css/objects/container";
@import "@thelucid/css/objects/form";
@import "@thelucid/css/objects/grid";
@import "@thelucid/css/objects/layout";
@import "@thelucid/css/objects/media";
@import "@thelucid/css/objects/pack";
@import "@thelucid/css/objects/piped";
@import "@thelucid/css/objects/ratio";
@import "@thelucid/css/objects/table";

// = Components
@import "@thelucid/css/components/button";
@import "@thelucid/css/components/checkbox";
@import "@thelucid/css/components/error";
@import "@thelucid/css/components/heading";
@import "@thelucid/css/components/hint";
@import "@thelucid/css/components/input";
@import "@thelucid/css/components/label";
@import "@thelucid/css/components/radio";
@import "@thelucid/css/components/required";
@import "@thelucid/css/components/select";
@import "@thelucid/css/components/subheading";
@import "@thelucid/css/components/title";

// = Utilities
@import "@thelucid/css/utilities/hidden";
@import "@thelucid/css/utilities/widths";

// = Debug
// @import "@thelucid/css/generic/debug";