@alto-avios/alto-ui 2.3.0 → 2.3.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardSection_97jhf_1{align-items:center;background:var(--alto-sem-color-bg-layer1-default);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--alto-section-padding-vertical-default) var(--alto-section-padding-horizontal-default);width:100vw}._cardContainer_97jhf_11{align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;justify-content:flex-end;margin:auto;max-width:var(--alto-section-container-max-width);width:100%}._cardGrid_97jhf_23{-moz-column-gap:var(--alto-grid-gutter-default);column-gap:var(--alto-grid-gutter-default);display:grid;grid-template-areas:"content" "media";grid-template-columns:repeat(12,[col-start] 1fr)}._contentCell_97jhf_33{display:grid;grid-area:content;grid-column:col-start/span 12;padding:var(--alto-sem-space-2xl) 0}._contentBox_97jhf_40{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--alto-sem-space-lg);margin:auto;max-width:628px;padding:0 var(--alto-section-padding-horizontal-default)}._mediaCell_97jhf_51{display:grid;grid-area:media;grid-column:col-start/span 12;margin:0}._mediaCell_97jhf_51 img{border-radius:var(--alto-card-radius);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}._isReversed_97jhf_65 ._cardGrid_97jhf_23{grid-template-areas:"media" "content"}@media screen and (min-width:768px){._contentCell_97jhf_33{grid-column:2/11;padding:var(--alto-sem-space-3xl) 0}._contentBox_97jhf_40{padding:0}}@media screen and (min-width:1024px){._cardContainer_97jhf_11{align-items:flex-end;flex-direction:row;gap:var(--alto-grid-gutter-default);max-width:var(--alto-section-container-max-width)}._cardGrid_97jhf_23{grid-template-areas:"content media"}._contentCell_97jhf_33{grid-column:2/span 5;padding:var(--alto-sem-space-2xl) 0}._mediaCell_97jhf_51{grid-column:8/span 5}._isReversed_97jhf_65 ._cardGrid_97jhf_23{grid-template-areas:"media content"}._isReversed_97jhf_65 ._contentCell_97jhf_33{grid-column:7/span 5}._isReversed_97jhf_65 ._mediaCell_97jhf_51{grid-column:1/span 5}}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import '../../assets/CardSection.css';const cardSection$1 = "
|
|
5
|
-
const cardContainer = "
|
|
6
|
-
const cardGrid = "
|
|
7
|
-
const contentCell = "
|
|
8
|
-
const contentBox = "
|
|
9
|
-
const mediaCell = "
|
|
10
|
-
const isReversed = "
|
|
4
|
+
import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_97jhf_1";
|
|
5
|
+
const cardContainer = "_cardContainer_97jhf_11";
|
|
6
|
+
const cardGrid = "_cardGrid_97jhf_23";
|
|
7
|
+
const contentCell = "_contentCell_97jhf_33";
|
|
8
|
+
const contentBox = "_contentBox_97jhf_40";
|
|
9
|
+
const mediaCell = "_mediaCell_97jhf_51";
|
|
10
|
+
const isReversed = "_isReversed_97jhf_65";
|
|
11
11
|
const styles = {
|
|
12
12
|
cardSection: cardSection$1,
|
|
13
13
|
cardContainer,
|