@ryanhelsing/ry-ui 1.0.6 → 1.0.7
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/css/ry-structure.css +5 -9
- package/dist/css/ry-theme.css +6 -8
- package/dist/css/ry-ui.css +11 -17
- package/package.json +1 -1
|
@@ -816,22 +816,18 @@ ry-card {
|
|
|
816
816
|
display: block;
|
|
817
817
|
padding: var(--ry-space-6, 1.5rem);
|
|
818
818
|
container-type: inline-size;
|
|
819
|
-
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
820
|
-
}
|
|
821
|
-
|
|
822
|
-
ry-card:hover {
|
|
823
|
-
transform: translateY(-2px);
|
|
824
819
|
}
|
|
825
820
|
|
|
826
|
-
ry-card
|
|
821
|
+
:is(a, [interactive]):is(ry-card) {
|
|
827
822
|
cursor: pointer;
|
|
823
|
+
transition: transform var(--ry-duration-normal, 200ms) var(--ry-ease, ease);
|
|
828
824
|
}
|
|
829
825
|
|
|
830
|
-
|
|
831
|
-
transform: translateY(-
|
|
826
|
+
:is(a, [interactive]):is(ry-card):hover {
|
|
827
|
+
transform: translateY(-1px);
|
|
832
828
|
}
|
|
833
829
|
|
|
834
|
-
|
|
830
|
+
:is(a, [interactive]):is(ry-card):active {
|
|
835
831
|
transform: translateY(0);
|
|
836
832
|
}
|
|
837
833
|
|
package/dist/css/ry-theme.css
CHANGED
|
@@ -675,18 +675,16 @@ ry-card {
|
|
|
675
675
|
border: var(--ry-border-width) solid var(--ry-color-border);
|
|
676
676
|
border-radius: var(--ry-radius-lg);
|
|
677
677
|
box-shadow: var(--ry-shadow-sm);
|
|
678
|
-
transition: border-color var(--ry-duration-fast) var(--ry-ease),
|
|
679
|
-
box-shadow var(--ry-duration-fast) var(--ry-ease);
|
|
680
678
|
}
|
|
681
679
|
|
|
682
|
-
ry-card
|
|
683
|
-
border-color
|
|
684
|
-
|
|
680
|
+
:is(a, [interactive]):is(ry-card) {
|
|
681
|
+
transition: border-color var(--ry-duration-normal) var(--ry-ease),
|
|
682
|
+
box-shadow var(--ry-duration-normal) var(--ry-ease);
|
|
685
683
|
}
|
|
686
684
|
|
|
687
|
-
|
|
688
|
-
border-color: var(--ry-color-
|
|
689
|
-
box-shadow: var(--ry-shadow-
|
|
685
|
+
:is(a, [interactive]):is(ry-card):hover {
|
|
686
|
+
border-color: var(--ry-color-border-strong);
|
|
687
|
+
box-shadow: var(--ry-shadow-md);
|
|
690
688
|
}
|
|
691
689
|
|
|
692
690
|
ry-card h3 {
|
package/dist/css/ry-ui.css
CHANGED
|
@@ -1058,22 +1058,18 @@ ry-card {
|
|
|
1058
1058
|
display: block;
|
|
1059
1059
|
padding: var(--ry-space-6, 1.5rem);
|
|
1060
1060
|
container-type: inline-size;
|
|
1061
|
-
transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
|
|
1062
|
-
}
|
|
1063
|
-
|
|
1064
|
-
ry-card:hover {
|
|
1065
|
-
transform: translateY(-2px);
|
|
1066
1061
|
}
|
|
1067
1062
|
|
|
1068
|
-
ry-card
|
|
1063
|
+
:is(a, [interactive]):is(ry-card) {
|
|
1069
1064
|
cursor: pointer;
|
|
1065
|
+
transition: transform var(--ry-duration-normal, 200ms) var(--ry-ease, ease);
|
|
1070
1066
|
}
|
|
1071
1067
|
|
|
1072
|
-
|
|
1073
|
-
transform: translateY(-
|
|
1068
|
+
:is(a, [interactive]):is(ry-card):hover {
|
|
1069
|
+
transform: translateY(-1px);
|
|
1074
1070
|
}
|
|
1075
1071
|
|
|
1076
|
-
|
|
1072
|
+
:is(a, [interactive]):is(ry-card):active {
|
|
1077
1073
|
transform: translateY(0);
|
|
1078
1074
|
}
|
|
1079
1075
|
|
|
@@ -3858,18 +3854,16 @@ ry-card {
|
|
|
3858
3854
|
border: var(--ry-border-width) solid var(--ry-color-border);
|
|
3859
3855
|
border-radius: var(--ry-radius-lg);
|
|
3860
3856
|
box-shadow: var(--ry-shadow-sm);
|
|
3861
|
-
transition: border-color var(--ry-duration-fast) var(--ry-ease),
|
|
3862
|
-
box-shadow var(--ry-duration-fast) var(--ry-ease);
|
|
3863
3857
|
}
|
|
3864
3858
|
|
|
3865
|
-
ry-card
|
|
3866
|
-
border-color
|
|
3867
|
-
|
|
3859
|
+
:is(a, [interactive]):is(ry-card) {
|
|
3860
|
+
transition: border-color var(--ry-duration-normal) var(--ry-ease),
|
|
3861
|
+
box-shadow var(--ry-duration-normal) var(--ry-ease);
|
|
3868
3862
|
}
|
|
3869
3863
|
|
|
3870
|
-
|
|
3871
|
-
border-color: var(--ry-color-
|
|
3872
|
-
box-shadow: var(--ry-shadow-
|
|
3864
|
+
:is(a, [interactive]):is(ry-card):hover {
|
|
3865
|
+
border-color: var(--ry-color-border-strong);
|
|
3866
|
+
box-shadow: var(--ry-shadow-md);
|
|
3873
3867
|
}
|
|
3874
3868
|
|
|
3875
3869
|
ry-card h3 {
|