energy-foundations 2.5.0-beta.3 → 2.5.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/foundations/_grid.scss +1 -1
- package/dist/generated/icon-layers.js +1 -1
- package/dist/generated/icon-layers.ts +1 -1
- package/dist/generated/icon-names.js +1 -1
- package/dist/generated/icon-names.ts +1 -1
- package/dist/mixins/_layout.scss +2 -2
- package/llms/03-sass-variables-and-mixins.md +1 -1
- package/llms/04-layouts.md +3 -3
- package/package.json +1 -1
- package/src/foundations/_grid.scss +1 -1
- package/src/generated/icon-layers.js +1 -1
- package/src/generated/icon-layers.ts +1 -1
- package/src/generated/icon-names.js +1 -1
- package/src/generated/icon-names.ts +1 -1
- package/src/mixins/_layout.scss +2 -2
package/dist/mixins/_layout.scss
CHANGED
|
@@ -152,9 +152,9 @@ $_active-layout: null;
|
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
@mixin grid {
|
|
155
|
+
@mixin rds-grid {
|
|
156
156
|
@if not & {
|
|
157
|
-
@error 'grid must be included inside a selector, e.g. `.portal-grid { @include grid; }`.';
|
|
157
|
+
@error 'rds-grid must be included inside a selector, e.g. `.portal-grid { @include rds-grid; }`.';
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
display: grid;
|
package/llms/04-layouts.md
CHANGED
|
@@ -225,17 +225,17 @@ No existe una escala tipográfica específica para tablet. El breakpoint `deskto
|
|
|
225
225
|
|
|
226
226
|
### Mixin Sass de grid
|
|
227
227
|
|
|
228
|
-
El mixin público `grid` aplica el mismo comportamiento que `.rds-grid` a un selector propio, sin añadir esa clase al HTML:
|
|
228
|
+
El mixin público `rds-grid` aplica el mismo comportamiento que `.rds-grid` a un selector propio, sin añadir esa clase al HTML:
|
|
229
229
|
|
|
230
230
|
```scss
|
|
231
231
|
@use 'energy-foundations/src/rds-variables' as rds;
|
|
232
232
|
|
|
233
233
|
.mi-grid {
|
|
234
|
-
@include rds.grid;
|
|
234
|
+
@include rds.rds-grid;
|
|
235
235
|
}
|
|
236
236
|
```
|
|
237
237
|
|
|
238
|
-
También está disponible desde `energy-foundations/src/mixins/layout`. Con `@use 'energy-foundations/src/rds-variables' as *`, se incluye mediante `@include grid
|
|
238
|
+
También está disponible desde `energy-foundations/src/mixins/layout`. Con `@use 'energy-foundations/src/rds-variables' as *`, se incluye mediante `@include rds-grid;`.
|
|
239
239
|
|
|
240
240
|
La clase `.rds-grid` consume ese mismo mixin. Ambos conservan display, ancho completo, centrado, columnas y gaps según los mapas `$grid-config` y `$grid-config-b` y el layout global del `body`. Inclúyelo dentro de un selector de un elemento descendiente del `body`; invocarlo en la raíz de la hoja Sass produce un error explícito.
|
|
241
241
|
|
package/package.json
CHANGED
package/src/mixins/_layout.scss
CHANGED
|
@@ -152,9 +152,9 @@ $_active-layout: null;
|
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
@mixin grid {
|
|
155
|
+
@mixin rds-grid {
|
|
156
156
|
@if not & {
|
|
157
|
-
@error 'grid must be included inside a selector, e.g. `.portal-grid { @include grid; }`.';
|
|
157
|
+
@error 'rds-grid must be included inside a selector, e.g. `.portal-grid { @include rds-grid; }`.';
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
display: grid;
|