soames-astro-theme 0.1.0

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 (46) hide show
  1. package/LICENSE +29 -0
  2. package/README.md +67 -0
  3. package/package.json +68 -0
  4. package/src/components/Bio.tsx +36 -0
  5. package/src/components/BlogSidebar.tsx +48 -0
  6. package/src/components/DocsSidebar.tsx +45 -0
  7. package/src/components/Footer.tsx +59 -0
  8. package/src/components/FooterMenu.tsx +36 -0
  9. package/src/components/Header.tsx +57 -0
  10. package/src/components/HeaderMenu.tsx +77 -0
  11. package/src/components/HeroHeader.tsx +66 -0
  12. package/src/components/Logo.tsx +37 -0
  13. package/src/components/shortcodes/RemoveContentAreaPadding.tsx +13 -0
  14. package/src/components/shortcodes/Shortcodes.tsx +319 -0
  15. package/src/components/shortcodes/SoamesFeature.tsx +54 -0
  16. package/src/components/shortcodes/SoamesGalleryMenu.tsx +90 -0
  17. package/src/components/shortcodes/SoamesIconList.tsx +90 -0
  18. package/src/components/shortcodes/SoamesSoundCloud.tsx +71 -0
  19. package/src/components/shortcodes/SoamesTextBlock.tsx +27 -0
  20. package/src/components/shortcodes/SoamesTextList.tsx +27 -0
  21. package/src/components/shortcodes/SoamesTitle.tsx +24 -0
  22. package/src/components/shortcodes/SoamesTitleBar.tsx +22 -0
  23. package/src/components/shortcodes/SoamesTitleBarLg.tsx +56 -0
  24. package/src/components/shortcodes/SoamesVideo.tsx +35 -0
  25. package/src/components/shortcodes/getAttributes.ts +19 -0
  26. package/src/components/shortcodes/getContent.ts +4 -0
  27. package/src/integration.ts +147 -0
  28. package/src/layouts/Base.astro +93 -0
  29. package/src/lib/wp.ts +351 -0
  30. package/src/routes/[...uri].astro +41 -0
  31. package/src/routes/blog/[...page].astro +88 -0
  32. package/src/routes/blog/post/[...slug].astro +79 -0
  33. package/src/routes/docs/[...slug].astro +58 -0
  34. package/src/routes/docs/index.astro +66 -0
  35. package/src/routes/index.astro +39 -0
  36. package/src/scripts/soames-nav.js +72 -0
  37. package/src/styles/site-overrides.css +4 -0
  38. package/src/styles/soames/base.css +593 -0
  39. package/src/styles/soames/components.css +1556 -0
  40. package/src/styles/soames/layout.css +209 -0
  41. package/src/styles/soames/overrides.css +2138 -0
  42. package/src/styles/soames/typography.css +23 -0
  43. package/src/styles/theme.css +8 -0
  44. package/src/styles/vendor/normalize.css +343 -0
  45. package/src/styles/vendor/wordpress-blocks.css +3451 -0
  46. package/src/theme-shadow.ts +39 -0
