sfc-utils 1.4.203 → 1.4.205

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 (87) hide show
  1. package/components/helpers/utilfunctions.mjs +17 -24
  2. package/components/layout/layoutscript.mjs +10 -3
  3. package/package.json +1 -1
  4. package/settings.js +2 -2
  5. package/example/.prettierrc +0 -5
  6. package/example/README.md +0 -8
  7. package/example/gatsby-config.js +0 -137
  8. package/example/gatsby-node.js +0 -66
  9. package/example/package-lock.json +0 -31884
  10. package/example/package.json +0 -71
  11. package/example/project-config.json +0 -38
  12. package/example/src/components/layout.js +0 -96
  13. package/example/src/components/sfc/ad.js +0 -47
  14. package/example/src/components/sfc/ai2html/ai2html_template.ai +5 -1368
  15. package/example/src/components/sfc/button.js +0 -40
  16. package/example/src/components/sfc/byline.js +0 -42
  17. package/example/src/components/sfc/component-helpers/customhooks.js +0 -17
  18. package/example/src/components/sfc/component-helpers/datehelpers.js +0 -55
  19. package/example/src/components/sfc/component-helpers/newsletterhelpers.js +0 -89
  20. package/example/src/components/sfc/component-helpers/requesthelpers.js +0 -7
  21. package/example/src/components/sfc/component-helpers/scrolldownhelpers.js +0 -11
  22. package/example/src/components/sfc/component-helpers/utilfunctions.js +0 -68
  23. package/example/src/components/sfc/creditline.js +0 -35
  24. package/example/src/components/sfc/credits.js +0 -17
  25. package/example/src/components/sfc/creditssection.js +0 -49
  26. package/example/src/components/sfc/dropcap.js +0 -15
  27. package/example/src/components/sfc/footer.js +0 -36
  28. package/example/src/components/sfc/geocoder.js +0 -148
  29. package/example/src/components/sfc/misccredit.js +0 -17
  30. package/example/src/components/sfc/navtop.js +0 -121
  31. package/example/src/components/sfc/newsletter.js +0 -157
  32. package/example/src/components/sfc/relatedlink.js +0 -23
  33. package/example/src/components/sfc/relatedrow.js +0 -23
  34. package/example/src/components/sfc/relatedsection.js +0 -27
  35. package/example/src/components/sfc/safelink.js +0 -86
  36. package/example/src/components/sfc/scrolldown.js +0 -22
  37. package/example/src/components/sfc/sharebuttons.js +0 -93
  38. package/example/src/components/sfc/topper.js +0 -88
  39. package/example/src/components/sfc/video.js +0 -74
  40. package/example/src/components/sfc/wcmimage.js +0 -131
  41. package/example/src/data/sfc/images/react.gif +0 -0
  42. package/example/src/data/sfc/related_links.json +0 -17
  43. package/example/src/html.js +0 -41
  44. package/example/src/pages/index.js +0 -166
  45. package/example/src/styles/credittooltip.less +0 -55
  46. package/example/src/styles/footer.less +0 -378
  47. package/example/src/styles/modules/ad.module.less +0 -21
  48. package/example/src/styles/modules/ai2html.module.less +0 -19
  49. package/example/src/styles/modules/button.module.less +0 -94
  50. package/example/src/styles/modules/byline.module.less +0 -11
  51. package/example/src/styles/modules/creditline.module.less +0 -12
  52. package/example/src/styles/modules/credits.module.less +0 -7
  53. package/example/src/styles/modules/creditssection.module.less +0 -17
  54. package/example/src/styles/modules/dropcap.module.less +0 -18
  55. package/example/src/styles/modules/geocoder.module.less +0 -79
  56. package/example/src/styles/modules/newsletter.module.less +0 -147
  57. package/example/src/styles/modules/relatedlink.module.less +0 -28
  58. package/example/src/styles/modules/relatedrow.module.less +0 -8
  59. package/example/src/styles/modules/relatedsection.module.less +0 -19
  60. package/example/src/styles/modules/scrolldown.module.less +0 -31
  61. package/example/src/styles/modules/share.module.less +0 -22
  62. package/example/src/styles/modules/topper.module.less +0 -63
  63. package/example/src/styles/modules/video.module.less +0 -27
  64. package/example/src/styles/modules/wcmimage.module.less +0 -20
  65. package/example/src/styles/nav.less +0 -187
  66. package/example/src/styles/old css/defaults.less +0 -99
  67. package/example/src/styles/old css/footer.less +0 -345
  68. package/example/src/styles/old css/nav.less +0 -187
  69. package/example/src/styles/old css/project.less +0 -1
  70. package/example/src/styles/old css/reset.css +0 -95
  71. package/example/src/styles/old css/seed.less +0 -7
  72. package/example/src/styles/old css/typography.css +0 -168
  73. package/example/src/styles/old css/values.less +0 -74
  74. package/example/src/styles/project.less +0 -1
  75. package/example/src/styles/reset.css +0 -97
  76. package/example/src/styles/seed.less +0 -6
  77. package/example/src/styles/values.less +0 -203
  78. package/example/src/styles/variables.less +0 -142
  79. package/example/static/manifest.webmanifest +0 -1
  80. package/example/tasks/create-c2p-sheet.js +0 -6
  81. package/example/tasks/deploy-addon.py +0 -14
  82. package/example/tasks/google-docs.js +0 -16
  83. package/example/tasks/google-sheets.js +0 -17
  84. package/example/tasks/node-helpers.js +0 -81
  85. package/example/tasks/post-build.sh +0 -7
  86. package/example/tasks/pre-build.sh +0 -18
  87. package/example/tempsettings.js +0 -28
