@iris.interactive/handcook 5.0.14 → 5.0.16

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.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/public/styles/scss/_utils.scss +10 -0
  4. package/public/styles/scss/_variables.scss +8 -9
  5. package/public/styles/style.css +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # Welcome to HandCook 👨‍🍳
2
- ![Version](https://img.shields.io/badge/version-5.0.14-blue.svg?cacheSeconds=2592000)
2
+ ![Version](https://img.shields.io/badge/version-5.0.16-blue.svg?cacheSeconds=2592000)
3
3
  ![Prerequisite](https://img.shields.io/badge/node-%3E%3D%2012.14.0-blue.svg)
4
4
  [![License: UNLICENSED](https://img.shields.io/badge/License-UNLICENSED-yellow.svg)](#)
5
5
  [![Twitter: captain\_iris](https://img.shields.io/twitter/follow/captain\_iris.svg?style=social)](https://twitter.com/captain\_iris)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iris.interactive/handcook",
3
- "version": "5.0.14",
3
+ "version": "5.0.16",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
package/public/styles/scss/_utils.scss CHANGED
@@ -35,6 +35,16 @@
35
35
  }
36
36
  }
37
37
 
38
+ @keyframes fade {
39
+ 0% {
40
+ opacity: 0;
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ }
46
+ }
47
+
38
48
  /* Sr-only
39
49
  /* ============================================= */
40
50
  .sr-only {
package/public/styles/scss/_variables.scss CHANGED
@@ -424,11 +424,10 @@ $highlight-title-color: var(--iris--highlight--color-title, var(--iris--highligh
424
424
  $highlight-background-color: var(--iris--highlight--background-color);
425
425
  $highlight-link-color: var(--iris--highlight--color-link);
426
426
  $highlight-link-color-hover: var(--iris--highlight--color-link-hover);
427
- $highlight-font-size: var(--iris--highlight--font-size);
428
- $highlight-font-size--rem: var(--iris--highlight--font-size--rem);
429
- $highlight-font-size-small: var(--iris--highlight--font-size--small);
430
- $highlight-font-size-small--rem: var(--iris--highlight--font-size--small--rem);
431
-
427
+ $highlight-font-size: var(--iris--highlight--font-size, var(--iris--global--font-size-large));
428
+ $highlight-font-size--rem: var(--iris--highlight--font-size--rem, var(--iris--global--font-size-large--rem));
429
+ $highlight-font-size-small: var(--iris--highlight--font-size--small, var(--iris--global--font-size-large--small));
430
+ $highlight-font-size-small--rem: var(--iris--highlight--font-size--small--rem, var(--iris--global--font-size-large--small--rem));
432
431
 
433
432
  // Single SIT highlight
434
433
  $detail-sit-highlight-color: var(--iris--detail-sit-highlight--color);
@@ -446,10 +445,10 @@ $stratefull-link-color-hover: var(--iris--stratefull--color-link-hover);
446
445
  $stratefull-content-x: var(--iris--stratefull--content-x);
447
446
  $stratefull-content-y: var(--iris--stratefull--content-y);
448
447
  $stratefull-content-width: var(--iris--stratefull--content-width);
449
- $stratefull-font-size: var(--iris--stratefull--font-size);
450
- $stratefull-font-size--rem: var(--iris--stratefull--font-size--rem);
451
- $stratefull-font-size-small: var(--iris--stratefull--font-size--small);
452
- $stratefull-font-size-small--rem: var(--iris--stratefull--font-size--small--rem);
448
+ $stratefull-font-size: var(--iris--stratefull--font-size, var(--iris--global--font-size-large));
449
+ $stratefull-font-size--rem: var(--iris--stratefull--font-size--rem, var(--iris--global--font-size-large--rem));
450
+ $stratefull-font-size-small: var(--iris--stratefull--font-size--small, var(--iris--global--font-size-large--small));
451
+ $stratefull-font-size-small--rem: var(--iris--stratefull--font-size--small--rem, var(--iris--global--font-size-large--small--rem));
453
452
 
454
453
 
455
454
  // Brochures single
package/public/styles/style.css CHANGED
@@ -25,4 +25,4 @@
25
25
  * @author Lucas ROCHE
26
26
  * @date 28/01/2022 07:41
27
27
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
28
- */.stretched-link:before{background-color:transparent;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 5px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{align-items:center;display:inline-flex;gap:5px}.text-icon--start{align-items:flex-start}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-open{color:#009e55}.soon-close{color:#ff890e}.is-close{color:#f33}.fi--color:before,.fi-color:after{color:var(--iris--icon--color)}.font-size-xsmall{font-size:var(--iris--global--font-size-xsmall--rem)}.font-size-small{font-size:var(--iris--global--font-size-small--rem)}.font-size-regular{font-size:var(--iris--global--font-size-regular--rem)}@media screen and (max-width:650px){.font-size-regular{font-size:var(--iris--global--font-size-regular--small--rem)}}.font-size-large{font-size:var(--iris--global--font-size-large--rem)}@media screen and (max-width:650px){.font-size-large{font-size:var(--iris--global--font-size-large--small--rem)}}.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--rem)}@media screen and (max-width:650px){.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--small--rem)}}
28
+ */.stretched-link:before{background-color:transparent;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 5px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{align-items:center;display:inline-flex;gap:5px}.text-icon--start{align-items:flex-start}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-open{color:#009e55}.soon-close{color:#ff890e}.is-close{color:#f33}.fi--color:before,.fi-color:after{color:var(--iris--icon--color)}.font-size-xsmall{font-size:var(--iris--global--font-size-xsmall--rem)}.font-size-small{font-size:var(--iris--global--font-size-small--rem)}.font-size-regular{font-size:var(--iris--global--font-size-regular--rem)}@media screen and (max-width:650px){.font-size-regular{font-size:var(--iris--global--font-size-regular--small--rem)}}.font-size-large{font-size:var(--iris--global--font-size-large--rem)}@media screen and (max-width:650px){.font-size-large{font-size:var(--iris--global--font-size-large--small--rem)}}.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--rem)}@media screen and (max-width:650px){.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--small--rem)}}