-
Notifications
You must be signed in to change notification settings - Fork 2
/
main.css
112 lines (106 loc) · 4.52 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/*! purgecss start ignore */
/*! Ravenbright CSS [1.0.1] [https://ravenbrightcss.com] [Apache License 2.0] [https://github.com/ravenbrightdesign/ravenbrightcss/blob/main/LICENSE.md] */
/*! purgecss end ignore */
/*
* **********************************************
* Hello everyone 👋
* This is the entry point for all Ravenbright CSS features
* 🚀 It's easy to get started: run 'npm install', run 'npm run dev', & it's done!
* **********************************************
*/
/*
* **********************************************
* 🎲 CSS reset & CSS variable
* **********************************************
*/
@import "src/css/reset.css";
@import "src/css/css-variable.css";
/*
* 📦 Minimal components
*/
@import "src/css/components/alert.css";
@import "src/css/components/animation.css";
@import "src/css/components/avatar.css";
@import "src/css/components/badge.css";
@import "src/css/components/button.css";
@import "src/css/components/card.css";
@import "src/css/components/footer.css";
@import "src/css/components/modal.css";
@import "src/css/components/navbar.css";
@import "src/css/components/section.css";
@import "src/css/components/tooltip.css";
/*
* ☀️ Light mode (without dark mode)
* Note that: 'bg' means background
* Black & white color is included in 'gray';
*/
@import "src/css/utilities/light-mode/bg-gray.css";
@import "src/css/utilities/light-mode/bg-green.css";
@import "src/css/utilities/light-mode/bg-lime.css";
@import "src/css/utilities/light-mode/bg-teal.css";
@import "src/css/utilities/light-mode/bg-cyan.css";
@import "src/css/utilities/light-mode/bg-sky.css";
@import "src/css/utilities/light-mode/bg-blue.css";
@import "src/css/utilities/light-mode/bg-indigo.css";
@import "src/css/utilities/light-mode/bg-violet.css";
@import "src/css/utilities/light-mode/bg-purple.css";
@import "src/css/utilities/light-mode/bg-red.css";
@import "src/css/utilities/light-mode/bg-magenta.css";
@import "src/css/utilities/light-mode/bg-yellow.css";
@import "src/css/utilities/light-mode/bg-orange.css";
@import "src/css/utilities/light-mode/border-gray.css";
@import "src/css/utilities/light-mode/border-green.css";
@import "src/css/utilities/light-mode/border-lime.css";
@import "src/css/utilities/light-mode/border-teal.css";
@import "src/css/utilities/light-mode/border-cyan.css";
@import "src/css/utilities/light-mode/border-blue.css";
@import "src/css/utilities/light-mode/border-sky.css";
@import "src/css/utilities/light-mode/border-indigo.css";
@import "src/css/utilities/light-mode/border-violet.css";
@import "src/css/utilities/light-mode/border-purple.css";
@import "src/css/utilities/light-mode/border-red.css";
@import "src/css/utilities/light-mode/border-magenta.css";
@import "src/css/utilities/light-mode/border-yellow.css";
@import "src/css/utilities/light-mode/border-orange.css";
@import "src/css/utilities/light-mode/gray.css";
@import "src/css/utilities/light-mode/green.css";
@import "src/css/utilities/light-mode/sky.css";
@import "src/css/utilities/light-mode/lime.css";
@import "src/css/utilities/light-mode/teal.css";
@import "src/css/utilities/light-mode/cyan.css";
@import "src/css/utilities/light-mode/blue.css";
@import "src/css/utilities/light-mode/indigo.css";
@import "src/css/utilities/light-mode/violet.css";
@import "src/css/utilities/light-mode/purple.css";
@import "src/css/utilities/light-mode/red.css";
@import "src/css/utilities/light-mode/magenta.css";
@import "src/css/utilities/light-mode/yellow.css";
@import "src/css/utilities/light-mode/orange.css";
/*
* 🧲 General utility classes (without responsive utilities)
*/
@import "src/css/utilities/bg-size.css";
@import "src/css/utilities/object.css";
@import "src/css/utilities/border-radius.css";
@import "src/css/utilities/border-width.css";
@import "src/css/utilities/typography.css";
@import "src/css/utilities/shadow.css";
@import "src/css/utilities/display.css";
@import "src/css/utilities/container.css";
@import "src/css/utilities/flexbox.css";
@import "src/css/utilities/grid.css";
@import "src/css/utilities/width.css";
@import "src/css/utilities/height.css";
@import "src/css/utilities/padding.css";
@import "src/css/utilities/margin.css";
/*
* 📐 Responsive utility classes
*/
@import "src/css/utilities/responsive-display.css";
@import "src/css/utilities/responsive-flexbox.css";
@import "src/css/utilities/responsive-grid.css";
@import "src/css/utilities/responsive-width.css";
@import "src/css/utilities/responsive-height.css";
@import "src/css/utilities/responsive-margin.css";
@import "src/css/utilities/responsive-padding.css";
@import "src/css/utilities/responsive-container.css";