rawcss

rawcss is a pure CSS design starter that brings structure when starting a design system.

It includes a and a

The structure is the following:

And should be extended by adding:

Inspired by:

Follow @vbrajon Star

Layout

Flexbox	Utility classes
Direction	`row` `column`
Position	`top` `bottom` `left` `right`
Spacing	`center` `around` `between` `evenly`
Utilities	`stretch` `space` `thin` `thick` `reverse` `nowrap` `noshrink` `inline`

Exemples

<div class="row center space">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

Checkbox / Radio Select Date Time .noicon Month Week Search Text disabled Email Password Tel Url File Range Color / Audio

Textarea

pre

blockquote

details

div 1

div 2

div 3

a id a href a external abbr b code ~~del~~ em i ins kbd mark q s small strong _sub ^sup u Align Hover me!