CremeCSS v1.0.0

Installation

1. Copy the code
2. Embed in Header
3. Enjoy

<link rel="stylesheet" href="https://willdev12.github.io/CremeCSS/creme.css">

Features

Inputs	Name	Desc
Text input	cc-input	Changes text underline
Button	cc-btn	Blank, customizable button
Checkbox	cc-checkbox
Radiobutton	cc-radiobutton

Panels & Containers	Name	Desc
Panel	cc-panel	Panel with padding
Container	cc-container	Container
Segment	cc-segment	Website segment
Card	cc-card	Card-like panel with round border and box-shadow
Codebox	cc-codebox	Place to put code
Checkcontainer	cc-checkcontainer	Wraps around checkboxes
Radiocontainer	cc-radiocontainer	Wraps around radiobuttons

Formatting & Transitions	Name	Desc
Extra small round border	cc-round-xs
Small round border	cc-round-small
Basic round border	cc-round
Large round border	cc-round-large
Extra large round border	cc-round-xl
Center text left	cc-lefttext
Center text in middle	cc-centertext
Center text right	cc-righttext
Transition ease out	cc-transition-out	0.2s ease out
Normal transition	cc-transition	0.2s transition

Colors	Name	Description
Blue	cc-blue, cc-btn-blue, cc-blueonhover
Green	cc-green, cc-btn-green, cc-greenonhover
Pink	cc-pink, cc-btn-pink, cc-pinkonhover
Magenta	cc-magenta, cc-btn-magenta, cc-magentaonhover
Bright Purple	cc-bp, cc-btn-bp, cc-bponhover
Purple	cc-purple, cc-btn-purple, cc-purpleonhover
Dark Purple	cc-dp, cc-btn-dp, cc-dponhover
Cyan	cc-cyan, cc-btn-cyan, cc-cyanonhover
Light Blue	cc-lb, cc-btn-lb, cc-lbonhover
Teal	cc-teal, cc-btn-teal, cc-tealonhover
Teal Green	cc-tg, cc-btn-tg, cc-tgonhover
Dark Green	cc-dg, cc-btn-dg, cc-dgonhover
Black	cc-black, cc-btn-black, cc-blackonhover
Gray	cc-gray, cc-btn-gray, cc-grayonhover
Blacktext	cc-blacktext	Makes text black
Whitetext	cc-whitetext	Makes text white

Like content like this?

Check out my profile or share it! (It means a lot to me)

https://github.com/WillDev12