package/src/styles/soames/layout.css ADDED
@@ -0,0 +1,209 @@
1
+ /*! Media */
2
+
3
+ @media (max-width: 767px) {
4
+
5
+ .align-left,
6
+ .align-center,
7
+ .align-right,
8
+ .soames-section-btn,
9
+ .soames-section-title {
10
+ text-align: center;
11
+ }
12
+ }
13
+
14
+ .media-size-item {
15
+ -webkit-flex: 1 1 auto;
16
+ -moz-flex: 1 1 auto;
17
+ -ms-flex: 1 1 auto;
18
+ -o-flex: 1 1 auto;
19
+ flex: 1 1 auto;
20
+ }
21
+
22
+ .media-content {
23
+ -webkit-flex-basis: 100%;
24
+ flex-basis: 100%;
25
+ }
26
+
27
+ .media-container-row {
28
+ display: -ms-flexbox;
29
+ display: -webkit-flex;
30
+ display: flex;
31
+ -webkit-flex-direction: row;
32
+ -ms-flex-direction: row;
33
+ flex-direction: row;
34
+ -webkit-flex-wrap: wrap;
35
+ -ms-flex-wrap: wrap;
36
+ flex-wrap: wrap;
37
+ -webkit-justify-content: center;
38
+ -ms-flex-pack: center;
39
+ justify-content: center;
40
+ -webkit-align-content: center;
41
+ -ms-flex-line-pack: center;
42
+ align-content: center;
43
+ -webkit-align-items: start;
44
+ -ms-flex-align: start;
45
+ align-items: start;
46
+ }
47
+
48
+ .media-container-row .media-size-item {
49
+ width: 400px;
50
+ }
51
+
52
+ .media-container-column {
53
+ display: -ms-flexbox;
54
+ display: -webkit-flex;
55
+ display: flex;
56
+ -webkit-flex-direction: column;
57
+ -ms-flex-direction: column;
58
+ flex-direction: column;
59
+ -webkit-flex-wrap: wrap;
60
+ -ms-flex-wrap: wrap;
61
+ flex-wrap: wrap;
62
+ -webkit-justify-content: center;
63
+ -ms-flex-pack: center;
64
+ justify-content: center;
65
+ -webkit-align-content: center;
66
+ -ms-flex-line-pack: center;
67
+ align-content: center;
68
+ -webkit-align-items: stretch;
69
+ -ms-flex-align: stretch;
70
+ align-items: stretch;
71
+ }
72
+
73
+ .media-container-column>* {
74
+ width: 100%;
75
+ }
76
+
77
+ @media (min-width: 992px) {
78
+ .media-container-row {
79
+ -webkit-flex-wrap: nowrap;
80
+ -ms-flex-wrap: nowrap;
81
+ flex-wrap: nowrap;
82
+ }
83
+ }
84
+
85
+ figure {
86
+ overflow: hidden;
87
+ }
88
+
89
+ figure[soames-media-size] {
90
+ transition: width 0.1s;
91
+ }
92
+
93
+ .soames-figure img,
94
+ .soames-figure iframe {
95
+ display: block;
96
+ width: 100%;
97
+ }
98
+
99
+ .card {
100
+ background-color: transparent;
101
+ border: none;
102
+ }
103
+
104
+ .card-box {
105
+ width: 100%;
106
+ }
107
+
108
+ .card-img {
109
+ text-align: center;
110
+ flex-shrink: 0;
111
+ -webkit-flex-shrink: 0;
112
+ }
113
+
114
+ .media {
115
+ max-width: 100%;
116
+ margin: 0 auto;
117
+ }
118
+
119
+ .soames-figure {
120
+ -ms-flex-item-align: center;
121
+ -ms-grid-row-align: center;
122
+ -webkit-align-self: center;
123
+ align-self: center;
124
+ }
125
+
126
+ .media-container>div {
127
+ max-width: 100%;
128
+ }
129
+
130
+ .soames-figure img,
131
+ .card-img img {
132
+ width: 100%;
133
+ }
134
+
135
+ @media (max-width: 991px) {
136
+ .media-size-item {
137
+ width: auto !important;
138
+ }
139
+
140
+ .media {
141
+ width: auto;
142
+ }
143
+
144
+ .soames-figure {
145
+ width: 100% !important;
146
+ }
147
+ }
148
+
149
+
150
+ @media (min-width: 768px) and (max-width: 1023px) {
151
+ .menu .navbar-toggleable-sm .navbar-nav {
152
+ display: -webkit-box;
153
+ display: -webkit-flex;
154
+ display: -ms-flexbox;
155
+ }
156
+ }
157
+
158
+ @media (max-width: 1023px) {
159
+ .menu .navbar-collapse {
160
+ max-height: 93.5vh;
161
+ }
162
+
163
+ .menu .navbar-collapse.show {
164
+ overflow: auto;
165
+ }
166
+ }
167
+
168
+ @media (min-width: 1024px) {
169
+ .menu .navbar-nav.nav-dropdown {
170
+ display: -webkit-flex;
171
+ }
172
+
173
+ .menu .navbar-toggleable-sm .navbar-collapse {
174
+ display: -webkit-flex !important;
175
+ }
176
+
177
+ .menu .collapsed .navbar-collapse {
178
+ max-height: 93.5vh;
179
+ }
180
+
181
+ .menu .collapsed .navbar-collapse.show {
182
+ overflow: auto;
183
+ }
184
+ }
185
+
186
+ @media (max-width: 767px) {
187
+ .menu .navbar-collapse {
188
+ max-height: 80vh;
189
+ }
190
+ }
191
+
192
+ /*! Full-screen */
193
+
194
+ .soames-fullscreen .soames-overlay {
195
+ min-height: 100vh;
196
+ }
197
+
198
+ .soames-fullscreen {
199
+ display: flex;
200
+ display: -webkit-flex;
201
+ display: -moz-flex;
202
+ display: -ms-flex;
203
+ display: -o-flex;
204
+ align-items: center;
205
+ -webkit-align-items: center;
206
+ min-height: 100vh;
207
+ padding-top: 3rem;
208
+ padding-bottom: 3rem;
209
+ }