@wizco/fenixds-core 1.0.10 → 1.0.12
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/package.json +1 -1
- package/styles/core.css +15 -0
- package/styles/scss/animations.scss +16 -0
- package/styles/scss/core.scss +5 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wizco/fenixds-core",
|
|
3
3
|
"description": "Fenix design system é um produto da Wiz com ativos de design e código de front-end para ajudar as equipes na criação dos seus produtos.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.12",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"author": "Raul Melo Fernandez",
|
package/styles/core.css
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box; }
|
|
3
|
+
|
|
1
4
|
:root {
|
|
2
5
|
--wco-font-family: 'Figtree', sans-serif;
|
|
3
6
|
--wco-color-primary-text: #fcfcfc;
|
|
@@ -906,6 +909,18 @@ a.btn {
|
|
|
906
909
|
font-size: var(--wco-font-size-xxxs);
|
|
907
910
|
line-height: var(--wco-font-lineheight-500); }
|
|
908
911
|
|
|
912
|
+
@keyframes skeletonShine {
|
|
913
|
+
to {
|
|
914
|
+
background-position: 500px 0; } }
|
|
915
|
+
|
|
916
|
+
.wco-skeleton *:empty {
|
|
917
|
+
background: #f6f7f8;
|
|
918
|
+
background-position: -500px 0;
|
|
919
|
+
animation: skeletonShine 1s linear 0s infinite normal forwards;
|
|
920
|
+
background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
|
|
921
|
+
background-repeat: no-repeat;
|
|
922
|
+
background-size: 1000px 100%; }
|
|
923
|
+
|
|
909
924
|
.m-none {
|
|
910
925
|
margin: var(--wco-spacing-none); }
|
|
911
926
|
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@keyframes skeletonShine {
|
|
2
|
+
to {
|
|
3
|
+
background-position: 500px 0;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.wco-skeleton {
|
|
8
|
+
*:empty {
|
|
9
|
+
background: #f6f7f8;
|
|
10
|
+
background-position: -500px 0;
|
|
11
|
+
animation: skeletonShine 1s linear 0s infinite normal forwards;
|
|
12
|
+
background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
background-size: 1000px 100%;
|
|
15
|
+
}
|
|
16
|
+
}
|
package/styles/scss/core.scss
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
@import "./variables.scss";
|
|
2
6
|
@import "./tooltip.scss";
|
|
3
7
|
@import "./forms.scss";
|
|
4
8
|
@import "./button.scss";
|
|
5
9
|
@import "./content-cards.scss";
|
|
6
10
|
@import "./typography.scss";
|
|
11
|
+
@import "./animations.scss";
|
|
7
12
|
@import "./helpers.scss";
|