@lightspeed/design-system-css 2.3.0 → 2.3.1
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"@lightspeed/design-system-css","version":"2.3.
|
1
|
+
{"name":"@lightspeed/design-system-css","version":"2.3.1","description":"Lightspeed's Design System in CSS","repository":"https://github.com/lightspeed/helios.git","author":"Lightspeed Commerce Inc.","license":"SEE LICENSE IN LICENSE.md","main":"dist/index.css","publishConfig":{"access":"public"},"files":["src","dist"],"scripts":{"prebuild":"rm -rf dist","build":"yarn lint && yarn build:css && yarn build:retrocompatibility","build:css":"sass --load-path=../../node_modules -q src/index.scss:dist/index.css","build:retrocompatibility":"cp dist/index.css dist/vend-styles.css","watch":"yarn lint && yarn build:css --watch","lint":"yarn stylelint './src/**/*.scss' --config ./stylelint.config.json"},"dependencies":{"@lightspeed/design-system-tokens":"^1.1.0"},"devDependencies":{"@types/node":"^16.11.2","sass":"~1.45.2","stylelint":"^13.5.0","stylelint-scss":"^3.17.2","ts-node":"^10.3.1"}}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
@import '@lightspeed/design-system-css/src/common';
|
2
|
+
|
3
|
+
.vd-password-strength-meter {
|
4
|
+
position: relative;
|
5
|
+
margin-top: vd-grid-unit(-1);
|
6
|
+
width: 100%;
|
7
|
+
height: vd-grid-unit(1);
|
8
|
+
background-color: none;
|
9
|
+
transition: width 0.4s ease-out;
|
10
|
+
}
|
11
|
+
|
12
|
+
.vd-password-strength-meter[data-value='0'] {
|
13
|
+
background-color: vd-colour(mars);
|
14
|
+
width: calc(1 / 3 * 100%);
|
15
|
+
}
|
16
|
+
.vd-password-strength-meter[data-value='1'] {
|
17
|
+
background-color: vd-colour(mars);
|
18
|
+
width: calc(1 / 3 * 100%);
|
19
|
+
}
|
20
|
+
.vd-password-strength-meter[data-value='2'] {
|
21
|
+
background-color: vd-colour(mars);
|
22
|
+
width: calc(1 / 3 * 100%);
|
23
|
+
}
|
24
|
+
.vd-password-strength-meter[data-value='3'] {
|
25
|
+
background-color: vd-colour(solar);
|
26
|
+
width: calc(2 / 3 * 100%);
|
27
|
+
}
|
28
|
+
.vd-password-strength-meter[data-value='4'] {
|
29
|
+
background-color: vd-colour(success);
|
30
|
+
width: calc(3 / 3 * 100%);
|
31
|
+
}
|