@sb1/ffe-grid 16.0.0 → 16.0.2
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 +8 -34
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -109,7 +109,7 @@ Text inside a grid column can be centered using the `.ffe-grid__col--center-text
|
|
|
109
109
|
The background color of rows can be changed using modifiers. This requires that the children of `.ffe-grid__row` are wrapped in `.ffe-grid__row-wrapper`.
|
|
110
110
|
|
|
111
111
|
```html
|
|
112
|
-
<div class="ffe-grid__row ffe-grid__row--bg-
|
|
112
|
+
<div class="ffe-grid__row ffe-grid__row--bg-primary">
|
|
113
113
|
<div class="ffe-grid__row-wrapper">
|
|
114
114
|
<div class="ffe-grid__col--md-6">
|
|
115
115
|
<!-- content -->
|
|
@@ -121,45 +121,19 @@ The background color of rows can be changed using modifiers. This requires that
|
|
|
121
121
|
</div>
|
|
122
122
|
```
|
|
123
123
|
|
|
124
|
-
|
|
124
|
+
Supported background colors are limited to `surface` colors in the semantic color palette. This means you can choose from the following backgrounds, which in turn adhere to which mode the parent element is set to (i.e. light mode, dark mode, accent mode).
|
|
125
125
|
|
|
126
|
-
|
|
126
|
+
#### `.ffe-grid__row--bg-primary`
|
|
127
127
|
|
|
128
|
-
|
|
128
|
+
Sets the row background color to `--ffe-color-surface-primary-default`
|
|
129
129
|
|
|
130
|
-
|
|
130
|
+
#### `.ffe-grid__row--bg-secondary`
|
|
131
131
|
|
|
132
|
-
|
|
132
|
+
Sets the row background color to `--ffe-color-surface-primary-secondary`
|
|
133
133
|
|
|
134
|
-
|
|
134
|
+
#### `.ffe-grid__row--bg-tertiary`
|
|
135
135
|
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
Sets the row background color to `@ffe-farge-sand-30`
|
|
139
|
-
|
|
140
|
-
#### `.ffe-grid__row--bg-syrin-70`
|
|
141
|
-
|
|
142
|
-
Sets the row background color to `@ffe-farge-syrin-70`
|
|
143
|
-
|
|
144
|
-
#### `.ffe-grid__row--bg-syrin-30`
|
|
145
|
-
|
|
146
|
-
Sets the row background color to `@ffe-farge-syrin-30`
|
|
147
|
-
|
|
148
|
-
#### `.ffe-grid__row--bg-vann`
|
|
149
|
-
|
|
150
|
-
Sets the row background color to `@ffe-farge-vann`
|
|
151
|
-
|
|
152
|
-
#### `.ffe-grid__row--bg-vann-30`
|
|
153
|
-
|
|
154
|
-
Sets the row background color to `@ffe-farge-vann-30`
|
|
155
|
-
|
|
156
|
-
#### `.ffe-grid__row--bg-fjell`
|
|
157
|
-
|
|
158
|
-
Sets the row background color to `@ffe-farge-fjell`
|
|
159
|
-
|
|
160
|
-
#### `.ffe-grid__row--bg-hvit`
|
|
161
|
-
|
|
162
|
-
Sets the row background color to `@ffe-farge-hvit`
|
|
136
|
+
Sets the row background color to `--ffe-color-surface-primary-tertiary`
|
|
163
137
|
|
|
164
138
|
## Development
|
|
165
139
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-grid",
|
|
3
|
-
"version": "16.0.
|
|
3
|
+
"version": "16.0.2",
|
|
4
4
|
"description": "A grid component for use within the FFE framework",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"build": "lessc less/ffe-grid.less css/ffe-grid.css --autoprefix"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@sb1/ffe-core": "^30.0.
|
|
24
|
+
"@sb1/ffe-core": "^30.0.2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@sb1/ffe-buildtool": "^0.10.0"
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "587574e9a65e127ec4027c02b5c996ab45b2b664"
|
|
33
33
|
}
|