Primitive is a minimalist Sass boilerplate that provides helpful, browser-consistent styling for default HTML elements - buttons, forms, tables, lists, and typography. A front-end design toolkit built with Sass for developing responsive web apps. Primitive also provides helpful, browser-consistent styling for default HTML elements - buttons, forms, tables, lists, and typography. There are three container sizes for content that are centered with left and right padding. Content without a container will span the width of the viewport. The font size is set to 1rem on the HTML element, so all font sizing will cascade from the root. Headings all have the same line height and margins, and only the font size is individually defined. The blockquote is set to have a left border, with the browser default padding removed. A citation will be right-aligned and italicized.
Features
- Button elements, links with a button class
- Adding an accent-button class will display a secondary color
- Adding a muted-button class will create ghost/outline buttons
- Adding a round-button class will create rounded buttons
- Adding a square-button class will create square buttons
- Adding a full-button class will create full-width, block level buttons. Button styles can be combined