Skip to content

Commit f1ace09

Browse files
groovemengroovemen
committed
feat: add first product version - v1.0.0
1 parent c59e289 commit f1ace09

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

81 files changed

+21759
-0
lines changed

‎build/assets/css/nucleo-icons.css

Lines changed: 597 additions & 0 deletions
Large diffs are not rendered by default.

‎build/assets/css/nucleo-svg.css

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
/* Generated using nucleoapp.com */
2+
/* --------------------------------
3+
4+
Icon colors
5+
6+
-------------------------------- */
7+
8+
.icon {
9+
display: inline-block;
10+
/* icon primary color */
11+
color: #111111;
12+
height: 1em;
13+
width: 1em;
14+
}
15+
16+
.icon use {
17+
/* icon secondary color - fill */
18+
fill: #7ea6f6;
19+
}
20+
21+
.icon.icon-outline use {
22+
/* icon secondary color - stroke */
23+
stroke: #7ea6f6;
24+
}
25+
26+
/* --------------------------------
27+
28+
Change icon size
29+
30+
-------------------------------- */
31+
32+
.icon-xs {
33+
height: 0.5em;
34+
width: 0.5em;
35+
}
36+
37+
.icon-sm {
38+
height: 0.8em;
39+
width: 0.8em;
40+
}
41+
42+
.icon-lg {
43+
height: 1.6em;
44+
width: 1.6em;
45+
}
46+
47+
.icon-xl {
48+
height: 2em;
49+
width: 2em;
50+
}
51+
52+
/* --------------------------------
53+
54+
Align icon and text
55+
56+
-------------------------------- */
57+
58+
.icon-text-aligner {
59+
/* add this class to parent element that contains icon + text */
60+
display: flex;
61+
align-items: center;
62+
}
63+
64+
.icon-text-aligner .icon {
65+
color: inherit;
66+
margin-right: 0.4em;
67+
}
68+
69+
.icon-text-aligner .icon use {
70+
color: inherit;
71+
fill: currentColor;
72+
}
73+
74+
.icon-text-aligner .icon.icon-outline use {
75+
stroke: currentColor;
76+
}
77+
78+
/* --------------------------------
79+
80+
Icon reset values - used to enable color customizations
81+
82+
-------------------------------- */
83+
84+
.icon {
85+
fill: currentColor;
86+
stroke: none;
87+
}
88+
89+
.icon.icon-outline {
90+
fill: none;
91+
stroke: currentColor;
92+
}
93+
94+
.icon use {
95+
stroke: none;
96+
}
97+
98+
.icon.icon-outline use {
99+
fill: none;
100+
}
101+
102+
/* --------------------------------
103+
104+
Stroke effects - Nucleo outline icons
105+
106+
- 16px icons -> up to 1px stroke (16px outline icons do not support stroke changes)
107+
- 24px, 32px icons -> up to 2px stroke
108+
- 48px, 64px icons -> up to 4px stroke
109+
110+
-------------------------------- */
111+
112+
.icon-outline.icon-stroke-1 {
113+
stroke-width: 1px;
114+
}
115+
116+
.icon-outline.icon-stroke-2 {
117+
stroke-width: 2px;
118+
}
119+
120+
.icon-outline.icon-stroke-3 {
121+
stroke-width: 3px;
122+
}
123+
124+
.icon-outline.icon-stroke-4 {
125+
stroke-width: 4px;
126+
}
127+
128+
.icon-outline.icon-stroke-1 use,
129+
.icon-outline.icon-stroke-3 use {
130+
-webkit-transform: translateX(0.5px) translateY(0.5px);
131+
-moz-transform: translateX(0.5px) translateY(0.5px);
132+
-ms-transform: translateX(0.5px) translateY(0.5px);
133+
-o-transform: translateX(0.5px) translateY(0.5px);
134+
transform: translateX(0.5px) translateY(0.5px);
135+
}

‎build/assets/css/perfect-scrollbar.css

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
/*
2+
* Container style
3+
*/
4+
.ps {
5+
overflow: hidden !important;
6+
overflow-anchor: none;
7+
-ms-overflow-style: none;
8+
touch-action: auto;
9+
-ms-touch-action: auto;
10+
}
11+
12+
/*
13+
* Scrollbar rail styles
14+
*/
15+
.ps__rail-x {
16+
display: none;
17+
opacity: 0;
18+
transition: background-color 0.2s linear, opacity 0.2s linear;
19+
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
20+
height: 15px;
21+
/* there must be 'bottom' or 'top' for ps__rail-x */
22+
bottom: 0px;
23+
/* please don't change 'position' */
24+
position: absolute;
25+
}
26+
27+
.ps__rail-y {
28+
display: none;
29+
opacity: 0;
30+
transition: background-color 0.2s linear, opacity 0.2s linear;
31+
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
32+
width: 15px;
33+
/* there must be 'right' or 'left' for ps__rail-y */
34+
right: 0;
35+
/* please don't change 'position' */
36+
position: absolute;
37+
}
38+
39+
.ps--active-x > .ps__rail-x,
40+
.ps--active-y > .ps__rail-y {
41+
display: block;
42+
background-color: transparent;
43+
}
44+
45+
.ps:hover > .ps__rail-x,
46+
.ps:hover > .ps__rail-y,
47+
.ps--focus > .ps__rail-x,
48+
.ps--focus > .ps__rail-y,
49+
.ps--scrolling-x > .ps__rail-x,
50+
.ps--scrolling-y > .ps__rail-y {
51+
opacity: 0.6;
52+
}
53+
54+
.ps .ps__rail-x:hover,
55+
.ps .ps__rail-y:hover,
56+
.ps .ps__rail-x:focus,
57+
.ps .ps__rail-y:focus,
58+
.ps .ps__rail-x.ps--clicking,
59+
.ps .ps__rail-y.ps--clicking {
60+
background-color: #eee;
61+
opacity: 0.9;
62+
}
63+
64+
/*
65+
* Scrollbar thumb styles
66+
*/
67+
.ps__thumb-x {
68+
background-color: #aaa;
69+
border-radius: 6px;
70+
transition: background-color 0.2s linear, height 0.2s ease-in-out;
71+
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
72+
height: 6px;
73+
/* there must be 'bottom' for ps__thumb-x */
74+
bottom: 2px;
75+
/* please don't change 'position' */
76+
position: absolute;
77+
}
78+
79+
.ps__thumb-y {
80+
background-color: #aaa;
81+
border-radius: 6px;
82+
transition: background-color 0.2s linear, width 0.2s ease-in-out;
83+
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
84+
width: 6px;
85+
/* there must be 'right' for ps__thumb-y */
86+
right: 2px;
87+
/* please don't change 'position' */
88+
position: absolute;
89+
}
90+
91+
.ps__rail-x:hover > .ps__thumb-x,
92+
.ps__rail-x:focus > .ps__thumb-x,
93+
.ps__rail-x.ps--clicking .ps__thumb-x {
94+
background-color: #999;
95+
height: 11px;
96+
}
97+
98+
.ps__rail-y:hover > .ps__thumb-y,
99+
.ps__rail-y:focus > .ps__thumb-y,
100+
.ps__rail-y.ps--clicking .ps__thumb-y {
101+
background-color: #999;
102+
width: 11px;
103+
}
104+
105+
/* MS supports */
106+
@supports (-ms-overflow-style: none) {
107+
.ps {
108+
overflow: auto !important;
109+
}
110+
}
111+
112+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
113+
.ps {
114+
overflow: auto !important;
115+
}
116+
}

0 commit comments

Comments
 (0)