@rogieking/figui3 1.0.70 → 1.0.72
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 +26 -7
- package/package.json +1 -1
package/fig.css
CHANGED
|
@@ -919,6 +919,7 @@ input[type="color"] {
|
|
|
919
919
|
box-sizing: content-box;
|
|
920
920
|
border-radius: var(--radius-medium);
|
|
921
921
|
background-color: var(--figma-color-bg-secondary);
|
|
922
|
+
display: inline-grid;
|
|
922
923
|
|
|
923
924
|
&:focus {
|
|
924
925
|
box-shadow: inset 0 0 0 1px var(--figma-color-border-selected);
|
|
@@ -928,35 +929,41 @@ input[type="color"] {
|
|
|
928
929
|
&::-webkit-color-swatch-wrapper {
|
|
929
930
|
padding: 0;
|
|
930
931
|
border: 0;
|
|
932
|
+
appearance: none;
|
|
931
933
|
border-radius: 0.125rem;
|
|
932
934
|
background: var(--checkerboard);
|
|
933
935
|
overflow: hidden;
|
|
934
|
-
|
|
935
|
-
outline-offset: -1px;
|
|
936
|
+
grid-area: 1/1;
|
|
936
937
|
}
|
|
937
938
|
|
|
938
|
-
&::-
|
|
939
|
-
border-radius: 0.125rem;
|
|
939
|
+
&::-webkit-color-swatch {
|
|
940
940
|
padding: 0;
|
|
941
941
|
border: 0;
|
|
942
|
+
border-radius: 0.125rem;
|
|
942
943
|
mask-image: linear-gradient(
|
|
943
944
|
to right,
|
|
944
945
|
black 0%,
|
|
945
946
|
black 50%,
|
|
946
947
|
rgba(0, 0, 0, var(--alpha)) 50%
|
|
947
948
|
);
|
|
948
|
-
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
949
949
|
}
|
|
950
|
+
|
|
951
|
+
}
|
|
950
952
|
|
|
951
|
-
|
|
953
|
+
input[type="color"] {
|
|
954
|
+
&::-moz-color-swatch {
|
|
955
|
+
border-radius: 0.125rem;
|
|
952
956
|
padding: 0;
|
|
953
957
|
border: 0;
|
|
958
|
+
appearance: none;
|
|
954
959
|
mask-image: linear-gradient(
|
|
955
960
|
to right,
|
|
956
961
|
black 0%,
|
|
957
962
|
black 50%,
|
|
958
963
|
rgba(0, 0, 0, var(--alpha)) 50%
|
|
959
964
|
);
|
|
965
|
+
border-radius: 0.125rem;
|
|
966
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
960
967
|
}
|
|
961
968
|
}
|
|
962
969
|
|
|
@@ -990,6 +997,7 @@ fig-chit {
|
|
|
990
997
|
|
|
991
998
|
&[type="gradient"]::after,
|
|
992
999
|
&[type="image"]::after,
|
|
1000
|
+
&[type="color"]::after,
|
|
993
1001
|
input[type="color"] {
|
|
994
1002
|
padding: 0;
|
|
995
1003
|
width: var(--size);
|
|
@@ -1020,7 +1028,7 @@ fig-chit {
|
|
|
1020
1028
|
}
|
|
1021
1029
|
|
|
1022
1030
|
&[type="gradient"],
|
|
1023
|
-
&[type="image"]
|
|
1031
|
+
&[type="image"]{
|
|
1024
1032
|
&::after {
|
|
1025
1033
|
content: "";
|
|
1026
1034
|
width: 0.875rem;
|
|
@@ -1042,6 +1050,17 @@ fig-chit {
|
|
|
1042
1050
|
opacity: 0;
|
|
1043
1051
|
}
|
|
1044
1052
|
}
|
|
1053
|
+
&[type="color"]{
|
|
1054
|
+
&::after {
|
|
1055
|
+
content: "";
|
|
1056
|
+
width: 0.875rem;
|
|
1057
|
+
height: 0.875rem;
|
|
1058
|
+
grid-area: 1/1;
|
|
1059
|
+
place-self: center;
|
|
1060
|
+
border-radius: 0.125rem;
|
|
1061
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
1062
|
+
}
|
|
1063
|
+
}
|
|
1045
1064
|
&[type="image"] {
|
|
1046
1065
|
&:not([src])::after {
|
|
1047
1066
|
background: var(--checkerboard);
|
package/package.json
CHANGED