@@ -1,168 +0,0 @@
1
- :root {
2
- --fluid-min-width: 320;
3
- --fluid-max-width: 3841;
4
- --fluid-min-size: 16;
5
- --fluid-max-size: 28;
6
- --fluid-min-ratio: 1.2;
7
- --fluid-max-ratio: 1.2;
8
-
9
- --fluid-screen: 100vw;
10
- --fluid-bp: calc(
11
- (var(--fluid-screen) - ((var(--fluid-min-width) / 16) * 1rem)) / 220.0625);
12
- }
13
-
14
- @media screen and (min-width: 3841px) {
15
- :root {
16
- --fluid-screen: calc(var(--fluid-max-width) * 1px);
17
- }
18
- }
19
-
20
- :root {
21
- --fluid-max-negative: (1 / var(--fluid-max-ratio) / var(--fluid-max-ratio));
22
- --fluid-min-negative: (1 / var(--fluid-min-ratio) / var(--fluid-min-ratio));
23
-
24
- --fluid-min-scale--2: var(--fluid-min-scale--1) * var(--fluid-min-ratio) *
25
- var(--fluid-min-negative);
26
- --fluid-max-scale--2: var(--fluid-max-scale--1) * var(--fluid-max-ratio) *
27
- var(--fluid-max-negative);
28
- --fluid-min-size--2: (var(--fluid-min-size) * var(--fluid-min-scale--2)) / 16;
29
- --fluid-max-size--2: (var(--fluid-max-size) * var(--fluid-max-scale--2)) / 16;
30
- --step--2: calc(
31
- (
32
- (var(--fluid-min-size--2) * 1rem) +
33
- (var(--fluid-max-size--2) - var(--fluid-min-size--2)) * var(--fluid-bp)
34
- )
35
- );
36
-
37
- --fluid-min-scale--1: var(--fluid-min-ratio) * var(--fluid-min-negative);
38
- --fluid-max-scale--1: var(--fluid-max-ratio) * var(--fluid-max-negative);
39
- --fluid-min-size--1: (var(--fluid-min-size) * var(--fluid-min-scale--1)) / 16;
40
- --fluid-max-size--1: (var(--fluid-max-size) * var(--fluid-max-scale--1)) / 16;
41
- --step--1: calc(
42
- (
43
- (var(--fluid-min-size--1) * 1rem) +
44
- (var(--fluid-max-size--1) - var(--fluid-min-size--1)) * var(--fluid-bp)
45
- )
46
- );
47
-
48
- --fluid-min-scale-0: var(--fluid-min-ratio);
49
- --fluid-max-scale-0: var(--fluid-max-ratio);
50
- --fluid-min-size-0: (var(--fluid-min-size)) / 16;
51
- --fluid-max-size-0: (var(--fluid-max-size)) / 16;
52
- --step-0: calc(
53
- (
54
- (var(--fluid-min-size-0) * 1rem) +
55
- (var(--fluid-max-size-0) - var(--fluid-min-size-0)) * var(--fluid-bp)
56
- )
57
- );
58
-
59
- --fluid-min-scale-1: var(--fluid-min-scale-0) * var(--fluid-min-ratio);
60
- --fluid-max-scale-1: var(--fluid-max-scale-0) * var(--fluid-max-ratio);
61
- --fluid-min-size-1: (var(--fluid-min-size) * var(--fluid-min-scale-0)) / 16;
62
- --fluid-max-size-1: (var(--fluid-max-size) * var(--fluid-max-scale-0)) / 16;
63
- --step-1: calc(
64
- (
65
- (var(--fluid-min-size-1) * 1rem) +
66
- (var(--fluid-max-size-1) - var(--fluid-min-size-1)) * var(--fluid-bp)
67
- )
68
- );
69
-
70
- --fluid-min-scale-2: var(--fluid-min-scale-1) * var(--fluid-min-ratio);
71
- --fluid-max-scale-2: var(--fluid-max-scale-1) * var(--fluid-max-ratio);
72
- --fluid-min-size-2: (var(--fluid-min-size) * var(--fluid-min-scale-1)) / 16;
73
- --fluid-max-size-2: (var(--fluid-max-size) * var(--fluid-max-scale-1)) / 16;
74
- --step-2: calc(
75
- (
76
- (var(--fluid-min-size-2) * 1rem) +
77
- (var(--fluid-max-size-2) - var(--fluid-min-size-2)) * var(--fluid-bp)
78
- )
79
- );
80
-
81
- --fluid-min-scale-3: var(--fluid-min-scale-2) * var(--fluid-min-ratio);
82
- --fluid-max-scale-3: var(--fluid-max-scale-2) * var(--fluid-max-ratio);
83
- --fluid-min-size-3: (var(--fluid-min-size) * var(--fluid-min-scale-2)) / 16;
84
- --fluid-max-size-3: (var(--fluid-max-size) * var(--fluid-max-scale-2)) / 16;
85
- --step-3: calc(
86
- (
87
- (var(--fluid-min-size-3) * 1rem) +
88
- (var(--fluid-max-size-3) - var(--fluid-min-size-3)) * var(--fluid-bp)
89
- )
90
- );
91
-
92
- --fluid-min-scale-4: var(--fluid-min-scale-3) * var(--fluid-min-ratio);
93
- --fluid-max-scale-4: var(--fluid-max-scale-3) * var(--fluid-max-ratio);
94
- --fluid-min-size-4: (var(--fluid-min-size) * var(--fluid-min-scale-3)) / 16;
95
- --fluid-max-size-4: (var(--fluid-max-size) * var(--fluid-max-scale-3)) / 16;
96
- --step-4: calc(
97
- (
98
- (var(--fluid-min-size-4) * 1rem) +
99
- (var(--fluid-max-size-4) - var(--fluid-min-size-4)) * var(--fluid-bp)
100
- )
101
- );
102
-
103
- --fluid-min-scale-5: var(--fluid-min-scale-4) * var(--fluid-min-ratio);
104
- --fluid-max-scale-5: var(--fluid-max-scale-4) * var(--fluid-max-ratio);
105
- --fluid-min-size-5: (var(--fluid-min-size) * var(--fluid-min-scale-4)) / 16;
106
- --fluid-max-size-5: (var(--fluid-max-size) * var(--fluid-max-scale-4)) / 16;
107
- --step-5: calc(
108
- (
109
- (var(--fluid-min-size-5) * 1rem) +
110
- (var(--fluid-max-size-5) - var(--fluid-min-size-5)) * var(--fluid-bp)
111
- )
112
- );
113
-
114
- --fluid-min-scale-6: var(--fluid-min-scale-5) * var(--fluid-min-ratio);
115
- --fluid-max-scale-6: var(--fluid-max-scale-5) * var(--fluid-max-ratio);
116
- --fluid-min-size-6: (var(--fluid-min-size) * var(--fluid-min-scale-5)) / 16;
117
- --fluid-max-size-6: (var(--fluid-max-size) * var(--fluid-max-scale-5)) / 16;
118
- --step-6: calc(
119
- (
120
- (var(--fluid-min-size-6) * 1rem) +
121
- (var(--fluid-max-size-6) - var(--fluid-min-size-6)) * var(--fluid-bp)
122
- )
123
- );
124
-
125
- --fluid-min-scale-7: var(--fluid-min-scale-6) * var(--fluid-min-ratio);
126
- --fluid-max-scale-7: var(--fluid-max-scale-6) * var(--fluid-max-ratio);
127
- --fluid-min-size-7: (var(--fluid-min-size) * var(--fluid-min-scale-6)) / 16;
128
- --fluid-max-size-7: (var(--fluid-max-size) * var(--fluid-max-scale-6)) / 16;
129
- --step-7: calc(
130
- (
131
- (var(--fluid-min-size-7) * 1rem) +
132
- (var(--fluid-max-size-7) - var(--fluid-min-size-7)) * var(--fluid-bp)
133
- )
134
- );
135
-
136
- --fluid-min-scale-8: var(--fluid-min-scale-7) * var(--fluid-min-ratio);
137
- --fluid-max-scale-8: var(--fluid-max-scale-7) * var(--fluid-max-ratio);
138
- --fluid-min-size-8: (var(--fluid-min-size) * var(--fluid-min-scale-7)) / 16;
139
- --fluid-max-size-8: (var(--fluid-max-size) * var(--fluid-max-scale-7)) / 16;
140
- --step-8: calc(
141
- (
142
- (var(--fluid-min-size-8) * 1rem) +
143
- (var(--fluid-max-size-8) - var(--fluid-min-size-8)) * var(--fluid-bp)
144
- )
145
- );
146
-
147
- --fluid-min-scale-9: var(--fluid-min-scale-8) * var(--fluid-min-ratio);
148
- --fluid-max-scale-9: var(--fluid-max-scale-8) * var(--fluid-max-ratio);
149
- --fluid-min-size-9: (var(--fluid-min-size) * var(--fluid-min-scale-8)) / 16;
150
- --fluid-max-size-9: (var(--fluid-max-size) * var(--fluid-max-scale-8)) / 16;
151
- --step-9: calc(
152
- (
153
- (var(--fluid-min-size-9) * 1rem) +
154
- (var(--fluid-max-size-9) - var(--fluid-min-size-9)) * var(--fluid-bp)
155
- )
156
- );
157
-
158
- --fluid-min-scale-10: var(--fluid-min-scale-9) * var(--fluid-min-ratio);
159
- --fluid-max-scale-10: var(--fluid-max-scale-9) * var(--fluid-max-ratio);
160
- --fluid-min-size-10: (var(--fluid-min-size) * var(--fluid-min-scale-9)) / 16;
161
- --fluid-max-size-10: (var(--fluid-max-size) * var(--fluid-max-scale-9)) / 16;
162
- --step-10: calc(
163
- (
164
- (var(--fluid-min-size-10) * 1rem) +
165
- (var(--fluid-max-size-10) - var(--fluid-min-size-10)) * var(--fluid-bp)
166
- )
167
- );
168
- }
@@ -1,74 +0,0 @@
1
- //spacing, typography
2
- @step--2: var(--step--2);
3
- @step--1: var(--step--1);
4
- @step-0: var(--step-0);
5
- @step-1: var(--step-1);
6
- @step-2: var(--step-2);
7
- @step-3: var(--step-3);
8
- @step-4: var(--step-4);
9
- @step-5: var(--step-5);
10
- @step-6: var(--step-6);
11
- @step-7: var(--step-7);
12
- @step-8: var(--step-8);
13
- @step-9: var(--step-9);
14
- @step-10: var(--step-10);
15
-
16
- //media queries
17
- @mobile: ~"(max-width: 480px)";
18
- @tablet: ~"(max-width: 768px)";
19
- @tablet-horiz: ~"(max-width: 1024px)";
20
- @phone-horiz: ~"(max-width:670px)";
21
- @text-width: ~"(max-width: 730px)";
22
- @widthmax: ~"(max-width: 1000000px)";
23
-
24
- @vert: ~"(orientation: portrait)";
25
- @lscape: ~"(orientation: lanscape)";
26
-
27
- //serif
28
- @hed: "Tiempos Headline Light", Georgia, serif;
29
- @alt-hed: "Tiempos Headline Black", Georgia, serif;
30
- @serif-book: "Tiempos Regular", Georgia, serif;
31
- @serif-bold: "Tiempos Bold", Georgia, serif;
32
- @base-font-size: @step-0;
33
-
34
- //sansserif
35
- @sans-light: "National Light", Helvetica, sans-serif;
36
- @sans-book: "National Book", Helvetica, sans-serif;
37
- @sans-med: "National Medium", Helvetica, sans-serif;
38
- @sans-bold: "National Bold", Helvetica, sans-serif;
39
-
40
-
41
- //colors
42
- @brand: #2CB9BF;
43
- @primary: #388EF4;
44
- @white: #FFFFFF;
45
- @black: #000000;
46
- @text: #222222;
47
- @accent: #60849D;
48
- @off-white: #FCFCFC;
49
- @light-gray: #ECECEC;
50
- @gray: #999999;
51
- @dark-gray: #444444;
52
- @med-gray: #777777;
53
- @red: #CB0024;
54
-
55
- // accessibility styles from https://github.com/mike-engel/a11y-css-reset/
56
- /* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
57
- .visually-hidden() {
58
- position: absolute;
59
- white-space: nowrap;
60
- width: 1px;
61
- height: 1px;
62
- overflow: hidden;
63
- border: 0;
64
- padding: 0;
65
- clip: rect(0 0 0 0);
66
- clip-path: inset(50%);
67
- margin: -1px;
68
- }
69
-
70
- /* https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
71
- .plain-list() {
72
- list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
73
- padding-left: 0;
74
- }
@@ -1 +0,0 @@
1
- // Project CSS/Less goes below
@@ -1,97 +0,0 @@
1
- html {
2
- /* remove 300ms click delay in Safari, the worst */
3
- touch-action: manipulation;
4
- font-size: 100%;
5
- }
6
-
7
- /* //accessibility styles from https://github.com/mike-engel/a11y-css-reset/ */
8
- *::after:focus:not(:focus-visible),
9
- *::before:focus:not(:focus-visible),
10
- *:focus:not(:focus-visible) {
11
- outline: none;
12
- }
13
-
14
- /* prettier-ignore */
15
- @media(prefers-reduced-motion: reduce) {
16
- *,
17
- *::after,
18
- *::before {
19
- transition: none !important;
20
- animation: none !important;
21
- scroll-behavior: auto !important;
22
- }
23
- }
24
-
25
- /* https://hankchizljaw.com/wrote/a-modern-css-reset/ */
26
- /* Box sizing rules */
27
- *,
28
- *::before,
29
- *::after {
30
- box-sizing: border-box;
31
- /* Safari, AKA still the worst */
32
- -webkit-tap-highlight-color: transparent;
33
- }
34
-
35
- /* Remove default padding */
36
- ul[class],
37
- ol[class] {
38
- padding: 0;
39
- }
40
-
41
- /* Remove default margin */
42
- body,
43
- h1,
44
- h2,
45
- h3,
46
- h4,
47
- h5,
48
- h6,
49
- p,
50
- ul[class],
51
- ol[class],
52
- li,
53
- figure,
54
- figcaption,
55
- blockquote,
56
- dl,
57
- dd {
58
- margin: 0;
59
- }
60
-
61
- /* Set core body defaults */
62
- body {
63
- min-height: 100%;
64
- scroll-behavior: smooth;
65
- text-rendering: optimizeSpeed;
66
- line-height: 1.5;
67
- }
68
-
69
- /* Remove list styles on ul, ol elements with a class attribute */
70
- ul[class],
71
- ol[class] {
72
- list-style: none;
73
- }
74
-
75
- /* A elements that don't have a class get default styles */
76
- a:not([class]) {
77
- text-decoration-skip-ink: auto;
78
- }
79
-
80
- /* Make images easier to work with */
81
- img {
82
- max-width: 100%;
83
- display: block;
84
- }
85
-
86
- /* Natural flow and rhythm in articles by default */
87
- /* article > * + * {
88
- margin-top: 1em;
89
- } */
90
-
91
- /* Inherit fonts for inputs and buttons */
92
- input,
93
- button,
94
- textarea,
95
- select {
96
- font: inherit;
97
- }
@@ -1,6 +0,0 @@
1
- @import (css) "reset.css";
2
- // @import (css) "typography.css";
3
- @import (less) "../../../styles/brandStylesCommon.less";
4
- @import (less) "../../../styles/variables.less";
5
- @import (less) "../../../styles/brandStylesCommon.less";
6
- @import (less) "project";
@@ -1,203 +0,0 @@
1
- //spacing, typography
2
- @step--2: var(--step--2);
3
- @step--1: var(--step--1);
4
- @step-0: var(--step-0);
5
- @step-1: var(--step-1);
6
- @step-2: var(--step-2);
7
- @step-3: var(--step-3);
8
- @step-4: var(--step-4);
9
- @step-5: var(--step-5);
10
- @step-6: var(--step-6);
11
- @step-7: var(--step-7);
12
- @step-8: var(--step-8);
13
- @step-9: var(--step-9);
14
- @step-10: var(--step-10);
15
-
16
- //media queries
17
- @mobile: ~"(max-width: 480px)";
18
- @tablet: ~"(max-width: 768px)";
19
- @tablet-horiz: ~"(max-width: 1024px)";
20
- @phone-horiz: ~"(max-width:670px)";
21
- @text-width: ~"(max-width: 730px)";
22
- @widthmax: ~"(max-width: 1000000px)";
23
-
24
- @vert: ~"(orientation: portrait)";
25
- @lscape: ~"(orientation: lanscape)";
26
-
27
- //serif
28
- @hed: "Tiempos Headline Light", Georgia, serif;
29
- @alt-hed: "Tiempos Headline Black", Georgia, serif;
30
- @serif-book: "Tiempos Regular", Georgia, serif;
31
- @serif-bold: "Tiempos Bold", Georgia, serif;
32
- @base-font-size: @step-0;
33
-
34
- //sansserif
35
- @sans-light: "National Light", Helvetica, sans-serif;
36
- @sans-book: "National Book", Helvetica, sans-serif;
37
- @sans-med: "National Medium", Helvetica, sans-serif;
38
- @sans-bold: "National Bold", Helvetica, sans-serif;
39
-
40
-
41
- //colors
42
- @brand: #2CB9BF;
43
- @primary: #388EF4;
44
- @white: #FFFFFF;
45
- @black: #000000;
46
- @text: #222222;
47
- @accent: #60849D;
48
- @off-white: #FCFCFC;
49
- @light-gray: #ECECEC;
50
- @gray: #999999;
51
- @dark-gray: #444444;
52
- @med-gray: #777777;
53
- @red: #CB0024;
54
-
55
- // accessibility styles from https://github.com/mike-engel/a11y-css-reset/
56
- /* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
57
- .visually-hidden() {
58
- position: absolute;
59
- white-space: nowrap;
60
- width: 1px;
61
- height: 1px;
62
- overflow: hidden;
63
- border: 0;
64
- padding: 0;
65
- clip: rect(0 0 0 0);
66
- clip-path: inset(50%);
67
- margin: -1px;
68
- }
69
-
70
- /* https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
71
- .plain-list() {
72
- list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
73
- padding-left: 0;
74
- }
75
-
76
- @import (less) './variables.less';
77
-
78
- //sizing and spacing tachyons
79
- .text-width {
80
- max-width: @md;
81
- padding: 0 @s16;
82
- margin-left: auto;
83
- margin-right: auto;
84
- }
85
-
86
- .mb-xxs {margin-bottom: @s4;}
87
- .mb-xs {margin-bottom: @s8;}
88
- .mb-sm {margin-bottom: @s16;}
89
- .mb-md {margin-bottom: @s24;}
90
- .mb-lg {margin-bottom: @s32;}
91
- .mb-xl {margin-bottom: @s40;}
92
- .mb-xxl {margin-bottom: @s48;}
93
- .mb-auto {margin-bottom: auto;}
94
-
95
- .mt-xxs {margin-top: @s4;}
96
- .mt-xs {margin-top: @s8;}
97
- .mt-sm {margin-top: @s16;}
98
- .mt-md {margin-top: @s24;}
99
- .mt-lg {margin-top: @s32;}
100
- .mt-xl {margin-top: @s40;}
101
- .mt-xxl {margin-top: @s48;}
102
- .mt-auto {margin-top: auto;}
103
-
104
- .mr-xxs {margin-right: @s4;}
105
- .mr-xs {margin-right: @s8;}
106
- .mr-sm {margin-right: @s16;}
107
- .mr-md {margin-right: @s24;}
108
- .mr-lg {margin-right: @s32;}
109
- .mr-xl {margin-right: @s40;}
110
- .mr-xxl {margin-right: @s48;}
111
- .mr-auto {margin-right: auto;}
112
-
113
- .ml-xxs {margin-left: @s4;}
114
- .ml-xs {margin-left: @s8;}
115
- .ml-sm {margin-left: @s16;}
116
- .ml-md {margin-left: @s24;}
117
- .ml-lg {margin-left: @s32;}
118
- .ml-xl {margin-left: @s40;}
119
- .ml-xxl {margin-left: @s48;}
120
- .ml-auto {margin-left: auto;}
121
-
122
- .ma-xxs {margin: @s4;}
123
- .ma-xs {margin: @s8;}
124
- .ma-sm {margin: @s16;}
125
- .ma-md {margin: @s24;}
126
- .ma-lg {margin: @s32;}
127
- .ma-xl {margin: @s40;}
128
- .ma-xxl {margin: @s48;}
129
- .ma-auto {margin: auto;}
130
-
131
- //padding
132
- .pb-xxs {padding-bottom: @s4;}
133
- .pb-xs {padding-bottom: @s8;}
134
- .pb-sm {padding-bottom: @s16;}
135
- .pb-md {padding-bottom: @s24;}
136
- .pb-lg {padding-bottom: @s32;}
137
- .pb-xl {padding-bottom: @s40;}
138
- .pb-xxl {padding-bottom: @s48;}
139
-
140
- .pt-xxs {padding-top: @s4;}
141
- .pt-xs {padding-top: @s8;}
142
- .pt-sm {padding-top: @s16;}
143
- .pt-md {padding-top: @s24;}
144
- .pt-lg {padding-top: @s32;}
145
- .pt-xl {padding-top: @s40;}
146
- .pt-xxl {padding-top: @s48;}
147
-
148
- .pr-xxs {padding-right: @s4;}
149
- .pr-xs {padding-right: @s8;}
150
- .pr-sm {padding-right: @s16;}
151
- .pr-md {padding-right: @s24;}
152
- .pr-lg {padding-right: @s32;}
153
- .pr-xl {padding-right: @s40;}
154
- .pr-xxl {padding-right: @s48;}
155
-
156
- .pl-xxs {padding-left: @s4;}
157
- .pl-xs {padding-left: @s8;}
158
- .pl-sm {padding-left: @s16;}
159
- .pl-md {padding-left: @s24;}
160
- .pl-lg {padding-left: @s32;}
161
- .pl-xl {padding-left: @s40;}
162
- .pl-xxl {padding-left: @s48;}
163
-
164
- .pa-xxs {padding: @s4;}
165
- .pa-xs {padding: @s8;}
166
- .pa-sm {padding: @s16;}
167
- .pa-md {padding: @s24;}
168
- .pa-lg {padding: @s32;}
169
- .pa-xl {padding: @s40;}
170
- .pa-xxl {padding: @s48;}
171
-
172
- .mw-sm {max-width: @sm;}
173
- .mw-md {max-width: @md;}
174
- .mw-lg {max-width: @lg;}
175
- .mw-xl {max-width: @xl;}
176
- .mw-100 {max-width: 100%;}
177
-
178
- //alignment
179
- .center {text-align: center;}
180
- .left {text-align: left;}
181
- .right {text-align: right;}
182
-
183
-
184
- // accessibility styles from https://github.com/mike-engel/a11y-css-reset/
185
- /* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
186
- .visually-hidden() {
187
- position: absolute;
188
- white-space: nowrap;
189
- width: 1px;
190
- height: 1px;
191
- overflow: hidden;
192
- border: 0;
193
- padding: 0;
194
- clip: rect(0 0 0 0);
195
- clip-path: inset(50%);
196
- margin: -1px;
197
- }
198
-
199
- /* https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
200
- .plain-list() {
201
- list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
202
- padding-left: 0;
203
- }
@@ -1,142 +0,0 @@
1
- //sizing variables
2
- @s4: 0.25rem;
3
- @s8: 0.5rem;
4
- @s16: 1rem;
5
- @s24: 1.5rem;
6
- @s32: 2rem;
7
- @s40: 2.5rem;
8
- @s48: 3rem;
9
- @s56: 3.5rem;
10
- @s64: 4rem;
11
- @s72: 4.5rem;
12
- @s80: 5rem;
13
- @s88: 5.5rem;
14
- @s96: 6rem;
15
- @s104: 6.5rem;
16
- @s112: 7rem;
17
- @s120: 7.5rem;
18
- @s128: 8rem;
19
- @s136: 8.5rem;
20
- @s144: 9rem;
21
- @s152: 9.5rem;
22
- @s160: 10rem;
23
-
24
- //font-only variables
25
- @s12: 0.75rem;
26
- @s14: 0.875rem;
27
- @s18: 1.125rem;
28
- @s20: 1.25rem;
29
-
30
- //widths
31
- @sm: 400px;
32
- @md: 672px;
33
- @lg: 928px;
34
- @xl: 1200px;
35
- @w-text-width: 640px;
36
- @w-tablet: 768px;
37
- @w-mobile: 480px;
38
-
39
- //media queries
40
- @mobile: ~"(max-width: 480px)";
41
- @tablet: ~"(max-width: 768px)";
42
- @max: ~"(max-width: 1000000px)";
43
-
44
- @max-sm: ~"(max-width: 400px)";
45
- @max-tablet: ~"(max-width: 768px)";
46
- @max-text-width: ~"(max-width: 672px)";
47
- @max-desktop: ~"(max-width: 1200px)";
48
-
49
- @min-mobile: ~"(min-width: 480px)";
50
- @min-tablet: ~"(min-width: 768px)";
51
- @min-text-width: ~"(min-width: 672px)";
52
- @min-desktop: ~"(min-width: 1200px)";
53
- @max: ~"(max-width: 1000000px)";
54
-
55
- //color variables
56
- @white: #FFFFFF;
57
- @black: #111111;
58
-
59
- @grey-100: #3E3E3E;
60
- @grey-75: #676767;
61
- @grey-50: #909090;
62
- @grey-25: #C7C7C7;
63
- @grey-0: #E1E1E1;
64
- @grey-pale: #F4F4F4;
65
-
66
- //brights: best used as highlights or spot colors
67
- @red-bright: #D20C0E;
68
- @blue-bright: #1874CB;
69
- @pink-bright: #E94B73;
70
- @teal-bright: #26A0A5;
71
- @gold-bright: #FFBC30;
72
- @orange-bright: #FF7500;
73
- @green-bright: #7CA735;
74
- @purple-bright: #B87790;
75
-
76
- //pales: best used as backgrounds or large color blocks/screens
77
- @red-pale: #FBF5F5;
78
- @blue-pale: #EFF5FA;
79
- @pink-pale: #FCF2F3;
80
- @teal-pale: #EDF7F9;
81
- @gold-pale: #FCF9F0;
82
- @orange-pale: #FCF4EE;
83
- @green-pale: #F5F7F1;
84
- @purple-pale: #F8F5F8;
85
-
86
- //color scales - 100 is the base, higher values are darker, lower values are lighter
87
- @red-300: #7F0D0A;
88
- @red-100: #BA142D;
89
- @red-75: #D06566;
90
- @red-50: #D18786;
91
- @red-25: #DDABAA;
92
- @red-0: #F2E1E1;
93
-
94
- @blue-300: #003166;
95
- @blue-100: #025BAF;
96
- @blue-75: #428BCA;
97
- @blue-50: #67A2D4;
98
- @blue-25: #95C1E8;
99
- @blue-0: #CFE0EF;
100
-
101
- @pink-300: #951D3A;
102
- @pink-100: #D1365E;
103
- @pink-75: #DA5E7D;
104
- @pink-50: #E3879D;
105
- @pink-25: #ECAFBC;
106
- @pink-0: #F5D7DB;
107
-
108
- @teal-300: #00505A;
109
- @teal-100: #189196;
110
- @teal-75: #45A6AC;
111
- @teal-50: #71BBC2;
112
- @teal-25: #9ED1D8;
113
- @teal-0: #CAE6EE;
114
-
115
- @gold-300: #B17A00;
116
- @gold-200: #D39213;
117
- @gold-100: #E5A72C;
118
- @gold-75: #E8BD62;
119
- @gold-50: #EDCE87;
120
- @gold-25: #F1DEAD;
121
- @gold-0: #F6EED2;
122
-
123
- @orange-300: #B05A0C;
124
- @orange-100: #DF7821;
125
- @orange-75: #E4914B;
126
- @orange-50: #EAAB76;
127
- @orange-25: #F0C4A1;
128
- @orange-0: #F5DECB;
129
-
130
- @green-300: #5F7539;
131
- @green-100: #819958;
132
- @green-75: #99AC78;
133
- @green-50: #B1C097;
134
- @green-25: #C8D3B7;
135
- @green-0: #E0E6D6;
136
-
137
- @purple-300: #724C6C;
138
- @purple-100: #97668F;
139
- @purple-75: #AC84A5;
140
- @purple-50: #C1A3BC;
141
- @purple-25: #D6C1D3;
142
- @purple-0: #EBE0E9;
@@ -1 +0,0 @@
1
- {"name":"San Francisco Chronicle","short_name":"SF Chronicle","start_url":".","background_color":"#eeeeee","theme_color":"#eeeeee","display":"standalone","icons":[{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-48x48.png","sizes":"48x48","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-72x72.png","sizes":"72x72","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-96x96.png","sizes":"96x96","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-144x144.png","sizes":"144x144","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-192x192.png","sizes":"192x192","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-256x256.png","sizes":"256x256","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-384x384.png","sizes":"384x384","type":"image/png"},{"src":"https://projects.sfchronicle.com/shared/icons/manifest/icon-512x512.png","sizes":"512x512","type":"image/png"}]}
@@ -1,6 +0,0 @@
1
- #!/usr/bin/env node
2
-
3
- const configData = require('../project-config.json')
4
- const { googleAuth } = require('../../copy/c2p_sheet')
5
-
6
- googleAuth(configData)