@symbo.ls/scratch 2.10.233 → 2.10.244
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/cjs/defaultConfig/index.js +10 -0
- package/dist/cjs/defaultConfig/media.js +10 -0
- package/dist/cjs/factory.js +10 -0
- package/dist/cjs/index.js +10 -0
- package/dist/cjs/set.js +10 -0
- package/dist/cjs/system/color.js +10 -0
- package/dist/cjs/system/document.js +10 -0
- package/dist/cjs/system/font.js +10 -0
- package/dist/cjs/system/index.js +10 -0
- package/dist/cjs/system/reset.js +10 -0
- package/dist/cjs/system/spacing.js +10 -0
- package/dist/cjs/system/svg.js +10 -0
- package/dist/cjs/system/theme.js +10 -0
- package/dist/cjs/system/timing.js +10 -0
- package/dist/cjs/system/typography.js +10 -0
- package/dist/cjs/utils/index.js +10 -0
- package/dist/cjs/utils/sequence.js +10 -0
- package/dist/cjs/utils/var.js +10 -0
- package/package.json +2 -6
- package/src/defaultConfig/media.js +10 -0
- package/src/index.js +4 -3
|
@@ -111,15 +111,25 @@ var FONT_FACE = {};
|
|
|
111
111
|
var MEDIA = {
|
|
112
112
|
tv: "(min-width: 2780px)",
|
|
113
113
|
screenL: "(max-width: 1920px)",
|
|
114
|
+
"screenL<": "(min-width: 1920px)",
|
|
114
115
|
screenM: "(max-width: 1680px)",
|
|
116
|
+
"screenM<": "(min-width: 1680px)",
|
|
115
117
|
screenS: "(max-width: 1440px)",
|
|
118
|
+
"screenS<": "(min-width: 1440px)",
|
|
116
119
|
tabletL: "(max-width: 1366px)",
|
|
120
|
+
"tabletL<": "(min-width: 1366px)",
|
|
117
121
|
tabletM: "(max-width: 1280px)",
|
|
122
|
+
"tabletM<": "(min-width: 1280px)",
|
|
118
123
|
tabletS: "(max-width: 1024px)",
|
|
124
|
+
"tabletS<": "(min-width: 1024px)",
|
|
119
125
|
mobileL: "(max-width: 768px)",
|
|
126
|
+
"mobileL<": "(min-width: 768px)",
|
|
120
127
|
mobileM: "(max-width: 560px)",
|
|
128
|
+
"mobileM<": "(min-width: 560px)",
|
|
121
129
|
mobileS: "(max-width: 480px)",
|
|
130
|
+
"mobileS<": "(min-width: 480px)",
|
|
122
131
|
mobileXS: "(max-width: 375px)",
|
|
132
|
+
"mobileXS<": "(min-width: 375px)",
|
|
123
133
|
light: "(prefers-color-scheme: light)",
|
|
124
134
|
dark: "(prefers-color-scheme: dark)",
|
|
125
135
|
print: "print"
|
|
@@ -26,15 +26,25 @@ module.exports = __toCommonJS(media_exports);
|
|
|
26
26
|
var MEDIA = {
|
|
27
27
|
tv: "(min-width: 2780px)",
|
|
28
28
|
screenL: "(max-width: 1920px)",
|
|
29
|
+
"screenL<": "(min-width: 1920px)",
|
|
29
30
|
screenM: "(max-width: 1680px)",
|
|
31
|
+
"screenM<": "(min-width: 1680px)",
|
|
30
32
|
screenS: "(max-width: 1440px)",
|
|
33
|
+
"screenS<": "(min-width: 1440px)",
|
|
31
34
|
tabletL: "(max-width: 1366px)",
|
|
35
|
+
"tabletL<": "(min-width: 1366px)",
|
|
32
36
|
tabletM: "(max-width: 1280px)",
|
|
37
|
+
"tabletM<": "(min-width: 1280px)",
|
|
33
38
|
tabletS: "(max-width: 1024px)",
|
|
39
|
+
"tabletS<": "(min-width: 1024px)",
|
|
34
40
|
mobileL: "(max-width: 768px)",
|
|
41
|
+
"mobileL<": "(min-width: 768px)",
|
|
35
42
|
mobileM: "(max-width: 560px)",
|
|
43
|
+
"mobileM<": "(min-width: 560px)",
|
|
36
44
|
mobileS: "(max-width: 480px)",
|
|
45
|
+
"mobileS<": "(min-width: 480px)",
|
|
37
46
|
mobileXS: "(max-width: 375px)",
|
|
47
|
+
"mobileXS<": "(min-width: 375px)",
|
|
38
48
|
light: "(prefers-color-scheme: light)",
|
|
39
49
|
dark: "(prefers-color-scheme: dark)",
|
|
40
50
|
print: "print"
|
package/dist/cjs/factory.js
CHANGED
|
@@ -949,15 +949,25 @@ var FONT_FACE = {};
|
|
|
949
949
|
var MEDIA = {
|
|
950
950
|
tv: "(min-width: 2780px)",
|
|
951
951
|
screenL: "(max-width: 1920px)",
|
|
952
|
+
"screenL<": "(min-width: 1920px)",
|
|
952
953
|
screenM: "(max-width: 1680px)",
|
|
954
|
+
"screenM<": "(min-width: 1680px)",
|
|
953
955
|
screenS: "(max-width: 1440px)",
|
|
956
|
+
"screenS<": "(min-width: 1440px)",
|
|
954
957
|
tabletL: "(max-width: 1366px)",
|
|
958
|
+
"tabletL<": "(min-width: 1366px)",
|
|
955
959
|
tabletM: "(max-width: 1280px)",
|
|
960
|
+
"tabletM<": "(min-width: 1280px)",
|
|
956
961
|
tabletS: "(max-width: 1024px)",
|
|
962
|
+
"tabletS<": "(min-width: 1024px)",
|
|
957
963
|
mobileL: "(max-width: 768px)",
|
|
964
|
+
"mobileL<": "(min-width: 768px)",
|
|
958
965
|
mobileM: "(max-width: 560px)",
|
|
966
|
+
"mobileM<": "(min-width: 560px)",
|
|
959
967
|
mobileS: "(max-width: 480px)",
|
|
968
|
+
"mobileS<": "(min-width: 480px)",
|
|
960
969
|
mobileXS: "(max-width: 375px)",
|
|
970
|
+
"mobileXS<": "(min-width: 375px)",
|
|
961
971
|
light: "(prefers-color-scheme: light)",
|
|
962
972
|
dark: "(prefers-color-scheme: dark)",
|
|
963
973
|
print: "print"
|
package/dist/cjs/index.js
CHANGED
|
@@ -1288,15 +1288,25 @@ var FONT_FACE = {};
|
|
|
1288
1288
|
var MEDIA = {
|
|
1289
1289
|
tv: "(min-width: 2780px)",
|
|
1290
1290
|
screenL: "(max-width: 1920px)",
|
|
1291
|
+
"screenL<": "(min-width: 1920px)",
|
|
1291
1292
|
screenM: "(max-width: 1680px)",
|
|
1293
|
+
"screenM<": "(min-width: 1680px)",
|
|
1292
1294
|
screenS: "(max-width: 1440px)",
|
|
1295
|
+
"screenS<": "(min-width: 1440px)",
|
|
1293
1296
|
tabletL: "(max-width: 1366px)",
|
|
1297
|
+
"tabletL<": "(min-width: 1366px)",
|
|
1294
1298
|
tabletM: "(max-width: 1280px)",
|
|
1299
|
+
"tabletM<": "(min-width: 1280px)",
|
|
1295
1300
|
tabletS: "(max-width: 1024px)",
|
|
1301
|
+
"tabletS<": "(min-width: 1024px)",
|
|
1296
1302
|
mobileL: "(max-width: 768px)",
|
|
1303
|
+
"mobileL<": "(min-width: 768px)",
|
|
1297
1304
|
mobileM: "(max-width: 560px)",
|
|
1305
|
+
"mobileM<": "(min-width: 560px)",
|
|
1298
1306
|
mobileS: "(max-width: 480px)",
|
|
1307
|
+
"mobileS<": "(min-width: 480px)",
|
|
1299
1308
|
mobileXS: "(max-width: 375px)",
|
|
1309
|
+
"mobileXS<": "(min-width: 375px)",
|
|
1300
1310
|
light: "(prefers-color-scheme: light)",
|
|
1301
1311
|
dark: "(prefers-color-scheme: dark)",
|
|
1302
1312
|
print: "print"
|
package/dist/cjs/set.js
CHANGED
|
@@ -976,15 +976,25 @@ var FONT_FACE = {};
|
|
|
976
976
|
var MEDIA = {
|
|
977
977
|
tv: "(min-width: 2780px)",
|
|
978
978
|
screenL: "(max-width: 1920px)",
|
|
979
|
+
"screenL<": "(min-width: 1920px)",
|
|
979
980
|
screenM: "(max-width: 1680px)",
|
|
981
|
+
"screenM<": "(min-width: 1680px)",
|
|
980
982
|
screenS: "(max-width: 1440px)",
|
|
983
|
+
"screenS<": "(min-width: 1440px)",
|
|
981
984
|
tabletL: "(max-width: 1366px)",
|
|
985
|
+
"tabletL<": "(min-width: 1366px)",
|
|
982
986
|
tabletM: "(max-width: 1280px)",
|
|
987
|
+
"tabletM<": "(min-width: 1280px)",
|
|
983
988
|
tabletS: "(max-width: 1024px)",
|
|
989
|
+
"tabletS<": "(min-width: 1024px)",
|
|
984
990
|
mobileL: "(max-width: 768px)",
|
|
991
|
+
"mobileL<": "(min-width: 768px)",
|
|
985
992
|
mobileM: "(max-width: 560px)",
|
|
993
|
+
"mobileM<": "(min-width: 560px)",
|
|
986
994
|
mobileS: "(max-width: 480px)",
|
|
995
|
+
"mobileS<": "(min-width: 480px)",
|
|
987
996
|
mobileXS: "(max-width: 375px)",
|
|
997
|
+
"mobileXS<": "(min-width: 375px)",
|
|
988
998
|
light: "(prefers-color-scheme: light)",
|
|
989
999
|
dark: "(prefers-color-scheme: dark)",
|
|
990
1000
|
print: "print"
|
package/dist/cjs/system/color.js
CHANGED
|
@@ -949,15 +949,25 @@ var FONT_FACE = {};
|
|
|
949
949
|
var MEDIA = {
|
|
950
950
|
tv: "(min-width: 2780px)",
|
|
951
951
|
screenL: "(max-width: 1920px)",
|
|
952
|
+
"screenL<": "(min-width: 1920px)",
|
|
952
953
|
screenM: "(max-width: 1680px)",
|
|
954
|
+
"screenM<": "(min-width: 1680px)",
|
|
953
955
|
screenS: "(max-width: 1440px)",
|
|
956
|
+
"screenS<": "(min-width: 1440px)",
|
|
954
957
|
tabletL: "(max-width: 1366px)",
|
|
958
|
+
"tabletL<": "(min-width: 1366px)",
|
|
955
959
|
tabletM: "(max-width: 1280px)",
|
|
960
|
+
"tabletM<": "(min-width: 1280px)",
|
|
956
961
|
tabletS: "(max-width: 1024px)",
|
|
962
|
+
"tabletS<": "(min-width: 1024px)",
|
|
957
963
|
mobileL: "(max-width: 768px)",
|
|
964
|
+
"mobileL<": "(min-width: 768px)",
|
|
958
965
|
mobileM: "(max-width: 560px)",
|
|
966
|
+
"mobileM<": "(min-width: 560px)",
|
|
959
967
|
mobileS: "(max-width: 480px)",
|
|
968
|
+
"mobileS<": "(min-width: 480px)",
|
|
960
969
|
mobileXS: "(max-width: 375px)",
|
|
970
|
+
"mobileXS<": "(min-width: 375px)",
|
|
961
971
|
light: "(prefers-color-scheme: light)",
|
|
962
972
|
dark: "(prefers-color-scheme: dark)",
|
|
963
973
|
print: "print"
|
|
@@ -947,15 +947,25 @@ var FONT_FACE = {};
|
|
|
947
947
|
var MEDIA = {
|
|
948
948
|
tv: "(min-width: 2780px)",
|
|
949
949
|
screenL: "(max-width: 1920px)",
|
|
950
|
+
"screenL<": "(min-width: 1920px)",
|
|
950
951
|
screenM: "(max-width: 1680px)",
|
|
952
|
+
"screenM<": "(min-width: 1680px)",
|
|
951
953
|
screenS: "(max-width: 1440px)",
|
|
954
|
+
"screenS<": "(min-width: 1440px)",
|
|
952
955
|
tabletL: "(max-width: 1366px)",
|
|
956
|
+
"tabletL<": "(min-width: 1366px)",
|
|
953
957
|
tabletM: "(max-width: 1280px)",
|
|
958
|
+
"tabletM<": "(min-width: 1280px)",
|
|
954
959
|
tabletS: "(max-width: 1024px)",
|
|
960
|
+
"tabletS<": "(min-width: 1024px)",
|
|
955
961
|
mobileL: "(max-width: 768px)",
|
|
962
|
+
"mobileL<": "(min-width: 768px)",
|
|
956
963
|
mobileM: "(max-width: 560px)",
|
|
964
|
+
"mobileM<": "(min-width: 560px)",
|
|
957
965
|
mobileS: "(max-width: 480px)",
|
|
966
|
+
"mobileS<": "(min-width: 480px)",
|
|
958
967
|
mobileXS: "(max-width: 375px)",
|
|
968
|
+
"mobileXS<": "(min-width: 375px)",
|
|
959
969
|
light: "(prefers-color-scheme: light)",
|
|
960
970
|
dark: "(prefers-color-scheme: dark)",
|
|
961
971
|
print: "print"
|
package/dist/cjs/system/font.js
CHANGED
|
@@ -965,15 +965,25 @@ var FONT_FACE = {};
|
|
|
965
965
|
var MEDIA = {
|
|
966
966
|
tv: "(min-width: 2780px)",
|
|
967
967
|
screenL: "(max-width: 1920px)",
|
|
968
|
+
"screenL<": "(min-width: 1920px)",
|
|
968
969
|
screenM: "(max-width: 1680px)",
|
|
970
|
+
"screenM<": "(min-width: 1680px)",
|
|
969
971
|
screenS: "(max-width: 1440px)",
|
|
972
|
+
"screenS<": "(min-width: 1440px)",
|
|
970
973
|
tabletL: "(max-width: 1366px)",
|
|
974
|
+
"tabletL<": "(min-width: 1366px)",
|
|
971
975
|
tabletM: "(max-width: 1280px)",
|
|
976
|
+
"tabletM<": "(min-width: 1280px)",
|
|
972
977
|
tabletS: "(max-width: 1024px)",
|
|
978
|
+
"tabletS<": "(min-width: 1024px)",
|
|
973
979
|
mobileL: "(max-width: 768px)",
|
|
980
|
+
"mobileL<": "(min-width: 768px)",
|
|
974
981
|
mobileM: "(max-width: 560px)",
|
|
982
|
+
"mobileM<": "(min-width: 560px)",
|
|
975
983
|
mobileS: "(max-width: 480px)",
|
|
984
|
+
"mobileS<": "(min-width: 480px)",
|
|
976
985
|
mobileXS: "(max-width: 375px)",
|
|
986
|
+
"mobileXS<": "(min-width: 375px)",
|
|
977
987
|
light: "(prefers-color-scheme: light)",
|
|
978
988
|
dark: "(prefers-color-scheme: dark)",
|
|
979
989
|
print: "print"
|
package/dist/cjs/system/index.js
CHANGED
|
@@ -972,15 +972,25 @@ var FONT_FACE = {};
|
|
|
972
972
|
var MEDIA = {
|
|
973
973
|
tv: "(min-width: 2780px)",
|
|
974
974
|
screenL: "(max-width: 1920px)",
|
|
975
|
+
"screenL<": "(min-width: 1920px)",
|
|
975
976
|
screenM: "(max-width: 1680px)",
|
|
977
|
+
"screenM<": "(min-width: 1680px)",
|
|
976
978
|
screenS: "(max-width: 1440px)",
|
|
979
|
+
"screenS<": "(min-width: 1440px)",
|
|
977
980
|
tabletL: "(max-width: 1366px)",
|
|
981
|
+
"tabletL<": "(min-width: 1366px)",
|
|
978
982
|
tabletM: "(max-width: 1280px)",
|
|
983
|
+
"tabletM<": "(min-width: 1280px)",
|
|
979
984
|
tabletS: "(max-width: 1024px)",
|
|
985
|
+
"tabletS<": "(min-width: 1024px)",
|
|
980
986
|
mobileL: "(max-width: 768px)",
|
|
987
|
+
"mobileL<": "(min-width: 768px)",
|
|
981
988
|
mobileM: "(max-width: 560px)",
|
|
989
|
+
"mobileM<": "(min-width: 560px)",
|
|
982
990
|
mobileS: "(max-width: 480px)",
|
|
991
|
+
"mobileS<": "(min-width: 480px)",
|
|
983
992
|
mobileXS: "(max-width: 375px)",
|
|
993
|
+
"mobileXS<": "(min-width: 375px)",
|
|
984
994
|
light: "(prefers-color-scheme: light)",
|
|
985
995
|
dark: "(prefers-color-scheme: dark)",
|
|
986
996
|
print: "print"
|
package/dist/cjs/system/reset.js
CHANGED
|
@@ -947,15 +947,25 @@ var FONT_FACE = {};
|
|
|
947
947
|
var MEDIA = {
|
|
948
948
|
tv: "(min-width: 2780px)",
|
|
949
949
|
screenL: "(max-width: 1920px)",
|
|
950
|
+
"screenL<": "(min-width: 1920px)",
|
|
950
951
|
screenM: "(max-width: 1680px)",
|
|
952
|
+
"screenM<": "(min-width: 1680px)",
|
|
951
953
|
screenS: "(max-width: 1440px)",
|
|
954
|
+
"screenS<": "(min-width: 1440px)",
|
|
952
955
|
tabletL: "(max-width: 1366px)",
|
|
956
|
+
"tabletL<": "(min-width: 1366px)",
|
|
953
957
|
tabletM: "(max-width: 1280px)",
|
|
958
|
+
"tabletM<": "(min-width: 1280px)",
|
|
954
959
|
tabletS: "(max-width: 1024px)",
|
|
960
|
+
"tabletS<": "(min-width: 1024px)",
|
|
955
961
|
mobileL: "(max-width: 768px)",
|
|
962
|
+
"mobileL<": "(min-width: 768px)",
|
|
956
963
|
mobileM: "(max-width: 560px)",
|
|
964
|
+
"mobileM<": "(min-width: 560px)",
|
|
957
965
|
mobileS: "(max-width: 480px)",
|
|
966
|
+
"mobileS<": "(min-width: 480px)",
|
|
958
967
|
mobileXS: "(max-width: 375px)",
|
|
968
|
+
"mobileXS<": "(min-width: 375px)",
|
|
959
969
|
light: "(prefers-color-scheme: light)",
|
|
960
970
|
dark: "(prefers-color-scheme: dark)",
|
|
961
971
|
print: "print"
|
|
@@ -968,15 +968,25 @@ var FONT_FACE = {};
|
|
|
968
968
|
var MEDIA = {
|
|
969
969
|
tv: "(min-width: 2780px)",
|
|
970
970
|
screenL: "(max-width: 1920px)",
|
|
971
|
+
"screenL<": "(min-width: 1920px)",
|
|
971
972
|
screenM: "(max-width: 1680px)",
|
|
973
|
+
"screenM<": "(min-width: 1680px)",
|
|
972
974
|
screenS: "(max-width: 1440px)",
|
|
975
|
+
"screenS<": "(min-width: 1440px)",
|
|
973
976
|
tabletL: "(max-width: 1366px)",
|
|
977
|
+
"tabletL<": "(min-width: 1366px)",
|
|
974
978
|
tabletM: "(max-width: 1280px)",
|
|
979
|
+
"tabletM<": "(min-width: 1280px)",
|
|
975
980
|
tabletS: "(max-width: 1024px)",
|
|
981
|
+
"tabletS<": "(min-width: 1024px)",
|
|
976
982
|
mobileL: "(max-width: 768px)",
|
|
983
|
+
"mobileL<": "(min-width: 768px)",
|
|
977
984
|
mobileM: "(max-width: 560px)",
|
|
985
|
+
"mobileM<": "(min-width: 560px)",
|
|
978
986
|
mobileS: "(max-width: 480px)",
|
|
987
|
+
"mobileS<": "(min-width: 480px)",
|
|
979
988
|
mobileXS: "(max-width: 375px)",
|
|
989
|
+
"mobileXS<": "(min-width: 375px)",
|
|
980
990
|
light: "(prefers-color-scheme: light)",
|
|
981
991
|
dark: "(prefers-color-scheme: dark)",
|
|
982
992
|
print: "print"
|
package/dist/cjs/system/svg.js
CHANGED
|
@@ -962,15 +962,25 @@ var FONT_FACE = {};
|
|
|
962
962
|
var MEDIA = {
|
|
963
963
|
tv: "(min-width: 2780px)",
|
|
964
964
|
screenL: "(max-width: 1920px)",
|
|
965
|
+
"screenL<": "(min-width: 1920px)",
|
|
965
966
|
screenM: "(max-width: 1680px)",
|
|
967
|
+
"screenM<": "(min-width: 1680px)",
|
|
966
968
|
screenS: "(max-width: 1440px)",
|
|
969
|
+
"screenS<": "(min-width: 1440px)",
|
|
967
970
|
tabletL: "(max-width: 1366px)",
|
|
971
|
+
"tabletL<": "(min-width: 1366px)",
|
|
968
972
|
tabletM: "(max-width: 1280px)",
|
|
973
|
+
"tabletM<": "(min-width: 1280px)",
|
|
969
974
|
tabletS: "(max-width: 1024px)",
|
|
975
|
+
"tabletS<": "(min-width: 1024px)",
|
|
970
976
|
mobileL: "(max-width: 768px)",
|
|
977
|
+
"mobileL<": "(min-width: 768px)",
|
|
971
978
|
mobileM: "(max-width: 560px)",
|
|
979
|
+
"mobileM<": "(min-width: 560px)",
|
|
972
980
|
mobileS: "(max-width: 480px)",
|
|
981
|
+
"mobileS<": "(min-width: 480px)",
|
|
973
982
|
mobileXS: "(max-width: 375px)",
|
|
983
|
+
"mobileXS<": "(min-width: 375px)",
|
|
974
984
|
light: "(prefers-color-scheme: light)",
|
|
975
985
|
dark: "(prefers-color-scheme: dark)",
|
|
976
986
|
print: "print"
|
package/dist/cjs/system/theme.js
CHANGED
|
@@ -949,15 +949,25 @@ var FONT_FACE = {};
|
|
|
949
949
|
var MEDIA = {
|
|
950
950
|
tv: "(min-width: 2780px)",
|
|
951
951
|
screenL: "(max-width: 1920px)",
|
|
952
|
+
"screenL<": "(min-width: 1920px)",
|
|
952
953
|
screenM: "(max-width: 1680px)",
|
|
954
|
+
"screenM<": "(min-width: 1680px)",
|
|
953
955
|
screenS: "(max-width: 1440px)",
|
|
956
|
+
"screenS<": "(min-width: 1440px)",
|
|
954
957
|
tabletL: "(max-width: 1366px)",
|
|
958
|
+
"tabletL<": "(min-width: 1366px)",
|
|
955
959
|
tabletM: "(max-width: 1280px)",
|
|
960
|
+
"tabletM<": "(min-width: 1280px)",
|
|
956
961
|
tabletS: "(max-width: 1024px)",
|
|
962
|
+
"tabletS<": "(min-width: 1024px)",
|
|
957
963
|
mobileL: "(max-width: 768px)",
|
|
964
|
+
"mobileL<": "(min-width: 768px)",
|
|
958
965
|
mobileM: "(max-width: 560px)",
|
|
966
|
+
"mobileM<": "(min-width: 560px)",
|
|
959
967
|
mobileS: "(max-width: 480px)",
|
|
968
|
+
"mobileS<": "(min-width: 480px)",
|
|
960
969
|
mobileXS: "(max-width: 375px)",
|
|
970
|
+
"mobileXS<": "(min-width: 375px)",
|
|
961
971
|
light: "(prefers-color-scheme: light)",
|
|
962
972
|
dark: "(prefers-color-scheme: dark)",
|
|
963
973
|
print: "print"
|
|
@@ -962,15 +962,25 @@ var FONT_FACE = {};
|
|
|
962
962
|
var MEDIA = {
|
|
963
963
|
tv: "(min-width: 2780px)",
|
|
964
964
|
screenL: "(max-width: 1920px)",
|
|
965
|
+
"screenL<": "(min-width: 1920px)",
|
|
965
966
|
screenM: "(max-width: 1680px)",
|
|
967
|
+
"screenM<": "(min-width: 1680px)",
|
|
966
968
|
screenS: "(max-width: 1440px)",
|
|
969
|
+
"screenS<": "(min-width: 1440px)",
|
|
967
970
|
tabletL: "(max-width: 1366px)",
|
|
971
|
+
"tabletL<": "(min-width: 1366px)",
|
|
968
972
|
tabletM: "(max-width: 1280px)",
|
|
973
|
+
"tabletM<": "(min-width: 1280px)",
|
|
969
974
|
tabletS: "(max-width: 1024px)",
|
|
975
|
+
"tabletS<": "(min-width: 1024px)",
|
|
970
976
|
mobileL: "(max-width: 768px)",
|
|
977
|
+
"mobileL<": "(min-width: 768px)",
|
|
971
978
|
mobileM: "(max-width: 560px)",
|
|
979
|
+
"mobileM<": "(min-width: 560px)",
|
|
972
980
|
mobileS: "(max-width: 480px)",
|
|
981
|
+
"mobileS<": "(min-width: 480px)",
|
|
973
982
|
mobileXS: "(max-width: 375px)",
|
|
983
|
+
"mobileXS<": "(min-width: 375px)",
|
|
974
984
|
light: "(prefers-color-scheme: light)",
|
|
975
985
|
dark: "(prefers-color-scheme: dark)",
|
|
976
986
|
print: "print"
|
|
@@ -950,15 +950,25 @@ var FONT_FACE = {};
|
|
|
950
950
|
var MEDIA = {
|
|
951
951
|
tv: "(min-width: 2780px)",
|
|
952
952
|
screenL: "(max-width: 1920px)",
|
|
953
|
+
"screenL<": "(min-width: 1920px)",
|
|
953
954
|
screenM: "(max-width: 1680px)",
|
|
955
|
+
"screenM<": "(min-width: 1680px)",
|
|
954
956
|
screenS: "(max-width: 1440px)",
|
|
957
|
+
"screenS<": "(min-width: 1440px)",
|
|
955
958
|
tabletL: "(max-width: 1366px)",
|
|
959
|
+
"tabletL<": "(min-width: 1366px)",
|
|
956
960
|
tabletM: "(max-width: 1280px)",
|
|
961
|
+
"tabletM<": "(min-width: 1280px)",
|
|
957
962
|
tabletS: "(max-width: 1024px)",
|
|
963
|
+
"tabletS<": "(min-width: 1024px)",
|
|
958
964
|
mobileL: "(max-width: 768px)",
|
|
965
|
+
"mobileL<": "(min-width: 768px)",
|
|
959
966
|
mobileM: "(max-width: 560px)",
|
|
967
|
+
"mobileM<": "(min-width: 560px)",
|
|
960
968
|
mobileS: "(max-width: 480px)",
|
|
969
|
+
"mobileS<": "(min-width: 480px)",
|
|
961
970
|
mobileXS: "(max-width: 375px)",
|
|
971
|
+
"mobileXS<": "(min-width: 375px)",
|
|
962
972
|
light: "(prefers-color-scheme: light)",
|
|
963
973
|
dark: "(prefers-color-scheme: dark)",
|
|
964
974
|
print: "print"
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1174,15 +1174,25 @@ var FONT_FACE = {};
|
|
|
1174
1174
|
var MEDIA = {
|
|
1175
1175
|
tv: "(min-width: 2780px)",
|
|
1176
1176
|
screenL: "(max-width: 1920px)",
|
|
1177
|
+
"screenL<": "(min-width: 1920px)",
|
|
1177
1178
|
screenM: "(max-width: 1680px)",
|
|
1179
|
+
"screenM<": "(min-width: 1680px)",
|
|
1178
1180
|
screenS: "(max-width: 1440px)",
|
|
1181
|
+
"screenS<": "(min-width: 1440px)",
|
|
1179
1182
|
tabletL: "(max-width: 1366px)",
|
|
1183
|
+
"tabletL<": "(min-width: 1366px)",
|
|
1180
1184
|
tabletM: "(max-width: 1280px)",
|
|
1185
|
+
"tabletM<": "(min-width: 1280px)",
|
|
1181
1186
|
tabletS: "(max-width: 1024px)",
|
|
1187
|
+
"tabletS<": "(min-width: 1024px)",
|
|
1182
1188
|
mobileL: "(max-width: 768px)",
|
|
1189
|
+
"mobileL<": "(min-width: 768px)",
|
|
1183
1190
|
mobileM: "(max-width: 560px)",
|
|
1191
|
+
"mobileM<": "(min-width: 560px)",
|
|
1184
1192
|
mobileS: "(max-width: 480px)",
|
|
1193
|
+
"mobileS<": "(min-width: 480px)",
|
|
1185
1194
|
mobileXS: "(max-width: 375px)",
|
|
1195
|
+
"mobileXS<": "(min-width: 375px)",
|
|
1186
1196
|
light: "(prefers-color-scheme: light)",
|
|
1187
1197
|
dark: "(prefers-color-scheme: dark)",
|
|
1188
1198
|
print: "print"
|
|
@@ -962,15 +962,25 @@ var FONT_FACE = {};
|
|
|
962
962
|
var MEDIA = {
|
|
963
963
|
tv: "(min-width: 2780px)",
|
|
964
964
|
screenL: "(max-width: 1920px)",
|
|
965
|
+
"screenL<": "(min-width: 1920px)",
|
|
965
966
|
screenM: "(max-width: 1680px)",
|
|
967
|
+
"screenM<": "(min-width: 1680px)",
|
|
966
968
|
screenS: "(max-width: 1440px)",
|
|
969
|
+
"screenS<": "(min-width: 1440px)",
|
|
967
970
|
tabletL: "(max-width: 1366px)",
|
|
971
|
+
"tabletL<": "(min-width: 1366px)",
|
|
968
972
|
tabletM: "(max-width: 1280px)",
|
|
973
|
+
"tabletM<": "(min-width: 1280px)",
|
|
969
974
|
tabletS: "(max-width: 1024px)",
|
|
975
|
+
"tabletS<": "(min-width: 1024px)",
|
|
970
976
|
mobileL: "(max-width: 768px)",
|
|
977
|
+
"mobileL<": "(min-width: 768px)",
|
|
971
978
|
mobileM: "(max-width: 560px)",
|
|
979
|
+
"mobileM<": "(min-width: 560px)",
|
|
972
980
|
mobileS: "(max-width: 480px)",
|
|
981
|
+
"mobileS<": "(min-width: 480px)",
|
|
973
982
|
mobileXS: "(max-width: 375px)",
|
|
983
|
+
"mobileXS<": "(min-width: 375px)",
|
|
974
984
|
light: "(prefers-color-scheme: light)",
|
|
975
985
|
dark: "(prefers-color-scheme: dark)",
|
|
976
986
|
print: "print"
|
package/dist/cjs/utils/var.js
CHANGED
|
@@ -947,15 +947,25 @@ var FONT_FACE = {};
|
|
|
947
947
|
var MEDIA = {
|
|
948
948
|
tv: "(min-width: 2780px)",
|
|
949
949
|
screenL: "(max-width: 1920px)",
|
|
950
|
+
"screenL<": "(min-width: 1920px)",
|
|
950
951
|
screenM: "(max-width: 1680px)",
|
|
952
|
+
"screenM<": "(min-width: 1680px)",
|
|
951
953
|
screenS: "(max-width: 1440px)",
|
|
954
|
+
"screenS<": "(min-width: 1440px)",
|
|
952
955
|
tabletL: "(max-width: 1366px)",
|
|
956
|
+
"tabletL<": "(min-width: 1366px)",
|
|
953
957
|
tabletM: "(max-width: 1280px)",
|
|
958
|
+
"tabletM<": "(min-width: 1280px)",
|
|
954
959
|
tabletS: "(max-width: 1024px)",
|
|
960
|
+
"tabletS<": "(min-width: 1024px)",
|
|
955
961
|
mobileL: "(max-width: 768px)",
|
|
962
|
+
"mobileL<": "(min-width: 768px)",
|
|
956
963
|
mobileM: "(max-width: 560px)",
|
|
964
|
+
"mobileM<": "(min-width: 560px)",
|
|
957
965
|
mobileS: "(max-width: 480px)",
|
|
966
|
+
"mobileS<": "(min-width: 480px)",
|
|
958
967
|
mobileXS: "(max-width: 375px)",
|
|
968
|
+
"mobileXS<": "(min-width: 375px)",
|
|
959
969
|
light: "(prefers-color-scheme: light)",
|
|
960
970
|
dark: "(prefers-color-scheme: dark)",
|
|
961
971
|
print: "print"
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@symbo.ls/scratch",
|
|
3
3
|
"description": "Φ / CSS framework and methodology.",
|
|
4
4
|
"author": "symbo.ls",
|
|
5
|
-
"version": "2.10.
|
|
5
|
+
"version": "2.10.244",
|
|
6
6
|
"files": [
|
|
7
7
|
"src",
|
|
8
8
|
"dist"
|
|
@@ -32,9 +32,5 @@
|
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"@emotion/css": "^11.5.0"
|
|
34
34
|
},
|
|
35
|
-
"
|
|
36
|
-
"> 1%",
|
|
37
|
-
"ie >= 9"
|
|
38
|
-
],
|
|
39
|
-
"gitHead": "0404ac8cac5db7830eb97b0c777ffdf80910f85e"
|
|
35
|
+
"gitHead": "c2da617bd6c0178f314e8183dbcf07f0e8b51f78"
|
|
40
36
|
}
|
|
@@ -4,15 +4,25 @@ export const MEDIA = {
|
|
|
4
4
|
tv: '(min-width: 2780px)',
|
|
5
5
|
|
|
6
6
|
screenL: '(max-width: 1920px)',
|
|
7
|
+
'screenL<': '(min-width: 1920px)',
|
|
7
8
|
screenM: '(max-width: 1680px)',
|
|
9
|
+
'screenM<': '(min-width: 1680px)',
|
|
8
10
|
screenS: '(max-width: 1440px)',
|
|
11
|
+
'screenS<': '(min-width: 1440px)',
|
|
9
12
|
tabletL: '(max-width: 1366px)',
|
|
13
|
+
'tabletL<': '(min-width: 1366px)',
|
|
10
14
|
tabletM: '(max-width: 1280px)',
|
|
15
|
+
'tabletM<': '(min-width: 1280px)',
|
|
11
16
|
tabletS: '(max-width: 1024px)',
|
|
17
|
+
'tabletS<': '(min-width: 1024px)',
|
|
12
18
|
mobileL: '(max-width: 768px)',
|
|
19
|
+
'mobileL<': '(min-width: 768px)',
|
|
13
20
|
mobileM: '(max-width: 560px)',
|
|
21
|
+
'mobileM<': '(min-width: 560px)',
|
|
14
22
|
mobileS: '(max-width: 480px)',
|
|
23
|
+
'mobileS<': '(min-width: 480px)',
|
|
15
24
|
mobileXS: '(max-width: 375px)',
|
|
25
|
+
'mobileXS<': '(min-width: 375px)',
|
|
16
26
|
|
|
17
27
|
light: '(prefers-color-scheme: light)',
|
|
18
28
|
dark: '(prefers-color-scheme: dark)',
|
package/src/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict'
|
|
2
2
|
|
|
3
|
-
import * as scratchUtils from './utils'
|
|
4
|
-
import * as scratchSystem from './system'
|
|
3
|
+
import * as scratchUtils from './utils/index.js'
|
|
4
|
+
import * as scratchSystem from './system/index.js'
|
|
5
5
|
|
|
6
|
-
export { scratchUtils, scratchSystem }
|
|
7
6
|
export * from './factory.js'
|
|
8
7
|
export * from './defaultConfig'
|
|
9
8
|
export * from './system'
|
|
10
9
|
export * from './utils'
|
|
11
10
|
export * from './set.js'
|
|
11
|
+
|
|
12
|
+
export { scratchUtils, scratchSystem }
|