@rogieking/figui3 1.0.71 → 1.0.73
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/fig.css +16 -20
- package/package.json +1 -1
package/fig.css
CHANGED
|
@@ -929,38 +929,44 @@ input[type="color"] {
|
|
|
929
929
|
&::-webkit-color-swatch-wrapper {
|
|
930
930
|
padding: 0;
|
|
931
931
|
border: 0;
|
|
932
|
+
appearance: none;
|
|
932
933
|
border-radius: 0.125rem;
|
|
933
934
|
background: var(--checkerboard);
|
|
934
935
|
overflow: hidden;
|
|
935
936
|
grid-area: 1/1;
|
|
937
|
+
outline: 0;
|
|
936
938
|
}
|
|
937
939
|
|
|
938
|
-
&::-
|
|
939
|
-
border-radius: 0.125rem;
|
|
940
|
+
&::-webkit-color-swatch {
|
|
940
941
|
padding: 0;
|
|
941
942
|
border: 0;
|
|
943
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
944
|
+
border-radius: 0.125rem;
|
|
942
945
|
mask-image: linear-gradient(
|
|
943
946
|
to right,
|
|
944
947
|
black 0%,
|
|
945
948
|
black 50%,
|
|
946
949
|
rgba(0, 0, 0, var(--alpha)) 50%
|
|
947
950
|
);
|
|
948
|
-
border-radius: 0.125rem;
|
|
949
|
-
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
950
951
|
}
|
|
952
|
+
|
|
953
|
+
}
|
|
951
954
|
|
|
952
|
-
|
|
955
|
+
input[type="color"] {
|
|
956
|
+
&::-moz-color-swatch {
|
|
957
|
+
border-radius: 0.125rem;
|
|
953
958
|
padding: 0;
|
|
954
959
|
border: 0;
|
|
955
|
-
|
|
960
|
+
appearance: none;
|
|
956
961
|
mask-image: linear-gradient(
|
|
957
962
|
to right,
|
|
958
963
|
black 0%,
|
|
959
964
|
black 50%,
|
|
960
965
|
rgba(0, 0, 0, var(--alpha)) 50%
|
|
961
966
|
);
|
|
967
|
+
border-radius: 0.125rem;
|
|
968
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
962
969
|
}
|
|
963
|
-
|
|
964
970
|
}
|
|
965
971
|
|
|
966
972
|
|
|
@@ -1008,11 +1014,11 @@ fig-chit {
|
|
|
1008
1014
|
border-radius: var(--radius-medium);
|
|
1009
1015
|
}
|
|
1010
1016
|
|
|
1011
|
-
input[type="color"]::-
|
|
1017
|
+
input[type="color"]::-webkit-color-swatch {
|
|
1012
1018
|
border-radius: var(--radius-medium);
|
|
1013
1019
|
}
|
|
1014
1020
|
|
|
1015
|
-
input[type="color"]::-
|
|
1021
|
+
input[type="color"]::-moz-color-swatch {
|
|
1016
1022
|
border-radius: var(--radius-medium);
|
|
1017
1023
|
}
|
|
1018
1024
|
}
|
|
@@ -1046,17 +1052,7 @@ fig-chit {
|
|
|
1046
1052
|
opacity: 0;
|
|
1047
1053
|
}
|
|
1048
1054
|
}
|
|
1049
|
-
|
|
1050
|
-
&::after {
|
|
1051
|
-
content: "";
|
|
1052
|
-
width: 0.875rem;
|
|
1053
|
-
height: 0.875rem;
|
|
1054
|
-
grid-area: 1/1;
|
|
1055
|
-
place-self: center;
|
|
1056
|
-
border-radius: 0.125rem;
|
|
1057
|
-
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
1058
|
-
}
|
|
1059
|
-
}
|
|
1055
|
+
|
|
1060
1056
|
&[type="image"] {
|
|
1061
1057
|
&:not([src])::after {
|
|
1062
1058
|
background: var(--checkerboard);
|
package/package.json
CHANGED