@iris.interactive/handcook 2.8.11 → 2.8.14

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/_variables.scss +17 -11
  4. package/public/styles/scss/mixins/_mixin-layout.scss +21 -13
  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-2.8.11-blue.svg?cacheSeconds=2592000)
2
+ ![Version](https://img.shields.io/badge/version-2.8.13-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": "2.8.11",
3
+ "version": "2.8.14",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
package/public/styles/scss/_variables.scss CHANGED
@@ -4,6 +4,12 @@
4
4
  */
5
5
  @use "sass:math";
6
6
 
7
+ /* Root values
8
+ / ================================================== */
9
+ :root {
10
+ --iris--navbar--fixed--height: 0px;
11
+ }
12
+
7
13
  /* Layout
8
14
  / ================================================== */
9
15
  $container: 1220px;
@@ -12,7 +18,7 @@ $sidebar: 360px;
12
18
 
13
19
  $header: 120px; //TODO: Hérité du plugin customer ?
14
20
  $header-small: 80px; //TODO: Hérité du plugin customer ?
15
-
21
+ $navbar-fixed-height: var(--iris--navbar--fixed--height);
16
22
 
17
23
  /* Gutter
18
24
  / ================================================== */
@@ -68,16 +74,6 @@ $breakpoint-medium: 1000px; // max-width
68
74
  $breakpoint-small: 650px; // max-width
69
75
  $breakpoint-xsmall: 370px; // max-width
70
76
 
71
-
72
- /* Appearance
73
- / ================================================== */
74
- $appearance-color: var(--iris--appearance--color);
75
- $appearance-background-color: var(--iris--appearance--background-color);
76
- $appearance-color-title: var(--iris--appearance--color-title);
77
- $appearance-color-link: var(--iris--appearance--color-link);
78
- $appearance-color-link-hover: var(--iris--appearance--color-hover);
79
-
80
-
81
77
  /* Global
82
78
  / ================================================== */
83
79
  $font-family: var(--iris--global--font-family);
@@ -222,6 +218,14 @@ $h6-color: var(--iris--h6--color);
222
218
  $h6-text-align: var(--iris--h6--text-align);
223
219
  $h6-text-transform: var(--iris--h6--text-transform);
224
220
 
221
+ /* Appearance
222
+ / ================================================== */
223
+ $appearance-color: var(--iris--appearance--color, var(--iris--global--color));
224
+ $appearance-background-color: var(--iris--appearance--background-color, var(--iris--global--background-color));
225
+ $appearance-color-title: var(--iris--appearance--color-title, var(--iris--h2--color));
226
+ $appearance-color-link: var(--iris--appearance--color-link, var(--iris--link--color));
227
+ $appearance-color-link-hover: var(--iris--appearance--color-hover, var(--iris--link--color-hover));
228
+
225
229
 
226
230
  // Blockquote
227
231
  $blockquote-color: var(--iris--blockquote--color);
@@ -322,6 +326,8 @@ $switch-on: var(--iris--switch--color-on);
322
326
  $switch-off: var(--iris--switch--color-off);
323
327
 
324
328
  // Card
329
+ $card-font-family: var(--iris--card--font-family);
330
+ $card-font-weight: var(--iris--card--font-weight);
325
331
  $card-font-size: var(--iris--card--font-size);
326
332
  $card-font-size--rem: var(--iris--card--font-size--rem);
327
333
  $card-font-size-medium: var(--iris--card--font-size--medium);
package/public/styles/scss/mixins/_mixin-layout.scss CHANGED
@@ -58,31 +58,39 @@
58
58
  /* Hover
59
59
  /* ============================================= */
60
60
  @mixin hover {
61
- &:hover {
62
- @content;
61
+ body.iris-hover & {
62
+ &:hover {
63
+ @content;
64
+ }
63
65
  }
64
66
  }
65
67
 
66
68
  @mixin hover-focus() {
67
- &:hover,
68
- &:focus {
69
- @content;
69
+ body.iris-hover & {
70
+ &:hover,
71
+ &:focus {
72
+ @content;
73
+ }
70
74
  }
71
75
  }
72
76
 
73
77
  @mixin hover-focus-active() {
74
- &:hover,
75
- &:focus,
76
- &:active {
77
- @content;
78
+ body.iris-hover & {
79
+ &:hover,
80
+ &:focus,
81
+ &:active {
82
+ @content;
83
+ }
78
84
  }
79
85
  }
80
86
 
81
87
  @mixin hover-focus-visited() {
82
- &:hover,
83
- &:focus,
84
- &:visited {
85
- @content;
88
+ body.iris-hover & {
89
+ &:hover,
90
+ &:focus,
91
+ &:visited {
92
+ @content;
93
+ }
86
94
  }
87
95
  }
88
96
 
package/public/styles/style.css CHANGED
@@ -11,7 +11,7 @@
11
11
  * @author Lucas ROCHE
12
12
  * @date 27/01/2022 14:32
13
13
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
14
- */
14
+ */:root{--iris--navbar--fixed--height:0px}
15
15
  /*!
16
16
  * IRIS Interactive
17
17
  *