@penskemediacorp/larva-patterns 1.9.0-alpha.0 → 1.10.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 (358) hide show
  1. package/LICENSE +21 -0
  2. package/__tests__/css/css.html +9 -0
  3. package/__tests__/css/css.prototype.js +1 -0
  4. package/__tests__/hub/hub.html +25 -0
  5. package/__tests__/hub/hub.prototype.js +30 -0
  6. package/__tests__/profile/profile.html +29 -0
  7. package/__tests__/profile/profile.prototype.js +17 -0
  8. package/__tests__/profile-index/profile-index.html +9 -0
  9. package/__tests__/profile-index/profile-index.prototype.js +6 -0
  10. package/__tests__/vlanding/vlanding.html +7 -0
  11. package/__tests__/vlanding/vlanding.prototype.js +11 -0
  12. package/_templates/pattern-nav.html +52 -12
  13. package/algorithms/a-carousel-grid/README.md +5 -0
  14. package/algorithms/a-carousel-grid/a-carousel-grid.html +25 -0
  15. package/algorithms/a-carousel-grid/a-carousel-grid.overlay.js +12 -0
  16. package/algorithms/a-carousel-grid/a-carousel-grid.prototype.js +0 -0
  17. package/algorithms/a-icon/a-icon.html +1 -0
  18. package/algorithms/a-icon/a-icon.prototype.js +0 -0
  19. package/base.html +62 -19
  20. package/components/c-button/README.md +3 -0
  21. package/components/c-button/c-button.black.js +7 -0
  22. package/components/c-button/c-button.brand-basic.js +8 -0
  23. package/components/c-button/c-button.ghost.js +10 -0
  24. package/components/c-button/c-button.prototype.js +10 -4
  25. package/components/c-button/c-button.stripped.js +8 -0
  26. package/components/c-button/c-button.twig +13 -7
  27. package/components/c-checkbox-input/c-checkbox-input.prototype.js +6 -0
  28. package/components/c-checkbox-input/c-checkbox-input.twig +4 -0
  29. package/components/c-dek/README.md +3 -0
  30. package/components/c-dek/c-dek.prototype.js +5 -0
  31. package/components/c-dek/c-dek.twig +9 -0
  32. package/components/c-email-field/README.md +0 -0
  33. package/components/c-email-field/c-email-field.ghost.js +10 -0
  34. package/components/c-email-field/c-email-field.prototype.js +8 -0
  35. package/components/c-email-field/c-email-field.twig +4 -0
  36. package/components/c-figcaption/c-figcaption.prototype.js +9 -0
  37. package/components/c-figcaption/c-figcaption.twig +16 -0
  38. package/components/c-heading/README.md +4 -0
  39. package/components/c-heading/c-heading.prototype.js +8 -3
  40. package/components/c-heading/c-heading.twig +11 -2
  41. package/components/c-hidden-field/c-hidden-field.prototype.js +5 -0
  42. package/components/c-hidden-field/c-hidden-field.twig +1 -0
  43. package/components/c-icon/c-icon.full.js +6 -5
  44. package/components/c-icon/c-icon.prototype.js +12 -10
  45. package/components/c-icon/c-icon.twig +22 -2
  46. package/components/c-input/c-input.prototype.js +8 -0
  47. package/components/c-input/c-input.twig +14 -0
  48. package/components/c-label/README.md +12 -0
  49. package/components/c-label/c-label.prototype.js +7 -0
  50. package/components/c-label/c-label.twig +19 -0
  51. package/components/c-lazy-image/README.md +35 -0
  52. package/components/c-lazy-image/c-lazy-image.prototype.js +17 -0
  53. package/components/c-lazy-image/c-lazy-image.twig +31 -0
  54. package/components/c-link/README.md +1 -0
  55. package/components/c-link/c-link.prototype.js +8 -5
  56. package/components/c-link/c-link.twig +11 -1
  57. package/components/c-logo/c-logo.prototype.js +7 -0
  58. package/components/c-logo/c-logo.twig +10 -0
  59. package/components/c-nav-link/c-nav-link.prototype.js +7 -0
  60. package/components/c-nav-link/c-nav-link.twig +10 -0
  61. package/components/c-play-badge/c-play-badge.prototype.js +3 -0
  62. package/components/c-play-badge/c-play-badge.twig +7 -0
  63. package/components/c-select-option/c-select-option.prototype.js +5 -0
  64. package/components/c-select-option/c-select-option.twig +5 -0
  65. package/components/c-span/c-span.prototype.js +6 -7
  66. package/components/c-span/c-span.tag.js +7 -0
  67. package/components/c-svg/c-svg.prototype.js +4 -0
  68. package/components/c-svg/c-svg.twig +3 -0
  69. package/components/c-tagline/README.md +3 -0
  70. package/components/c-tagline/c-tagline.prototype.js +4 -0
  71. package/components/c-tagline/c-tagline.twig +3 -3
  72. package/components/c-timestamp/c-timestamp.prototype.js +5 -4
  73. package/components/c-timestamp/c-timestamp.twig +9 -1
  74. package/components/c-title/README.md +7 -0
  75. package/components/c-title/c-title.prototype.js +7 -3
  76. package/components/c-title/c-title.twig +14 -2
  77. package/css.html +44 -0
  78. package/index.html +7 -25
  79. package/index.js +2 -1
  80. package/modules/age-gate/README.md +3 -0
  81. package/modules/age-gate/age-gate.prototype.js +68 -0
  82. package/modules/age-gate/age-gate.twig +37 -0
  83. package/modules/article-callout/article-callout.prototype.js +5 -0
  84. package/modules/article-callout/article-callout.twig +3 -0
  85. package/modules/article-excerpt/article-excerpt.prototype.js +4 -0
  86. package/modules/article-excerpt/article-excerpt.twig +1 -0
  87. package/modules/article-kicker/article-kicker.prototype.js +6 -0
  88. package/modules/article-kicker/article-kicker.twig +13 -0
  89. package/modules/article-tags/article-tags.prototype.js +9 -10
  90. package/modules/article-tags/article-tags.twig +1 -1
  91. package/modules/article-timestamp/article-timestamp.prototype.js +13 -0
  92. package/modules/article-timestamp/article-timestamp.twig +5 -0
  93. package/modules/article-title/article-title.prototype.js +4 -0
  94. package/modules/article-title/article-title.twig +1 -0
  95. package/modules/author/author.prototype.js +43 -0
  96. package/modules/author/author.twig +38 -0
  97. package/modules/author-blurb/author-blurb.prototype.js +56 -0
  98. package/modules/author-blurb/author-blurb.twig +27 -0
  99. package/modules/author-details/author-details.prototype.js +70 -0
  100. package/modules/author-details/author-details.twig +25 -0
  101. package/modules/back-to-list/back-to-list.prototype.js +11 -0
  102. package/modules/back-to-list/back-to-list.twig +5 -0
  103. package/modules/badge/badge.prototype.js +10 -6
  104. package/modules/badge/badge.twig +1 -1
  105. package/modules/banner/banner.prototype.js +10 -0
  106. package/modules/banner/banner.twig +10 -0
  107. package/modules/brands-most-popular/brands-most-popular.prototype.js +40 -0
  108. package/modules/brands-most-popular/brands-most-popular.twig +11 -0
  109. package/modules/breadcrumbs/breadcrumbs.prototype.js +4 -5
  110. package/modules/breadcrumbs/breadcrumbs.twig +1 -1
  111. package/modules/breaking-news/breaking-news.prototype.js +29 -0
  112. package/modules/breaking-news/breaking-news.twig +18 -0
  113. package/modules/button/button.prototype.js +9 -0
  114. package/modules/button/button.twig +7 -0
  115. package/modules/buy-now/buy-now.prototype.js +36 -0
  116. package/modules/buy-now/buy-now.twig +23 -0
  117. package/modules/carousel-grid/README.md +7 -0
  118. package/modules/carousel-grid/carousel-grid.overlay.js +26 -0
  119. package/modules/carousel-grid/carousel-grid.prototype.js +50 -0
  120. package/modules/carousel-grid/carousel-grid.twig +17 -0
  121. package/modules/carousel-slider/carousel-slider.prototype.js +56 -0
  122. package/modules/carousel-slider/carousel-slider.twig +11 -0
  123. package/modules/container/README.md +3 -0
  124. package/modules/container/container.prototype.js +7 -0
  125. package/modules/container/container.twig +1 -0
  126. package/modules/content-showcase/content-showcase.prototype.js +30 -0
  127. package/modules/content-showcase/content-showcase.the-moth.js +33 -0
  128. package/modules/content-showcase/content-showcase.twig +7 -0
  129. package/modules/expandable-search/expandable-search.prototype.js +19 -0
  130. package/modules/expandable-search/expandable-search.twig +9 -0
  131. package/modules/featured-stories/featured-stories.prototype.js +27 -0
  132. package/modules/featured-stories/featured-stories.twig +18 -0
  133. package/modules/featured-video/featured-video.prototype.js +33 -0
  134. package/modules/featured-video/featured-video.twig +8 -0
  135. package/modules/featured-video/featured-video.video-post.js +10 -0
  136. package/modules/footer/README.md +15 -0
  137. package/modules/footer/footer.prototype.js +14 -0
  138. package/modules/footer/footer.twig +22 -0
  139. package/modules/footer-button-list/footer-button-list.prototype.js +43 -0
  140. package/modules/footer-button-list/footer-button-list.twig +13 -0
  141. package/modules/footer-magazine-image/footer-magazine-image.prototype.js +15 -0
  142. package/modules/footer-magazine-image/footer-magazine-image.twig +3 -0
  143. package/modules/footer-menus/README.md +3 -0
  144. package/modules/footer-menus/footer-menus.prototype.js +9 -9
  145. package/modules/footer-menus/footer-menus.twig +2 -2
  146. package/modules/footer-newsletter/README.md +5 -0
  147. package/modules/footer-newsletter/footer-newsletter.prototype.js +21 -0
  148. package/modules/footer-newsletter/footer-newsletter.twig +5 -0
  149. package/modules/footer-social/README.md +3 -0
  150. package/modules/footer-social/footer-social.prototype.js +27 -20
  151. package/modules/footer-social/footer-social.twig +2 -2
  152. package/modules/footer-tip/footer-tip.prototype.js +21 -13
  153. package/modules/footer-tip/footer-tip.twig +2 -2
  154. package/modules/header/header.article.js +39 -0
  155. package/modules/header/header.prototype.js +90 -0
  156. package/modules/header/header.twig +74 -0
  157. package/modules/header-menu/header-menu.prototype.js +26 -0
  158. package/modules/header-menu/header-menu.twig +3 -0
  159. package/modules/header-sticky/header-sticky.article.js +43 -0
  160. package/modules/header-sticky/header-sticky.prototype.js +39 -0
  161. package/modules/header-sticky/header-sticky.twig +30 -0
  162. package/modules/heading/heading.h1.js +8 -0
  163. package/modules/heading/heading.h2.js +8 -0
  164. package/modules/heading/heading.h3.js +8 -0
  165. package/modules/heading/heading.h4.js +7 -0
  166. package/modules/heading/heading.h5.js +7 -0
  167. package/modules/heading/heading.h6.js +7 -0
  168. package/modules/heading/heading.prototype.js +9 -0
  169. package/modules/heading/heading.twig +3 -0
  170. package/modules/hero-image-story/hero-image-story.prototype.js +41 -0
  171. package/modules/hero-image-story/hero-image-story.twig +8 -0
  172. package/modules/injected-related-content/injected-related-content.prototype.js +61 -0
  173. package/modules/injected-related-content/injected-related-content.twig +23 -0
  174. package/modules/linked-gallery/linked-gallery.prototype.js +56 -0
  175. package/modules/linked-gallery/linked-gallery.twig +21 -0
  176. package/modules/list/list.ordered.js +7 -0
  177. package/modules/list/list.prototype.js +57 -0
  178. package/modules/list/list.twig +11 -0
  179. package/modules/listicle-item/listicle-item.prototype.js +11 -0
  180. package/modules/listicle-item/listicle-item.twig +3 -0
  181. package/modules/mega-menu/mega-menu.prototype.js +16 -0
  182. package/modules/mega-menu/mega-menu.twig +10 -0
  183. package/modules/mega-menu-content/mega-menu-content.prototype.js +10 -0
  184. package/modules/mega-menu-content/mega-menu-content.twig +5 -0
  185. package/modules/mega-menu-footer/mega-menu-footer.prototype.js +41 -0
  186. package/modules/mega-menu-footer/mega-menu-footer.twig +19 -0
  187. package/modules/mega-menu-footer-subscribe/mega-menu-footer-subscribe.prototype.js +20 -0
  188. package/modules/mega-menu-footer-subscribe/mega-menu-footer-subscribe.twig +4 -0
  189. package/modules/mega-menu-item/mega-menu-item.prototype.js +23 -0
  190. package/modules/mega-menu-item/mega-menu-item.twig +13 -0
  191. package/modules/more-stories-button/more-stories-button.profile.js +12 -0
  192. package/modules/more-stories-button/more-stories-button.prototype.js +29 -0
  193. package/modules/more-stories-button/more-stories-button.twig +13 -0
  194. package/modules/newsletter/newsletter.prototype.js +46 -0
  195. package/modules/newsletter/newsletter.twig +21 -0
  196. package/modules/newsletter-cta/newsletter-cta.prototype.js +21 -0
  197. package/modules/newsletter-cta/newsletter-cta.twig +22 -0
  198. package/modules/newswire/newswire.prototype.js +46 -0
  199. package/modules/newswire/newswire.twig +16 -0
  200. package/modules/page-404/page-404.prototype.js +44 -0
  201. package/modules/page-404/page-404.twig +32 -0
  202. package/modules/paragraph/paragraph.narrow.js +8 -0
  203. package/modules/paragraph/paragraph.prototype.js +8 -0
  204. package/modules/paragraph/paragraph.twig +3 -0
  205. package/modules/pmc-footer/pmc-footer.prototype.js +26 -24
  206. package/modules/pmc-footer/pmc-footer.twig +11 -9
  207. package/modules/post-content-image/post-content-image.prototype.js +14 -0
  208. package/modules/post-content-image/post-content-image.twig +3 -0
  209. package/modules/production-credits/production-credits.prototype.js +5 -0
  210. package/modules/production-credits/production-credits.twig +4 -0
  211. package/modules/profile-blurb/profile-blurb.card.js +28 -0
  212. package/modules/profile-blurb/profile-blurb.prototype.js +45 -0
  213. package/modules/profile-blurb/profile-blurb.twig +37 -0
  214. package/modules/profile-body/profile-body.prototype.js +20 -0
  215. package/modules/profile-body/profile-body.twig +15 -0
  216. package/modules/profile-browse-by/profile-browse-by.prototype.js +29 -0
  217. package/modules/profile-browse-by/profile-browse-by.twig +6 -0
  218. package/modules/profile-card-list/profile-card-list.prototype.js +25 -0
  219. package/modules/profile-card-list/profile-card-list.twig +7 -0
  220. package/modules/profile-filter/profile-filter.prototype.js +26 -0
  221. package/modules/profile-filter/profile-filter.twig +15 -0
  222. package/modules/profile-gallery/profile-gallery.prototype.js +28 -0
  223. package/modules/profile-gallery/profile-gallery.twig +13 -0
  224. package/modules/profile-header/profile-header.prototype.js +29 -0
  225. package/modules/profile-header/profile-header.twig +27 -0
  226. package/modules/profile-highlights/profile-highlights.prototype.js +22 -0
  227. package/modules/profile-highlights/profile-highlights.twig +17 -0
  228. package/modules/profile-landing-header/profile-landing-header.prototype.js +17 -0
  229. package/modules/profile-landing-header/profile-landing-header.twig +12 -0
  230. package/modules/profile-landing-river/profile-landing-river.prototype.js +21 -0
  231. package/modules/profile-landing-river/profile-landing-river.twig +13 -0
  232. package/modules/profile-related-stories/profile-related-stories.prototype.js +33 -0
  233. package/modules/profile-related-stories/profile-related-stories.twig +9 -0
  234. package/modules/pullquote/pullquote.prototype.js +8 -0
  235. package/modules/pullquote/pullquote.twig +3 -0
  236. package/modules/read-next/read-next.prototype.js +20 -0
  237. package/modules/read-next/read-next.twig +4 -0
  238. package/modules/search-form/search-form.prototype.js +8 -0
  239. package/modules/search-form/search-form.twig +11 -0
  240. package/modules/secondary-stories/secondary-stories.prototype.js +119 -0
  241. package/modules/secondary-stories/secondary-stories.twig +22 -0
  242. package/modules/section-heading/section-heading.h2.js +9 -0
  243. package/modules/section-heading/section-heading.h3.js +10 -0
  244. package/modules/section-heading/section-heading.prototype.js +14 -0
  245. package/modules/section-heading/section-heading.twig +8 -0
  246. package/modules/separator/separator.prototype.js +4 -0
  247. package/modules/separator/separator.thick.js +7 -0
  248. package/modules/separator/separator.twig +1 -0
  249. package/modules/separator/separator.wide-thick.js +7 -0
  250. package/modules/separator/separator.wide.js +7 -0
  251. package/modules/social-share/social-share.prototype.js +43 -0
  252. package/modules/social-share/social-share.twig +30 -0
  253. package/modules/special-coverage/special-coverage.prototype.js +47 -0
  254. package/modules/special-coverage/special-coverage.twig +29 -0
  255. package/modules/story/story.borders.js +8 -0
  256. package/modules/story/story.center-vertical-borders.js +7 -0
  257. package/modules/story/story.center-vertical.js +11 -0
  258. package/modules/story/story.prototype.js +43 -0
  259. package/modules/story/story.right-borders.js +9 -0
  260. package/modules/story/story.right.js +14 -0
  261. package/modules/story/story.story-arc.js +9 -0
  262. package/modules/story/story.twig +88 -0
  263. package/modules/story/story.vertical-borders.js +7 -0
  264. package/modules/story/story.vertical.js +11 -0
  265. package/modules/story-arc-stories/story-arc-stories.prototype.js +21 -0
  266. package/modules/story-arc-stories/story-arc-stories.twig +14 -0
  267. package/modules/story-featured-quote/story-featured-quote.prototype.js +28 -0
  268. package/modules/story-featured-quote/story-featured-quote.twig +27 -0
  269. package/modules/story-grid/story-grid.prototype.js +24 -0
  270. package/modules/story-grid/story-grid.river.js +15 -0
  271. package/modules/story-grid/story-grid.twig +17 -0
  272. package/modules/sub-header/sub-header.prototype.js +8 -0
  273. package/modules/sub-header/sub-header.twig +7 -0
  274. package/modules/top-stories/top-stories.prototype.js +41 -0
  275. package/modules/top-stories/top-stories.twig +12 -0
  276. package/modules/top-stories/top-stories.xl.js +14 -0
  277. package/modules/vlanding-playlist/README.md +1 -0
  278. package/modules/vlanding-playlist/vlanding-playlist.prototype.js +34 -0
  279. package/modules/vlanding-playlist/vlanding-playlist.twig +20 -0
  280. package/modules/vlanding-video-card/README.md +1 -0
  281. package/modules/vlanding-video-card/vlanding-video-card.prototype.js +25 -0
  282. package/modules/vlanding-video-card/vlanding-video-card.twig +56 -0
  283. package/modules/vlanding-video-showcase/README.md +12 -0
  284. package/modules/vlanding-video-showcase/vlanding-video-showcase.prototype.js +68 -0
  285. package/modules/vlanding-video-showcase/vlanding-video-showcase.twig +46 -0
  286. package/objects/o-account-menu/o-account-menu.prototype.js +35 -0
  287. package/objects/o-account-menu/o-account-menu.twig +25 -0
  288. package/objects/o-author/o-author.prototype.js +14 -0
  289. package/objects/o-author/o-author.twig +17 -0
  290. package/objects/o-card/README.md +1 -0
  291. package/objects/o-card/o-card.prototype.js +25 -0
  292. package/objects/o-card/o-card.twig +75 -0
  293. package/objects/o-card-list/README.md +3 -0
  294. package/objects/o-card-list/o-card-list.prototype.js +13 -0
  295. package/objects/o-card-list/o-card-list.twig +7 -0
  296. package/objects/o-category-link/o-category-link.prototype.js +6 -0
  297. package/objects/o-category-link/o-category-link.twig +5 -0
  298. package/objects/o-checkbox-input-list/o-checkbox-input-list.prototype.js +16 -0
  299. package/objects/o-checkbox-input-list/o-checkbox-input-list.twig +15 -0
  300. package/objects/o-collection-item/o-collection-item.floated.js +8 -0
  301. package/objects/o-collection-item/o-collection-item.prototype.js +11 -0
  302. package/objects/o-collection-item/o-collection-item.twig +5 -0
  303. package/objects/o-email-capture-form/README.md +11 -0
  304. package/objects/o-email-capture-form/o-email-capture-form.minimal.js +15 -0
  305. package/objects/o-email-capture-form/o-email-capture-form.prototype.js +17 -0
  306. package/objects/o-email-capture-form/o-email-capture-form.twig +16 -0
  307. package/objects/o-figure/README.md +17 -0
  308. package/objects/o-figure/o-figure.prototype.js +15 -7
  309. package/objects/o-figure/o-figure.twig +22 -45
  310. package/objects/o-header/o-header.prototype.js +12 -10
  311. package/objects/o-header/o-header.twig +5 -1
  312. package/objects/o-header-buttons/o-header-buttons.column.js +10 -0
  313. package/objects/o-header-buttons/o-header-buttons.prototype.js +41 -0
  314. package/objects/o-header-buttons/o-header-buttons.twig +42 -0
  315. package/objects/o-icon-button/README.md +5 -0
  316. package/objects/o-icon-button/o-icon-button.prototype.js +21 -0
  317. package/objects/o-icon-button/o-icon-button.search.js +9 -0
  318. package/objects/o-icon-button/o-icon-button.twig +29 -0
  319. package/objects/o-indicator/README.md +1 -0
  320. package/objects/o-indicator/o-indicator.photos.js +12 -0
  321. package/objects/o-indicator/o-indicator.prototype.js +8 -0
  322. package/objects/o-indicator/o-indicator.twig +9 -0
  323. package/objects/o-input-group/o-input-group.prototype.js +11 -0
  324. package/objects/o-input-group/o-input-group.twig +5 -0
  325. package/objects/o-nav/README.md +2 -2
  326. package/objects/o-nav/o-nav.horizontal.js +6 -6
  327. package/objects/o-nav/o-nav.prototype.js +17 -13
  328. package/objects/o-nav/o-nav.twig +29 -3
  329. package/objects/o-select-nav/o-select-nav.prototype.js +17 -0
  330. package/objects/o-select-nav/o-select-nav.twig +9 -0
  331. package/objects/o-social-list/o-social-list.prototype.js +21 -31
  332. package/objects/o-social-list/o-social-list.twig +10 -2
  333. package/objects/o-span-group/README.md +1 -0
  334. package/objects/o-span-group/o-span-group.prototype.js +11 -0
  335. package/objects/o-span-group/o-span-group.twig +5 -0
  336. package/objects/o-sponsored-by/o-sponsored-by.prototype.js +9 -10
  337. package/objects/o-sponsored-by/o-sponsored-by.twig +2 -2
  338. package/objects/o-story-arc-item/o-story-arc-item.prototype.js +29 -0
  339. package/objects/o-story-arc-item/o-story-arc-item.twig +9 -0
  340. package/objects/o-sub-header/o-sub-header.prototype.js +39 -0
  341. package/objects/o-sub-header/o-sub-header.twig +9 -0
  342. package/objects/o-tease/o-tease.prototype.js +24 -20
  343. package/objects/o-tease/o-tease.twig +7 -3
  344. package/objects/o-tease-list/o-tease-list.prototype.js +12 -24
  345. package/objects/o-tease-list/o-tease-list.twig +5 -1
  346. package/objects/o-video-card/o-video-card.prototype.js +45 -0
  347. package/objects/o-video-card/o-video-card.twig +67 -0
  348. package/package.json +6 -9
  349. package/pattern.html +61 -9
  350. package/style-guide/colors.html +33 -0
  351. package/style-guide/fonts.html +22 -0
  352. package/style-guide/index.html +14 -0
  353. package/components/c-button/c-button.scss +0 -33
  354. package/components/c-tagline/c-tagline.json +0 -4
  355. package/components/c-tagline/c-tagline.scss +0 -19
  356. package/objects/o-figure/o-figure.scss +0 -46
  357. package/objects/o-tease/o-tease.scss +0 -30
  358. package/scratch-pad.css +0 -3
package/objects/o-tease/o-tease.scss DELETED
@@ -1,30 +0,0 @@
1
- // Tease
2
- //
3
- // The tease is a side by side image with a title and additional, optional lines of text beneath.
4
- //
5
- // .o-tease--flipped - Order of primary and secondary are reversed.
6
- //
7
- // Markup: o-tease.twig
8
- //
9
- // Style guide: Objects.Tease
10
-
11
- @import '@setup';
12
-
13
- .o-tease {
14
- display: flex;
15
- align-items: center;
16
- flex-direction: row-reverse;
17
- }
18
-
19
- .o-tease--flipped {
20
- flex-direction: row;
21
- }
22
-
23
- .o-tease__primary {
24
- flex-grow: 1;
25
- }
26
-
27
- .o-tease__secondary {
28
- width: 30%;
29
- flex-shrink: 0;
30
- }
package/scratch-pad.css DELETED
@@ -1,3 +0,0 @@
1
- .box {
2
- border: 2px solid purple;
3
- }