@symbo.ls/scratch 2.10.235 → 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.
Files changed (20) hide show
  1. package/dist/cjs/defaultConfig/index.js +10 -0
  2. package/dist/cjs/defaultConfig/media.js +10 -0
  3. package/dist/cjs/factory.js +10 -0
  4. package/dist/cjs/index.js +10 -0
  5. package/dist/cjs/set.js +10 -0
  6. package/dist/cjs/system/color.js +10 -0
  7. package/dist/cjs/system/document.js +10 -0
  8. package/dist/cjs/system/font.js +10 -0
  9. package/dist/cjs/system/index.js +10 -0
  10. package/dist/cjs/system/reset.js +10 -0
  11. package/dist/cjs/system/spacing.js +10 -0
  12. package/dist/cjs/system/svg.js +10 -0
  13. package/dist/cjs/system/theme.js +10 -0
  14. package/dist/cjs/system/timing.js +10 -0
  15. package/dist/cjs/system/typography.js +10 -0
  16. package/dist/cjs/utils/index.js +10 -0
  17. package/dist/cjs/utils/sequence.js +10 -0
  18. package/dist/cjs/utils/var.js +10 -0
  19. package/package.json +2 -2
  20. package/src/defaultConfig/media.js +10 -0
package/dist/cjs/defaultConfig/index.js CHANGED
@@ -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"
package/dist/cjs/defaultConfig/media.js CHANGED
@@ -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"
package/dist/cjs/system/document.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/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"
package/dist/cjs/system/spacing.js CHANGED
@@ -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"
package/dist/cjs/system/timing.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/typography.js CHANGED
@@ -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"
package/dist/cjs/utils/sequence.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/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.235",
5
+ "version": "2.10.244",
6
6
  "files": [
7
7
  "src",
8
8
  "dist"
@@ -32,5 +32,5 @@
32
32
  "peerDependencies": {
33
33
  "@emotion/css": "^11.5.0"
34
34
  },
35
- "gitHead": "74059cde606e629bc07411cf0ed71cc204056d3a"
35
+ "gitHead": "c2da617bd6c0178f314e8183dbcf07f0e8b51f78"
36
36
  }
package/src/defaultConfig/media.js CHANGED
@@ -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)',