@festo-ui/web-essentials 3.1.0 → 3.2.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 +14 -13
- package/dist/css/festo-web-essentials.css +4547 -2436
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +5 -1
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/fonts/festo_icons-16.woff2 +0 -0
- package/dist/css/fonts/festo_icons-24.woff2 +0 -0
- package/dist/css/fonts/festo_icons-32.woff2 +0 -0
- package/dist/css/organisms/festo-web-essentials-organisms.css +309 -5
- package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css +5 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +28 -23
- package/dist/css/themes/flatpickr/festo.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +5 -1
- package/dist/css/themes/flatpickr/festo.min.css.map +1 -1
- package/dist/fonts/festo_icons-16.woff2 +0 -0
- package/dist/fonts/festo_icons-24.woff2 +0 -0
- package/dist/fonts/festo_icons-32.woff2 +0 -0
- package/dist/scss/_accordion.scss +107 -0
- package/dist/scss/_badge.scss +1 -1
- package/dist/scss/_bottom-navigation.scss +44 -0
- package/dist/scss/_breadcrumb.scss +3 -2
- package/dist/scss/_button.scss +15 -15
- package/dist/scss/_cards.scss +1 -1
- package/dist/scss/_checkbox.scss +1 -1
- package/dist/scss/_chips.scss +5 -5
- package/dist/scss/_fonts.scss +3 -3
- package/dist/scss/_icons.scss +34 -7
- package/dist/scss/_layout.scss +43 -0
- package/dist/scss/_mobile-flyout.scss +104 -0
- package/dist/scss/_modal.scss +47 -123
- package/dist/scss/_navbar-menu.scss +5 -4
- package/dist/scss/_navbar.scss +8 -4
- package/dist/scss/_normalize.scss +4 -4
- package/dist/scss/_pagination.scss +15 -2
- package/dist/scss/_popover.scss +1 -0
- package/dist/scss/_root.scss +38 -5
- package/dist/scss/_segment.scss +0 -4
- package/dist/scss/_stepper-horizontal.scss +126 -0
- package/dist/scss/_stepper-vertical.scss +120 -0
- package/dist/scss/_text-input.scss +13 -8
- package/dist/scss/_timepicker.scss +2 -2
- package/dist/scss/_variables.scss +37 -14
- package/dist/scss/festo-web-essentials.scss +11 -0
- package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
- package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
- package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
- package/dist/scss/organisms/_footer.scss +5 -5
- package/dist/scss/organisms/_header-modul.scss +109 -0
- package/dist/scss/organisms/_image-gallery.scss +196 -0
- package/dist/scss/organisms/_teaser.scss +42 -0
- package/dist/scss/organisms/festo-web-essentials-organisms.scss +8 -0
- package/dist/scss/themes/flatpickr/festo.scss +28 -14
- package/package.json +1 -1
- package/scss/_accordion.scss +107 -0
- package/scss/_badge.scss +1 -1
- package/scss/_bottom-navigation.scss +44 -0
- package/scss/_breadcrumb.scss +3 -2
- package/scss/_button.scss +15 -15
- package/scss/_cards.scss +1 -1
- package/scss/_checkbox.scss +1 -1
- package/scss/_chips.scss +5 -5
- package/scss/_fonts.scss +3 -3
- package/scss/_icons.scss +34 -7
- package/scss/_layout.scss +43 -0
- package/scss/_mobile-flyout.scss +104 -0
- package/scss/_modal.scss +47 -123
- package/scss/_navbar-menu.scss +5 -4
- package/scss/_navbar.scss +8 -4
- package/scss/_normalize.scss +4 -4
- package/scss/_pagination.scss +15 -2
- package/scss/_popover.scss +1 -0
- package/scss/_root.scss +38 -5
- package/scss/_segment.scss +0 -4
- package/scss/_stepper-horizontal.scss +126 -0
- package/scss/_stepper-vertical.scss +120 -0
- package/scss/_text-input.scss +13 -8
- package/scss/_timepicker.scss +2 -2
- package/scss/_variables.scss +37 -14
- package/scss/festo-web-essentials.scss +11 -0
- package/scss/organisms/_footer.scss +5 -5
- package/scss/organisms/_header-modul.scss +109 -0
- package/scss/organisms/_image-gallery.scss +196 -0
- package/scss/organisms/_teaser.scss +42 -0
- package/scss/organisms/festo-web-essentials-organisms.scss +8 -0
- package/scss/themes/flatpickr/festo.scss +28 -14
package/README.md
CHANGED
|
@@ -36,22 +36,23 @@ Installing the libraries is very easy. Just use this command to install the Web
|
|
|
36
36
|
If you just need the static CSS resources then you can find them inside the `dist` directory.
|
|
37
37
|
|
|
38
38
|
Import the css like this:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
@import '~@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css'
|
|
42
|
-
|
|
43
|
-
```
|
|
39
|
+
|
|
40
|
+
```css
|
|
41
|
+
... @import '~@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css' ...;
|
|
42
|
+
```
|
|
44
43
|
|
|
45
44
|
### Using the SCSS variables in your project
|
|
45
|
+
|
|
46
46
|
If you want to use the variables (color or more) from the web essentials library, you can add the scss resources.
|
|
47
47
|
|
|
48
|
-
You'll find them inside the directory
|
|
48
|
+
You'll find them inside the directory `node_modules/@festo-ui/web-essentials/scss`.
|
|
49
|
+
|
|
50
|
+
You can use the variables like this:
|
|
51
|
+
`example.scss`
|
|
49
52
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
```scss
|
|
53
|
-
@import '~@festo-ui/web-essentials/scss/variables';
|
|
53
|
+
```scss
|
|
54
|
+
@import '~@festo-ui/web-essentials/scss/variables';
|
|
54
55
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
background: $hero; // background is carul now
|
|
57
|
+
@extend .fwe-icon-menu-close; // add the menu-close icon as ::before element
|
|
58
|
+
```
|