pangea-lib 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/pangea-styles/pangea-mixins.styl +40 -0
- package/dist/pangea-styles/pangea-variables.styl +48 -0
- package/dist/pangea.js +14021 -0
- package/dist/pangea.umd.cjs +763 -0
- package/dist/style.css +1 -0
- package/package.json +55 -0
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
# PANGEA
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
padding-y()
|
|
2
|
+
padding-top arguments
|
|
3
|
+
padding-bottom arguments
|
|
4
|
+
|
|
5
|
+
padding-x()
|
|
6
|
+
padding-left arguments
|
|
7
|
+
padding-right arguments
|
|
8
|
+
|
|
9
|
+
margin-y()
|
|
10
|
+
margin-top arguments
|
|
11
|
+
margin-bottom arguments
|
|
12
|
+
|
|
13
|
+
margin-x()
|
|
14
|
+
margin-left arguments
|
|
15
|
+
margin-right arguments
|
|
16
|
+
|
|
17
|
+
flexbox(_flex-direction = row, _justify-content = center, _align-items = center, _gap = 0, _flex-wrap = nowrap)
|
|
18
|
+
display flex
|
|
19
|
+
flex-direction _flex-direction
|
|
20
|
+
justify-content _justify-content
|
|
21
|
+
align-items _align-items
|
|
22
|
+
gap _gap
|
|
23
|
+
flex-wrap _flex-wrap
|
|
24
|
+
|
|
25
|
+
flexbox-column()
|
|
26
|
+
display flex
|
|
27
|
+
flex-direction column
|
|
28
|
+
justify-content flex-start
|
|
29
|
+
align-items stretch
|
|
30
|
+
gap 1rem
|
|
31
|
+
|
|
32
|
+
flexbox-row()
|
|
33
|
+
display flex
|
|
34
|
+
flex-direction row
|
|
35
|
+
justify-content flex-start
|
|
36
|
+
align-items center
|
|
37
|
+
gap 0.5rem
|
|
38
|
+
|
|
39
|
+
shadow(_blur, _color)
|
|
40
|
+
box-shadow 0 0 _blur _color;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
// // BREAKPOINTS
|
|
2
|
+
// Large desktops
|
|
3
|
+
// no breakpoint since this is the default
|
|
4
|
+
// Desktops
|
|
5
|
+
$largeDevicesBreakpoint = 1200px
|
|
6
|
+
// Tablets
|
|
7
|
+
$mediumDevicesBreakpoint = 992px
|
|
8
|
+
// Landscape phones
|
|
9
|
+
$smallDevicesBreakpoint = 768px
|
|
10
|
+
// Portrait phones
|
|
11
|
+
$extraSmallDevicesBreakpoint = 576px
|
|
12
|
+
|
|
13
|
+
// // FONT
|
|
14
|
+
// size
|
|
15
|
+
$fontSizeXXXXL = 1.5rem
|
|
16
|
+
$fontSizeXXXL = 1.4rem
|
|
17
|
+
$fontSizeXXL = 1.3rem
|
|
18
|
+
$fontSizeXL = 1.2rem
|
|
19
|
+
$fontSizeL = 1.1rem
|
|
20
|
+
$fontSizeM = 1rem
|
|
21
|
+
$fontSizeS = 0.9rem
|
|
22
|
+
$fontSizeXS = 0.8rem
|
|
23
|
+
|
|
24
|
+
// // COLORS
|
|
25
|
+
// light
|
|
26
|
+
$primaryLightColor = #000000
|
|
27
|
+
$secondaryLightColor = #777777
|
|
28
|
+
$tertiaryLightColor = #9B9B9B
|
|
29
|
+
$bgPrimaryLightColor = #ffffff
|
|
30
|
+
$bgSecondaryLightColor = #efefef
|
|
31
|
+
$bgTertiaryLightColor = #ddd
|
|
32
|
+
// dark
|
|
33
|
+
$primaryDarkColor = rgba(255, 255, 255, 0.9)
|
|
34
|
+
$secondaryDarkColor = rgba(215, 215, 215, 0.75)
|
|
35
|
+
$tertiaryDarkColor = rgba(175, 175, 175, 0.6)
|
|
36
|
+
$bgPrimaryDarkColor = #1a1a1a
|
|
37
|
+
$bgSecondaryDarkColor = #242424
|
|
38
|
+
$bgTertiaryDarkColor = #5e5e5e
|
|
39
|
+
// unique
|
|
40
|
+
$successColor = #95CD41
|
|
41
|
+
$warningColor = #FFBD35
|
|
42
|
+
$dangerColor = #FF5959
|
|
43
|
+
$darkColor = #1E1E1E
|
|
44
|
+
$lightColor = #F0F0F0
|
|
45
|
+
$redColor = #DE4795
|
|
46
|
+
$purpleColor = #7746DB
|
|
47
|
+
$skyColor = #1AB8C3
|
|
48
|
+
$beigeColor = rgba(#FDF5E6, 0.5)
|