@coopdigital/styles 0.16.1 → 0.16.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/dist/components/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.coop-card{--card-direction:column;--image-max-width:100%;--image-border-radius:var(--ui-border-radius-m)var(--ui-border-radius-m)0 0;--label-bg:none;--card-bg:var(--color-white);--badge-x:.5rem;--badge-y:.5rem;flex-direction:var(--card-direction);border-radius:var(--ui-border-radius-m);box-shadow:var(--ui-shadow);transition:box-shadow var(--ui-transition-hover);display:flex;position:relative}@media (width>=48em){.coop-card[data-layout=horizontal]{--card-direction:row;--image-max-width:calc(100%/3);--image-border-radius:var(--ui-border-radius-m)0 0 var(--ui-border-radius-m)}.coop-card[data-layout=horizontal][data-image-pos=right]{--card-direction:row-reverse;--image-border-radius:0 var(--ui-border-radius-m)var(--ui-border-radius-m)0}}.coop-card[data-badge-pos=popout]{--badge-x:-10px;--badge-y:-10px}.coop-card .coop-card--heading{font-size:var(--type-size-20);font-weight:var(--type-weight-demibold);margin:0}.coop-card picture{max-width:var(--image-max-width);border-radius:var(--image-border-radius);margin:0;overflow:hidden}.coop-card img{width:100%;height:100%}.coop-card p{margin:0}.coop-card--link{color:inherit;outline:0;text-decoration:none}.coop-card--link:before{content:"";border-radius:var(--ui-border-radius-m);position:absolute;inset:0}.coop-card--link:focus-within:before{outline:2px solid var(--color-focus-ring);outline-offset:3px}.coop-card--link:hover .coop-card--heading,.coop-card--link:focus .coop-card--heading{text-decoration:underline}.coop-card--content{gap:var(--spacing-6);flex-direction:column;display:flex}.coop-card--inner{gap:var(--spacing-12);width:100%;padding:var(--spacing-24);border-radius:var(--ui-border-radius-m);justify-content:space-between;align-items:flex-start;display:flex}.coop-card--icon{pointer-events:none;justify-content:flex-end;align-self:center;min-width:1rem;transition:transform .2s ease-out;display:flex}.coop-card--icon svg{height:1rem}.coop-card--badge{z-index:10;top:var(--badge-y);right:var(--badge-x);transition:transform .1s ease-out;position:absolute}.coop-card--label{width:fit-content;display:inline-block}.coop-card--label[class*=bg-]{padding:var(--spacing-6)var(--spacing-12);border-radius:var(--ui-border-radius);font-weight:var(--type-weight-demibold)}.coop-card:hover,.coop-card:focus{box-shadow:var(--ui-shadow-hover)}.coop-card:hover .coop-card--icon,.coop-card:focus .coop-card--icon{transform:translate(.25rem)}.coop-card:hover .coop-card--badge,.coop-card:focus .coop-card--badge{transform:scale(1.05)}
|
|
1
|
+
.coop-card{--card-direction:column;--image-max-width:100%;--image-border-radius:var(--ui-border-radius-m)var(--ui-border-radius-m)0 0;--label-bg:none;--card-bg:var(--color-white);--badge-x:.5rem;--badge-y:.5rem;flex-direction:var(--card-direction);border-radius:var(--ui-border-radius-m);box-shadow:var(--ui-shadow);transition:box-shadow var(--ui-transition-hover);display:flex;position:relative}@media (width>=48em){.coop-card[data-layout=horizontal]{--card-direction:row;--image-max-width:calc(100%/3);--image-border-radius:var(--ui-border-radius-m)0 0 var(--ui-border-radius-m)}.coop-card[data-layout=horizontal][data-image-pos=right]{--card-direction:row-reverse;--image-border-radius:0 var(--ui-border-radius-m)var(--ui-border-radius-m)0}}.coop-card[data-badge-pos=popout]{--badge-x:-10px;--badge-y:-10px}.coop-card .coop-card--heading{font-size:var(--type-size-20);font-weight:var(--type-weight-demibold);margin:0}.coop-card picture{max-width:var(--image-max-width);border-radius:var(--image-border-radius);margin:0;overflow:hidden}.coop-card img{width:100%;height:100%}.coop-card p{margin:0}.coop-card--link:is(a){color:inherit;outline:0;text-decoration:none}.coop-card--link:is(a):before{content:"";border-radius:var(--ui-border-radius-m);position:absolute;inset:0}.coop-card--link:is(a):focus-within:before{outline:2px solid var(--color-focus-ring);outline-offset:3px}.coop-card--link:is(a):hover .coop-card--heading,.coop-card--link:is(a):focus .coop-card--heading{text-decoration:underline}.coop-card--content{gap:var(--spacing-6);flex-direction:column;display:flex}.coop-card--inner{gap:var(--spacing-12);width:100%;padding:var(--spacing-24);border-radius:var(--ui-border-radius-m);justify-content:space-between;align-items:flex-start;display:flex}.coop-card--icon{pointer-events:none;justify-content:flex-end;align-self:center;min-width:1rem;transition:transform .2s ease-out;display:flex}.coop-card--icon svg{height:1rem}.coop-card--badge{z-index:10;top:var(--badge-y);right:var(--badge-x);transition:transform .1s ease-out;position:absolute}.coop-card--label{width:fit-content;display:inline-block}.coop-card--label[class*=bg-]{padding:var(--spacing-6)var(--spacing-12);border-radius:var(--ui-border-radius);font-weight:var(--type-weight-demibold)}.coop-card:hover,.coop-card:focus{box-shadow:var(--ui-shadow-hover)}.coop-card:hover .coop-card--icon,.coop-card:focus .coop-card--icon{transform:translate(.25rem)}.coop-card:hover .coop-card--badge,.coop-card:focus .coop-card--badge{transform:scale(1.05)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coopdigital/styles",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.16.
|
|
4
|
+
"version": "0.16.2",
|
|
5
5
|
"private": false,
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"lightningcss": "^1.29.3",
|
|
36
36
|
"sass-embedded": "^1.87.0"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "b4d3393b2a29e9bffb2b80ee443266106e8f91db"
|
|
39
39
|
}
|