epfl-elements 4.5.1 → 4.6.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/dist/components/atoms/video/video.yml +2 -2
- package/dist/components/molecules/carousel/carousel.yml +1 -1
- package/dist/components/molecules/collapse-group/collapse-group-rich-content.twig +9 -9
- package/dist/components/molecules/filters/filters.yml +1 -1
- package/dist/components/organisms/fullwidth-teaser/fullwidth-teaser-horizontal.twig +9 -0
- package/dist/components/organisms/fullwidth-teaser/fullwidth-teaser-legend.twig +38 -0
- package/dist/components/organisms/fullwidth-teaser/fullwidth-teaser.yml +6 -0
- package/dist/components/organisms/headlines/headlines-legend.twig +44 -0
- package/dist/components/organisms/headlines/headlines.yml +3 -0
- package/dist/components/organisms/modal/modal.yml +1 -1
- package/dist/components/pages/layout-demo/layout-demo.twig +1 -1
- package/dist/css/elements.css +405 -241
- package/dist/css/elements.min.css +5 -7
- package/dist/css/elements.min.css.map +1 -1
- package/dist/docs/user documentation/create a page.md +3 -3
- package/dist/docs/user documentation/index.md +1 -1
- package/dist/images/styleguide/teaser/home-teaser-1-1440x810.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-1-1600x900.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-1-1920x1080.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-1-2240x1260.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-1-576x324.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-1-768x432.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-1440x810.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-1600x900.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-1920x1080.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-2240x1260.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-576x324.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-2-768x432.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-1294x728.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-1440x810.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-1600x900.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-1920x1080.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-2240x1260.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-576x324.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-3-768x432.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-1294x728.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-1440x810.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-1600x900.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-1920x1080.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-2240x1260.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-576x324.jpg +0 -0
- package/dist/images/styleguide/teaser/home-teaser-4-768x432.jpg +0 -0
- package/dist/images/styleguide/teaser/news-teaser-1920x1080.jpg +0 -0
- package/dist/images/styleguide/teaser/news-teaser-2240x1260.jpg +0 -0
- package/dist/index.html +1 -1
- package/dist/js/reader.js +39 -21
- package/dist/js/reader.min.js +1 -1
- package/dist/js/reader.min.js.map +1 -1
- package/dist/js/vendors.js +814 -888
- package/dist/js/vendors.min.js +1 -1
- package/dist/js/vendors.min.js.LICENSE.txt +2 -2
- package/dist/package.json +3 -3
- package/package.json +3 -3
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
## Bootstrap based
|
|
4
4
|
|
|
5
|
-
Elements is entirely **based on the [Bootstrap 4](https://getbootstrap.com/) framework**. It means that when you have to build a page, you can use all the **[grid](https://getbootstrap.com/docs/4.
|
|
5
|
+
Elements is entirely **based on the [Bootstrap 4](https://getbootstrap.com/) framework**. It means that when you have to build a page, you can use all the **[grid](https://getbootstrap.com/docs/4.6/layout/grid/)** and **[spacing](https://getbootstrap.com/docs/4.6/utilities/spacing/) classes**.
|
|
6
6
|
|
|
7
7
|
### The grid
|
|
8
8
|
|
|
@@ -20,7 +20,7 @@ Based on **12 columns**, the grid is pretty easy to use. For example, **if you w
|
|
|
20
20
|
```
|
|
21
21
|
See [the layout demo page](#/pages/layout-demo) to understand the usage we make of bootstrap grid.
|
|
22
22
|
|
|
23
|
-
Read the [Bootstrap documentation](https://getbootstrap.com/docs/4.
|
|
23
|
+
Read the [Bootstrap documentation](https://getbootstrap.com/docs/4.6/layout/grid/) to learn more about the grid.
|
|
24
24
|
|
|
25
25
|
### Spacing
|
|
26
26
|
|
|
@@ -32,7 +32,7 @@ Like with the grid, **Bootstrap provides some very useful classes to refine spac
|
|
|
32
32
|
</div>
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
Read the [documentation](https://getbootstrap.com/docs/4.
|
|
35
|
+
Read the [documentation](https://getbootstrap.com/docs/4.6/utilities/spacing/) to learn more about the spacing classes.
|
|
36
36
|
|
|
37
37
|
## Page types
|
|
38
38
|
|
|
@@ -38,7 +38,7 @@ Now that you've downloaded the build archive, you will find every CSS, Javascrip
|
|
|
38
38
|
<!-- [...] -->
|
|
39
39
|
|
|
40
40
|
<!-- jQuery through CDN is not already present -->
|
|
41
|
-
<script src="https://code.jquery.com/jquery-3.
|
|
41
|
+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
42
42
|
|
|
43
43
|
<!-- Elements JS -->
|
|
44
44
|
<script src="./vendors/elements/js/vendors.min.js"></script>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/index.html
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
<link rel="stylesheet" href="css/elements.css">
|
|
31
31
|
<link rel="stylesheet" href="css/reader.css">
|
|
32
32
|
|
|
33
|
-
<script src="https://code.jquery.com/jquery-3.
|
|
33
|
+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
34
34
|
<script src="js/vendors.min.js"></script>
|
|
35
35
|
<script src="js/elements.js"></script>
|
|
36
36
|
<script src="js/reader.js"></script>
|