css-dot
Development in progress. not stabilized.
css-dot
is a stylesheet framework based SASS.
- Make Feature with Pure CSS as possible
- Using CSS Variable as Actively.
Design System
Theme
Palette
Collection of Colors
Color Labels
- main
- sub
- point
- warn
- text
- link
- react
- Reaction Color like
a:hover
- active
- Activate Color like
a:active
- back
Color Variables
First Initial of Label
Variations
Variation Range:
- Lighten: 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96
- Darken: 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96
- Opacity: 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96
- Hue: 16, 32, 48
Add Variable Amount and Type Suffix:
- Lighten 4% to main:
--m4
- Darken 8% to point:
--p-8
- Opacity 0.48 to warn:
--w48a
Modules
Link
Anchor, Button
Box
Card
Modal
Overlay UI
Input