From e5ba79ca8dd6f72e63be8aa07caaaa0f97c86995 Mon Sep 17 00:00:00 2001 From: Tyler Struyk <tyler.struyk@uwaterloo.ca> Date: Fri, 29 Nov 2019 18:51:24 +0000 Subject: [PATCH] Moved color, color-bar, typography to the 3.2 source directory and removed the 3.0 source directory --- source-3.0/_annotations/annotations.js | 9 - source-3.0/_data/data.yml | 51 --- source-3.0/_data/listitems.json | 1 - source-3.0/_data/listitems.yml | 420 ------------------ source-3.0/_layouts/.gitkeep | 1 - source-3.0/_macros/.gitkeep | 1 - source-3.0/_meta/_00-head.mustache | 17 - source-3.0/_meta/_00-head.twig | 29 -- source-3.0/_meta/_01-foot.mustache | 6 - source-3.0/_meta/_01-foot.twig | 17 - source-3.0/_meta/_02-basic-head.twig | 24 - source-3.0/_meta/_03-basic-foot.twig | 9 - .../00-global/00-config/_layout.scss | 16 - .../00-global/00-config/_settings.scss | 5 - .../00-global/00-config/colors/_colors.scss | 14 - .../00-config/typography/_typography.scss | 31 -- .../00-config/typography/typography.yml | 52 --- .../00-global/01-tools/_accessibility.scss | 75 ---- .../00-global/01-tools/_aspect-ratio.scss | 8 - .../_patterns/00-global/01-tools/_button.scss | 62 --- .../00-global/01-tools/_clearfix.scss | 18 - .../_patterns/00-global/01-tools/_em.scss | 7 - .../_patterns/00-global/01-tools/_grids.scss | 110 ----- .../_patterns/00-global/01-tools/_iff.scss | 6 - .../00-global/01-tools/_image-replace.scss | 28 -- .../_patterns/00-global/01-tools/_layout.scss | 37 -- .../_patterns/00-global/01-tools/_list.scss | 97 ---- .../00-global/01-tools/_mod-selector.scss | 18 - .../_patterns/00-global/01-tools/_rem.scss | 7 - .../00-global/01-tools/_svg-background.scss | 18 - .../_patterns/01-base/00-fonts/_fonts.scss | 4 - .../01-base/01-normalize/_normalize.scss | 154 ------- .../00-universal/_universal.scss | 27 -- .../02-html-elements/01-html/_html.scss | 11 - .../02-html-elements/02-body/_body.scss | 10 - .../02-html-elements/03-main/_main.scss | 4 - .../02-html-elements/04-section/_section.scss | 4 - .../02-html-elements/05-article/_article.scss | 4 - .../02-html-elements/06-header/_header.scss | 4 - .../02-html-elements/07-footer/_footer.scss | 4 - .../02-html-elements/08-aside/_aside.scss | 4 - .../02-html-elements/09-menu/_menu.scss | 6 - .../01-base/02-html-elements/10-nav/_nav.scss | 8 - .../02-html-elements/11-details/_details.scss | 8 - .../02-html-elements/12-iframe/_iframe.scss | 10 - .../13-headings/_headings.scss | 73 --- .../13-headings/headings.twig | 12 - .../14-paragraph/_paragraph.scss | 11 - .../14-paragraph/paragraph.twig | 2 - .../15-inline-elements/_inline-elements.scss | 116 ----- .../15-inline-elements/inline-elements.twig | 41 -- .../16-blockquote/_blockquote.scss | 20 - .../16-blockquote/blockquote.twig | 3 - .../16-blockquote/blockquote.yml | 3 - .../_preformatted-text.scss | 11 - .../preformatted-text.twig | 9 - .../18-horizontal-rule/_horizontal-rule.scss | 10 - .../18-horizontal-rule/horizontal-rule.twig | 1 - .../02-html-elements/19-address/_address.scss | 4 - .../02-html-elements/19-address/address.twig | 4 - .../20-unordered-list/_unordered-list.scss | 19 - .../20-unordered-list/unordered-list.twig | 31 -- .../21-ordered-list/_ordered-list.scss | 18 - .../21-ordered-list/ordered-list.twig | 29 -- .../22-list-item/_list-item.scss | 14 - .../23-definition-list/_definition-list.scss | 12 - .../23-definition-list/definition-list.twig | 11 - .../02-html-elements/24-table/00-table.twig | 45 -- .../24-table/01-table-with-row-headers.twig | 33 -- .../02-table-with-column-and-row-headers.twig | 51 --- .../02-html-elements/24-table/_table.scss | 57 --- .../02-html-elements/25-forms/_forms.scss | 79 ---- .../02-html-elements/26-media/_audio.scss | 9 - .../02-html-elements/26-media/_canvas.scss | 6 - .../02-html-elements/26-media/_embed.scss | 4 - .../02-html-elements/26-media/_figure.scss | 8 - .../02-html-elements/26-media/_img.scss | 15 - .../02-html-elements/26-media/_object.scss | 6 - .../02-html-elements/26-media/_svg.scss | 8 - .../02-html-elements/26-media/_video.scss | 4 - .../03-extendables/_accessibility.scss | 29 -- .../01-base/03-extendables/_clearfix.scss | 8 - .../03-extendables/_font-families.scss | 18 - .../01-base/date-formats/long-date.twig | 3 - .../01-base/date-formats/long-datetime.twig | 3 - .../01-base/date-formats/medium-date.twig | 3 - .../01-base/date-formats/medium-datetime.twig | 3 - .../01-base/date-formats/short-date.twig | 3 - .../01-base/date-formats/short-datetime.twig | 3 - .../_patterns/01-base/images/hero-image.twig | 1 - .../01-base/images/thumbnail-image.twig | 1 - .../02-layouts/constrain/_constrain.scss | 11 - .../_patterns/02-layouts/grids/_grid.scss | 104 ----- .../grid--four-column/grid--four-column.twig | 4 - .../grid--four-column/grid--four-column.yml | 9 - .../grid--six-column/grid--six-column.twig | 4 - .../grid--six-column/grid--six-column.yml | 9 - .../grid--three-column.twig | 4 - .../grid--three-column/grid--three-column.yml | 9 - .../grid--two-column/grid--two-column.twig | 4 - .../grid--two-column/grid--two-column.yml | 9 - source-3.0/_patterns/02-layouts/grids/grid.md | 13 - .../_patterns/02-layouts/grids/grid.twig | 5 - .../_patterns/02-layouts/grids/grid.yml | 9 - .../_patterns/02-layouts/media/_media.scss | 37 -- .../_patterns/02-layouts/media/media.md | 10 - .../_patterns/02-layouts/media/media.twig | 6 - .../_patterns/02-layouts/media/media.yml | 6 - source-3.0/_patterns/02-layouts/nav/nav.md | 9 - source-3.0/_patterns/02-layouts/nav/nav.twig | 6 - source-3.0/_patterns/02-layouts/nav/nav.yml | 6 - .../regions/breadcrumb/_breadcrumb.scss | 4 - .../regions/breadcrumb/breadcrumb.md | 8 - .../regions/breadcrumb/breadcrumb.twig | 13 - .../02-layouts/regions/content/_content.scss | 4 - .../02-layouts/regions/content/content.md | 8 - .../02-layouts/regions/content/content.twig | 7 - .../02-layouts/regions/footer/_footer.scss | 4 - .../02-layouts/regions/footer/footer.md | 8 - .../02-layouts/regions/footer/footer.twig | 16 - .../02-layouts/regions/header/_header.scss | 4 - .../02-layouts/regions/header/header.md | 8 - .../02-layouts/regions/header/header.twig | 7 - .../02-layouts/regions/help/_help.scss | 4 - .../_patterns/02-layouts/regions/help/help.md | 8 - .../02-layouts/regions/help/help.twig | 7 - .../regions/highlighted/_highlighted.scss | 4 - .../regions/highlighted/highlighted.md | 8 - .../regions/highlighted/highlighted.twig | 7 - .../regions/navigation/_navigation.scss | 11 - .../regions/navigation/navigation.md | 8 - .../regions/navigation/navigation.twig | 22 - .../regions/postscript/_postscript.scss | 4 - .../regions/postscript/postscript.md | 8 - .../regions/postscript/postscript.twig | 7 - .../02-layouts/regions/preface/_preface.scss | 4 - .../02-layouts/regions/preface/preface.md | 8 - .../02-layouts/regions/preface/preface.twig | 7 - .../02-layouts/section/_section.scss | 6 - .../_patterns/02-layouts/section/section.md | 12 - .../_patterns/02-layouts/section/section.twig | 19 - .../_patterns/02-layouts/section/section.yml | 7 - .../02-layouts/sidebar/_sidebar.scss | 68 --- .../_patterns/02-layouts/sidebar/sidebar.md | 18 - .../_patterns/02-layouts/sidebar/sidebar.twig | 30 -- .../_patterns/02-layouts/sidebar/sidebar.yml | 12 - .../toolbar-menu/_toolbar-menu.scss | 11 - .../03-components/article/_article.scss | 10 - .../03-components/article/article.md | 12 - .../03-components/article/article.twig | 28 -- .../03-components/article/article.yml | 5 - .../03-components/author/_author.scss | 4 - .../_patterns/03-components/author/author.md | 9 - .../03-components/author/author.twig | 3 - .../_patterns/03-components/author/author.yml | 2 - .../_patterns/03-components/block/_block.scss | 6 - .../_patterns/03-components/block/block.md | 16 - .../_patterns/03-components/block/block.twig | 43 -- .../_patterns/03-components/block/block.yml | 9 - .../03-components/breadcrumb/_breadcrumb.scss | 34 -- .../03-components/breadcrumb/breadcrumb.md | 12 - .../03-components/breadcrumb/breadcrumb.twig | 14 - .../03-components/breadcrumb/breadcrumb.yml | 15 - .../03-components/buttons/_button.scss | 66 --- .../button--danger/button--danger.twig | 5 - .../buttons/button--danger/button--danger.yml | 4 - .../button--disabled/button--disabled.twig | 5 - .../button--disabled/button--disabled.yml | 6 - .../buttons/button--large/button--large.twig | 5 - .../buttons/button--large/button--large.yml | 4 - .../button--secondary/button--secondary.twig | 5 - .../button--secondary/button--secondary.yml | 4 - .../buttons/button--small/button--small.twig | 5 - .../buttons/button--small/button--small.yml | 4 - .../_patterns/03-components/buttons/button.md | 12 - .../03-components/buttons/button.twig | 5 - .../03-components/buttons/button.yml | 6 - .../_patterns/03-components/card/_card.scss | 31 -- .../_patterns/03-components/card/card.md | 12 - .../_patterns/03-components/card/card.twig | 26 -- .../_patterns/03-components/card/card.yml | 8 - .../03-components/copyright/copyright.twig | 3 - .../_patterns/03-components/date/_date.scss | 6 - .../_patterns/03-components/date/date.md | 9 - .../_patterns/03-components/date/date.twig | 17 - .../_patterns/03-components/date/date.yml | 2 - .../03-components/details/_details.scss | 87 ---- .../03-components/details/details.md | 5 - .../03-components/details/details.twig | 7 - .../03-components/dropbutton/_dropbutton.scss | 105 ----- .../03-components/dropbutton/dropbutton.twig | 13 - .../_patterns/03-components/field/_field.scss | 28 -- .../_patterns/03-components/field/field.md | 14 - .../_patterns/03-components/field/field.twig | 24 - .../_patterns/03-components/field/field.yml | 8 - .../03-components/fieldset/_fieldset.scss | 87 ---- .../03-components/fieldset/fieldset.md | 12 - .../03-components/fieldset/fieldset.twig | 11 - .../03-components/fieldset/fieldset.yml | 6 - .../_patterns/03-components/file/file.md | 5 - .../_patterns/03-components/file/file.twig | 5 - .../03-components/form-items/_form-item.scss | 100 ----- .../_form-item--checkbox.scss | 60 --- .../form-item--checkbox.md | 11 - .../form-item--checkbox.twig | 4 - .../form-item--checkbox.yml | 4 - .../_form-item--checkboxes.scss | 6 - .../form-item--checkboxes.twig | 39 -- .../form-item--date/form-item--date.md | 5 - .../form-item--date/form-item--date.twig | 4 - .../form-item--radio/_form-item--radio.scss | 41 -- .../form-item--radio/form-item--radio.md | 10 - .../form-item--radio/form-item--radio.twig | 4 - .../form-item--radio/form-item--radio.yml | 4 - .../form-item--radios/_form-item--radios.scss | 6 - .../form-item--radios/form-item--radios.twig | 33 -- .../form-item--range/_form-item--range.scss | 136 ------ .../form-item--range/form-item--range.md | 5 - .../form-item--range/form-item--range.twig | 17 - .../form-item--select/_form-item--select.scss | 24 - .../form-item--select/form-item--select.md | 5 - .../form-item--select/form-item--select.twig | 55 --- .../form-item--textfield.twig | 65 --- .../form-item--time/form-item--time.md | 5 - .../form-item--time/form-item--time.twig | 4 - .../hero-bg-image/_hero-bg-image.scss | 36 -- .../hero-bg-image/hero-bg-image.md | 14 - .../hero-bg-image/hero-bg-image.twig | 27 -- .../hero-bg-image/hero-bg-image.yml | 10 - .../hero-inline-image/_hero-inline-image.scss | 50 --- .../hero-inline-image/hero-inline-image.md | 14 - .../hero-inline-image/hero-inline-image.twig | 30 -- .../hero-inline-image/hero-inline-image.yml | 15 - .../image-teaser/_image-teaser.scss | 4 - .../image-teaser/image-teaser.md | 12 - .../image-teaser/image-teaser.twig | 14 - .../image-teaser/image-teaser.yml | 7 - .../_patterns/03-components/lists/_list.scss | 24 - .../lists/list--border/list--border.twig | 4 - .../lists/list--border/list--border.yml | 11 - .../lists/list--clean/list--clean.twig | 4 - .../lists/list--clean/list--clean.yml | 11 - .../lists/list--column/list--column.twig | 4 - .../lists/list--column/list--column.yml | 11 - .../lists/list--inline/list--inline.twig | 4 - .../lists/list--inline/list--inline.yml | 11 - .../lists/list--pipeline/list--pipeline.twig | 4 - .../lists/list--pipeline/list--pipeline.yml | 11 - .../_patterns/03-components/lists/list.md | 10 - .../_patterns/03-components/lists/list.twig | 5 - .../_patterns/03-components/lists/list.yml | 11 - .../_patterns/03-components/menus/_menu.scss | 14 - .../menus/menu--account/_menu--account.scss | 10 - .../menus/menu--account/menu--account.twig | 4 - .../menus/menu--account/menu--account.yml | 17 - .../menus/menu--footer/_menu--footer.scss | 6 - .../menus/menu--footer/menu--footer.twig | 4 - .../menus/menu--footer/menu--footer.yml | 31 -- .../menus/menu--main/_menu--main.scss | 6 - .../menus/menu--main/menu--main.twig | 4 - .../menus/menu--main/menu--main.yml | 31 -- .../menus/menu--mobile/_menu--mobile.scss | 112 ----- .../menus/menu--subnav/_menu--subnav.scss | 10 - .../menus/menu--subnav/menu--subnav.twig | 4 - .../menus/menu--subnav/menu--subnav.yml | 39 -- .../_patterns/03-components/menus/menu.md | 22 - .../_patterns/03-components/menus/menu.twig | 62 --- .../_patterns/03-components/menus/menu.yml | 17 - .../03-components/messages/_message.scss | 91 ---- .../message--error/message--error.twig | 5 - .../message--error/message--error.yml | 6 - .../message--warning/message--warning.twig | 5 - .../message--warning/message--warning.yml | 5 - .../03-components/messages/message.md | 10 - .../03-components/messages/message.twig | 29 -- .../03-components/messages/message.yml | 5 - .../mobile-menu/_mobile-menu.scss | 109 ----- .../03-components/page-title/_page-title.scss | 4 - .../03-components/page-title/page-title.md | 8 - .../03-components/page-title/page-title.twig | 1 - .../03-components/page-title/page-title.yml | 2 - .../03-components/pagers/_pager.scss | 68 --- .../pagers/pager--mini/_page--mini.scss | 4 - .../pagers/pager--mini/pager--mini.md | 11 - .../pagers/pager--mini/pager--mini.twig | 33 -- .../pagers/pager--mini/pager--mini.yml | 5 - .../_patterns/03-components/pagers/pager.md | 11 - .../_patterns/03-components/pagers/pager.twig | 90 ---- .../_patterns/03-components/pagers/pager.yml | 22 - .../03-components/progress/_progress.scss | 60 --- .../03-components/progress/progress.md | 10 - .../03-components/progress/progress.twig | 10 - .../03-components/progress/progress.yml | 4 - .../03-components/site-logo/_site-logo.scss | 4 - .../03-components/site-logo/site-logo.md | 9 - .../03-components/site-logo/site-logo.twig | 3 - .../03-components/site-name/_site-name.scss | 4 - .../03-components/site-name/site-name.md | 9 - .../03-components/site-name/site-name.twig | 3 - .../site-slogan/_site-slogan.scss | 4 - .../03-components/site-slogan/site-slogan.md | 8 - .../site-slogan/site-slogan.twig | 1 - .../_patterns/03-components/tabs/_tabs.scss | 92 ---- .../_patterns/03-components/tabs/tabs.md | 13 - .../_patterns/03-components/tabs/tabs.twig | 20 - .../_patterns/03-components/tabs/tabs.yml | 14 - .../03-components/teaser/_teaser.scss | 4 - .../_patterns/03-components/teaser/teaser.md | 11 - .../03-components/teaser/teaser.twig | 5 - .../_patterns/03-components/teaser/teaser.yml | 6 - .../_patterns/03-components/views/_view.scss | 8 - .../_views-view-unformatted.scss | 4 - .../views-view-unformatted.md | 12 - .../views-view-unformatted.twig | 17 - .../views-view-unformatted.yml | 7 - .../views/views-view/_views-view.scss | 4 - .../views/views-view/views-view.md | 19 - .../views/views-view/views-view.twig | 67 --- .../views/views-view/views-view.yml | 13 - .../_patterns/04-templates/article.twig | 6 - source-3.0/_patterns/04-templates/article.yml | 6 - .../_patterns/04-templates/homepage.twig | 28 -- .../_patterns/04-templates/homepage.yml | 9 - .../_patterns/04-templates/landing-page.twig | 8 - .../_patterns/04-templates/landing-page.yml | 5 - source-3.0/_patterns/04-templates/page.twig | 5 - source-3.0/_patterns/04-templates/page.yml | 5 - source-3.0/_patterns/05-pages/article.twig | 57 --- source-3.0/_patterns/05-pages/article.yml | 2 - source-3.0/_patterns/05-pages/homepage.twig | 63 --- source-3.0/_patterns/05-pages/homepage.yml | 2 - .../_patterns/05-pages/landing-page.twig | 117 ----- .../_patterns/05-pages/landing-page.yml | 2 - source-3.0/_patterns/05-pages/page.twig | 78 ---- source-3.0/_patterns/05-pages/page.yml | 2 - source-3.0/_patterns/_shame.scss | 5 - source-3.0/_patterns/_utility-classes.scss | 63 --- .../filters/clean_class.filter.php | 19 - .../filters/clean_id.filter.php | 6 - .../filters/format_date.filter.php | 6 - .../filters/placeholder.filter.php | 6 - .../filters/render.filter.php | 7 - .../filters/safe_join.filter.php | 7 - .../_twig-components/filters/t.filter.php | 7 - .../filters/without.filter.php | 6 - .../add_attributes.function.drupal.php | 97 ---- .../add_attributes.function.patternlab.php | 98 ---- .../functions/attach_library.function.php | 6 - .../functions/link.function.php | 15 - .../functions/path.function.php | 10 - .../functions/url.function.php | 7 - source-3.0/favicon.ico | Bin 32988 -> 0 bytes source-3.0/pattern-lab.scss | 210 --------- source-3.0/styles.scss | 11 - .../01-global/00-colors/_color-item.twig | 22 - .../01-global/00-colors/_colors.scss | 80 ++++ .../01-global/00-colors/_swatches.scss | 55 +++ source/_patterns/01-global/00-colors/color.md | 3 - .../_patterns/01-global/00-colors/color.twig | 142 ------ .../_patterns/01-global/00-colors/colors.twig | 22 + .../01-global/00-colors/colors.twig.old | 0 .../_patterns/01-global/00-colors/colors.yml | 294 ++++++++++++ .../01-global/00-colors/colors.yml.old | 0 .../01-colors-bars/_colors-bars.scss | 72 +++ .../01-global/01-colors-bars/colors-bars.twig | 36 ++ .../01-global/01-colors-bars/colors-bars.yml | 70 +++ .../01-global/01-typography/fonts.md | 3 - .../01-global/01-typography/fonts.twig | 36 -- .../01-global/01-typography/fonts.yml | 1 - .../01-global/01-typography/text-styles.twig | 14 - .../01-global/02-typography/_typography.scss | 147 ++++++ .../01-global/02-typography}/typography.twig | 2 +- .../01-global/02-typography/typography.yml | 210 +++++++++ .../{02-spacing => 05-spacing}/space.md | 0 .../{02-spacing => 05-spacing}/space.twig | 0 375 files changed, 987 insertions(+), 7434 deletions(-) delete mode 100644 source-3.0/_annotations/annotations.js delete mode 100644 source-3.0/_data/data.yml delete mode 100644 source-3.0/_data/listitems.json delete mode 100644 source-3.0/_data/listitems.yml delete mode 100644 source-3.0/_layouts/.gitkeep delete mode 100644 source-3.0/_macros/.gitkeep delete mode 100644 source-3.0/_meta/_00-head.mustache delete mode 100644 source-3.0/_meta/_00-head.twig delete mode 100644 source-3.0/_meta/_01-foot.mustache delete mode 100644 source-3.0/_meta/_01-foot.twig delete mode 100644 source-3.0/_meta/_02-basic-head.twig delete mode 100644 source-3.0/_meta/_03-basic-foot.twig delete mode 100644 source-3.0/_patterns/00-global/00-config/_layout.scss delete mode 100644 source-3.0/_patterns/00-global/00-config/_settings.scss delete mode 100644 source-3.0/_patterns/00-global/00-config/colors/_colors.scss delete mode 100644 source-3.0/_patterns/00-global/00-config/typography/_typography.scss delete mode 100644 source-3.0/_patterns/00-global/00-config/typography/typography.yml delete mode 100644 source-3.0/_patterns/00-global/01-tools/_accessibility.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_aspect-ratio.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_button.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_clearfix.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_em.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_grids.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_iff.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_image-replace.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_layout.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_list.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_mod-selector.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_rem.scss delete mode 100644 source-3.0/_patterns/00-global/01-tools/_svg-background.scss delete mode 100644 source-3.0/_patterns/01-base/00-fonts/_fonts.scss delete mode 100644 source-3.0/_patterns/01-base/01-normalize/_normalize.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/00-universal/_universal.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/01-html/_html.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/02-body/_body.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/03-main/_main.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/04-section/_section.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/05-article/_article.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/06-header/_header.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/07-footer/_footer.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/08-aside/_aside.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/09-menu/_menu.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/10-nav/_nav.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/11-details/_details.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/12-iframe/_iframe.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/13-headings/_headings.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/13-headings/headings.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/14-paragraph/_paragraph.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/14-paragraph/paragraph.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/_inline-elements.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/inline-elements.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/16-blockquote/_blockquote.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.yml delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/_preformatted-text.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/preformatted-text.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/_horizontal-rule.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/horizontal-rule.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/19-address/_address.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/19-address/address.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/_unordered-list.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/unordered-list.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/_ordered-list.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/ordered-list.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/22-list-item/_list-item.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/23-definition-list/_definition-list.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/23-definition-list/definition-list.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/24-table/00-table.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/24-table/01-table-with-row-headers.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/24-table/02-table-with-column-and-row-headers.twig delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/24-table/_table.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/25-forms/_forms.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_audio.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_canvas.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_embed.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_figure.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_img.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_object.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_svg.scss delete mode 100644 source-3.0/_patterns/01-base/02-html-elements/26-media/_video.scss delete mode 100644 source-3.0/_patterns/01-base/03-extendables/_accessibility.scss delete mode 100644 source-3.0/_patterns/01-base/03-extendables/_clearfix.scss delete mode 100644 source-3.0/_patterns/01-base/03-extendables/_font-families.scss delete mode 100644 source-3.0/_patterns/01-base/date-formats/long-date.twig delete mode 100644 source-3.0/_patterns/01-base/date-formats/long-datetime.twig delete mode 100644 source-3.0/_patterns/01-base/date-formats/medium-date.twig delete mode 100644 source-3.0/_patterns/01-base/date-formats/medium-datetime.twig delete mode 100644 source-3.0/_patterns/01-base/date-formats/short-date.twig delete mode 100644 source-3.0/_patterns/01-base/date-formats/short-datetime.twig delete mode 100644 source-3.0/_patterns/01-base/images/hero-image.twig delete mode 100644 source-3.0/_patterns/01-base/images/thumbnail-image.twig delete mode 100644 source-3.0/_patterns/02-layouts/constrain/_constrain.scss delete mode 100644 source-3.0/_patterns/02-layouts/grids/_grid.scss delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.twig delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.yml delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.twig delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.yml delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.twig delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.yml delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.twig delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.yml delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid.md delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid.twig delete mode 100644 source-3.0/_patterns/02-layouts/grids/grid.yml delete mode 100644 source-3.0/_patterns/02-layouts/media/_media.scss delete mode 100644 source-3.0/_patterns/02-layouts/media/media.md delete mode 100644 source-3.0/_patterns/02-layouts/media/media.twig delete mode 100644 source-3.0/_patterns/02-layouts/media/media.yml delete mode 100644 source-3.0/_patterns/02-layouts/nav/nav.md delete mode 100644 source-3.0/_patterns/02-layouts/nav/nav.twig delete mode 100644 source-3.0/_patterns/02-layouts/nav/nav.yml delete mode 100644 source-3.0/_patterns/02-layouts/regions/breadcrumb/_breadcrumb.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/content/_content.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/content/content.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/content/content.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/footer/_footer.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/footer/footer.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/footer/footer.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/header/_header.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/header/header.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/header/header.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/help/_help.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/help/help.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/help/help.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/highlighted/_highlighted.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/navigation/_navigation.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/navigation/navigation.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/navigation/navigation.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/postscript/_postscript.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/postscript/postscript.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/postscript/postscript.twig delete mode 100644 source-3.0/_patterns/02-layouts/regions/preface/_preface.scss delete mode 100644 source-3.0/_patterns/02-layouts/regions/preface/preface.md delete mode 100644 source-3.0/_patterns/02-layouts/regions/preface/preface.twig delete mode 100644 source-3.0/_patterns/02-layouts/section/_section.scss delete mode 100644 source-3.0/_patterns/02-layouts/section/section.md delete mode 100644 source-3.0/_patterns/02-layouts/section/section.twig delete mode 100644 source-3.0/_patterns/02-layouts/section/section.yml delete mode 100644 source-3.0/_patterns/02-layouts/sidebar/_sidebar.scss delete mode 100644 source-3.0/_patterns/02-layouts/sidebar/sidebar.md delete mode 100644 source-3.0/_patterns/02-layouts/sidebar/sidebar.twig delete mode 100644 source-3.0/_patterns/02-layouts/sidebar/sidebar.yml delete mode 100644 source-3.0/_patterns/03-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss delete mode 100644 source-3.0/_patterns/03-components/article/_article.scss delete mode 100644 source-3.0/_patterns/03-components/article/article.md delete mode 100644 source-3.0/_patterns/03-components/article/article.twig delete mode 100644 source-3.0/_patterns/03-components/article/article.yml delete mode 100644 source-3.0/_patterns/03-components/author/_author.scss delete mode 100644 source-3.0/_patterns/03-components/author/author.md delete mode 100644 source-3.0/_patterns/03-components/author/author.twig delete mode 100644 source-3.0/_patterns/03-components/author/author.yml delete mode 100644 source-3.0/_patterns/03-components/block/_block.scss delete mode 100644 source-3.0/_patterns/03-components/block/block.md delete mode 100644 source-3.0/_patterns/03-components/block/block.twig delete mode 100644 source-3.0/_patterns/03-components/block/block.yml delete mode 100644 source-3.0/_patterns/03-components/breadcrumb/_breadcrumb.scss delete mode 100644 source-3.0/_patterns/03-components/breadcrumb/breadcrumb.md delete mode 100644 source-3.0/_patterns/03-components/breadcrumb/breadcrumb.twig delete mode 100644 source-3.0/_patterns/03-components/breadcrumb/breadcrumb.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/_button.scss delete mode 100644 source-3.0/_patterns/03-components/buttons/button--danger/button--danger.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button--danger/button--danger.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/button--large/button--large.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button--large/button--large.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/button--small/button--small.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button--small/button--small.yml delete mode 100644 source-3.0/_patterns/03-components/buttons/button.md delete mode 100644 source-3.0/_patterns/03-components/buttons/button.twig delete mode 100644 source-3.0/_patterns/03-components/buttons/button.yml delete mode 100644 source-3.0/_patterns/03-components/card/_card.scss delete mode 100644 source-3.0/_patterns/03-components/card/card.md delete mode 100644 source-3.0/_patterns/03-components/card/card.twig delete mode 100644 source-3.0/_patterns/03-components/card/card.yml delete mode 100644 source-3.0/_patterns/03-components/copyright/copyright.twig delete mode 100644 source-3.0/_patterns/03-components/date/_date.scss delete mode 100644 source-3.0/_patterns/03-components/date/date.md delete mode 100644 source-3.0/_patterns/03-components/date/date.twig delete mode 100644 source-3.0/_patterns/03-components/date/date.yml delete mode 100644 source-3.0/_patterns/03-components/details/_details.scss delete mode 100644 source-3.0/_patterns/03-components/details/details.md delete mode 100644 source-3.0/_patterns/03-components/details/details.twig delete mode 100644 source-3.0/_patterns/03-components/dropbutton/_dropbutton.scss delete mode 100644 source-3.0/_patterns/03-components/dropbutton/dropbutton.twig delete mode 100644 source-3.0/_patterns/03-components/field/_field.scss delete mode 100644 source-3.0/_patterns/03-components/field/field.md delete mode 100644 source-3.0/_patterns/03-components/field/field.twig delete mode 100644 source-3.0/_patterns/03-components/field/field.yml delete mode 100644 source-3.0/_patterns/03-components/fieldset/_fieldset.scss delete mode 100644 source-3.0/_patterns/03-components/fieldset/fieldset.md delete mode 100644 source-3.0/_patterns/03-components/fieldset/fieldset.twig delete mode 100644 source-3.0/_patterns/03-components/fieldset/fieldset.yml delete mode 100644 source-3.0/_patterns/03-components/file/file.md delete mode 100644 source-3.0/_patterns/03-components/file/file.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/_form-item.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkbox/_form-item--checkbox.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.yml delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkboxes/_form-item--checkboxes.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--checkboxes/form-item--checkboxes.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radio/_form-item--radio.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.yml delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radios/_form-item--radios.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--radios/form-item--radios.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--range/_form-item--range.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--select/_form-item--select.scss delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--textfield/form-item--textfield.twig delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.md delete mode 100644 source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.twig delete mode 100644 source-3.0/_patterns/03-components/hero-bg-image/_hero-bg-image.scss delete mode 100644 source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.md delete mode 100644 source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.twig delete mode 100644 source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.yml delete mode 100644 source-3.0/_patterns/03-components/hero-inline-image/_hero-inline-image.scss delete mode 100644 source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.md delete mode 100644 source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.twig delete mode 100644 source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.yml delete mode 100644 source-3.0/_patterns/03-components/image-teaser/_image-teaser.scss delete mode 100644 source-3.0/_patterns/03-components/image-teaser/image-teaser.md delete mode 100644 source-3.0/_patterns/03-components/image-teaser/image-teaser.twig delete mode 100644 source-3.0/_patterns/03-components/image-teaser/image-teaser.yml delete mode 100644 source-3.0/_patterns/03-components/lists/_list.scss delete mode 100644 source-3.0/_patterns/03-components/lists/list--border/list--border.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list--border/list--border.yml delete mode 100644 source-3.0/_patterns/03-components/lists/list--clean/list--clean.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list--clean/list--clean.yml delete mode 100644 source-3.0/_patterns/03-components/lists/list--column/list--column.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list--column/list--column.yml delete mode 100644 source-3.0/_patterns/03-components/lists/list--inline/list--inline.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list--inline/list--inline.yml delete mode 100644 source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.yml delete mode 100644 source-3.0/_patterns/03-components/lists/list.md delete mode 100644 source-3.0/_patterns/03-components/lists/list.twig delete mode 100644 source-3.0/_patterns/03-components/lists/list.yml delete mode 100644 source-3.0/_patterns/03-components/menus/_menu.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--account/_menu--account.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--account/menu--account.twig delete mode 100644 source-3.0/_patterns/03-components/menus/menu--account/menu--account.yml delete mode 100644 source-3.0/_patterns/03-components/menus/menu--footer/_menu--footer.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.twig delete mode 100644 source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.yml delete mode 100644 source-3.0/_patterns/03-components/menus/menu--main/_menu--main.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--main/menu--main.twig delete mode 100644 source-3.0/_patterns/03-components/menus/menu--main/menu--main.yml delete mode 100644 source-3.0/_patterns/03-components/menus/menu--mobile/_menu--mobile.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--subnav/_menu--subnav.scss delete mode 100644 source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.twig delete mode 100644 source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.yml delete mode 100644 source-3.0/_patterns/03-components/menus/menu.md delete mode 100644 source-3.0/_patterns/03-components/menus/menu.twig delete mode 100644 source-3.0/_patterns/03-components/menus/menu.yml delete mode 100644 source-3.0/_patterns/03-components/messages/_message.scss delete mode 100644 source-3.0/_patterns/03-components/messages/message--error/message--error.twig delete mode 100644 source-3.0/_patterns/03-components/messages/message--error/message--error.yml delete mode 100644 source-3.0/_patterns/03-components/messages/message--warning/message--warning.twig delete mode 100644 source-3.0/_patterns/03-components/messages/message--warning/message--warning.yml delete mode 100644 source-3.0/_patterns/03-components/messages/message.md delete mode 100644 source-3.0/_patterns/03-components/messages/message.twig delete mode 100644 source-3.0/_patterns/03-components/messages/message.yml delete mode 100644 source-3.0/_patterns/03-components/mobile-menu/_mobile-menu.scss delete mode 100644 source-3.0/_patterns/03-components/page-title/_page-title.scss delete mode 100644 source-3.0/_patterns/03-components/page-title/page-title.md delete mode 100644 source-3.0/_patterns/03-components/page-title/page-title.twig delete mode 100644 source-3.0/_patterns/03-components/page-title/page-title.yml delete mode 100644 source-3.0/_patterns/03-components/pagers/_pager.scss delete mode 100644 source-3.0/_patterns/03-components/pagers/pager--mini/_page--mini.scss delete mode 100644 source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.md delete mode 100644 source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.twig delete mode 100644 source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.yml delete mode 100644 source-3.0/_patterns/03-components/pagers/pager.md delete mode 100644 source-3.0/_patterns/03-components/pagers/pager.twig delete mode 100644 source-3.0/_patterns/03-components/pagers/pager.yml delete mode 100644 source-3.0/_patterns/03-components/progress/_progress.scss delete mode 100644 source-3.0/_patterns/03-components/progress/progress.md delete mode 100644 source-3.0/_patterns/03-components/progress/progress.twig delete mode 100644 source-3.0/_patterns/03-components/progress/progress.yml delete mode 100644 source-3.0/_patterns/03-components/site-logo/_site-logo.scss delete mode 100644 source-3.0/_patterns/03-components/site-logo/site-logo.md delete mode 100644 source-3.0/_patterns/03-components/site-logo/site-logo.twig delete mode 100644 source-3.0/_patterns/03-components/site-name/_site-name.scss delete mode 100644 source-3.0/_patterns/03-components/site-name/site-name.md delete mode 100644 source-3.0/_patterns/03-components/site-name/site-name.twig delete mode 100644 source-3.0/_patterns/03-components/site-slogan/_site-slogan.scss delete mode 100644 source-3.0/_patterns/03-components/site-slogan/site-slogan.md delete mode 100644 source-3.0/_patterns/03-components/site-slogan/site-slogan.twig delete mode 100644 source-3.0/_patterns/03-components/tabs/_tabs.scss delete mode 100644 source-3.0/_patterns/03-components/tabs/tabs.md delete mode 100644 source-3.0/_patterns/03-components/tabs/tabs.twig delete mode 100644 source-3.0/_patterns/03-components/tabs/tabs.yml delete mode 100644 source-3.0/_patterns/03-components/teaser/_teaser.scss delete mode 100644 source-3.0/_patterns/03-components/teaser/teaser.md delete mode 100644 source-3.0/_patterns/03-components/teaser/teaser.twig delete mode 100644 source-3.0/_patterns/03-components/teaser/teaser.yml delete mode 100644 source-3.0/_patterns/03-components/views/_view.scss delete mode 100644 source-3.0/_patterns/03-components/views/views-view-unformatted/_views-view-unformatted.scss delete mode 100644 source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.md delete mode 100644 source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.twig delete mode 100644 source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.yml delete mode 100644 source-3.0/_patterns/03-components/views/views-view/_views-view.scss delete mode 100644 source-3.0/_patterns/03-components/views/views-view/views-view.md delete mode 100644 source-3.0/_patterns/03-components/views/views-view/views-view.twig delete mode 100644 source-3.0/_patterns/03-components/views/views-view/views-view.yml delete mode 100644 source-3.0/_patterns/04-templates/article.twig delete mode 100644 source-3.0/_patterns/04-templates/article.yml delete mode 100644 source-3.0/_patterns/04-templates/homepage.twig delete mode 100644 source-3.0/_patterns/04-templates/homepage.yml delete mode 100644 source-3.0/_patterns/04-templates/landing-page.twig delete mode 100644 source-3.0/_patterns/04-templates/landing-page.yml delete mode 100644 source-3.0/_patterns/04-templates/page.twig delete mode 100644 source-3.0/_patterns/04-templates/page.yml delete mode 100644 source-3.0/_patterns/05-pages/article.twig delete mode 100644 source-3.0/_patterns/05-pages/article.yml delete mode 100644 source-3.0/_patterns/05-pages/homepage.twig delete mode 100644 source-3.0/_patterns/05-pages/homepage.yml delete mode 100644 source-3.0/_patterns/05-pages/landing-page.twig delete mode 100644 source-3.0/_patterns/05-pages/landing-page.yml delete mode 100644 source-3.0/_patterns/05-pages/page.twig delete mode 100644 source-3.0/_patterns/05-pages/page.yml delete mode 100644 source-3.0/_patterns/_shame.scss delete mode 100644 source-3.0/_patterns/_utility-classes.scss delete mode 100644 source-3.0/_twig-components/filters/clean_class.filter.php delete mode 100644 source-3.0/_twig-components/filters/clean_id.filter.php delete mode 100644 source-3.0/_twig-components/filters/format_date.filter.php delete mode 100644 source-3.0/_twig-components/filters/placeholder.filter.php delete mode 100644 source-3.0/_twig-components/filters/render.filter.php delete mode 100644 source-3.0/_twig-components/filters/safe_join.filter.php delete mode 100644 source-3.0/_twig-components/filters/t.filter.php delete mode 100644 source-3.0/_twig-components/filters/without.filter.php delete mode 100644 source-3.0/_twig-components/functions/add_attributes.function.drupal.php delete mode 100644 source-3.0/_twig-components/functions/add_attributes.function.patternlab.php delete mode 100644 source-3.0/_twig-components/functions/attach_library.function.php delete mode 100644 source-3.0/_twig-components/functions/link.function.php delete mode 100644 source-3.0/_twig-components/functions/path.function.php delete mode 100644 source-3.0/_twig-components/functions/url.function.php delete mode 100644 source-3.0/favicon.ico delete mode 100644 source-3.0/pattern-lab.scss delete mode 100644 source-3.0/styles.scss delete mode 100644 source/_patterns/01-global/00-colors/_color-item.twig create mode 100755 source/_patterns/01-global/00-colors/_colors.scss create mode 100755 source/_patterns/01-global/00-colors/_swatches.scss delete mode 100644 source/_patterns/01-global/00-colors/color.md delete mode 100644 source/_patterns/01-global/00-colors/color.twig create mode 100755 source/_patterns/01-global/00-colors/colors.twig rename source-3.0/_patterns/00-global/00-config/colors/colors.twig => source/_patterns/01-global/00-colors/colors.twig.old (100%) mode change 100644 => 100755 create mode 100755 source/_patterns/01-global/00-colors/colors.yml rename source-3.0/_patterns/00-global/00-config/colors/colors.yml => source/_patterns/01-global/00-colors/colors.yml.old (100%) mode change 100644 => 100755 create mode 100755 source/_patterns/01-global/01-colors-bars/_colors-bars.scss create mode 100755 source/_patterns/01-global/01-colors-bars/colors-bars.twig create mode 100755 source/_patterns/01-global/01-colors-bars/colors-bars.yml delete mode 100644 source/_patterns/01-global/01-typography/fonts.md delete mode 100644 source/_patterns/01-global/01-typography/fonts.twig delete mode 100644 source/_patterns/01-global/01-typography/fonts.yml delete mode 100644 source/_patterns/01-global/01-typography/text-styles.twig create mode 100755 source/_patterns/01-global/02-typography/_typography.scss rename {source-3.0/_patterns/00-global/00-config/typography => source/_patterns/01-global/02-typography}/typography.twig (87%) mode change 100644 => 100755 create mode 100755 source/_patterns/01-global/02-typography/typography.yml rename source/_patterns/01-global/{02-spacing => 05-spacing}/space.md (100%) rename source/_patterns/01-global/{02-spacing => 05-spacing}/space.twig (100%) diff --git a/source-3.0/_annotations/annotations.js b/source-3.0/_annotations/annotations.js deleted file mode 100644 index 9b26ed92..00000000 --- a/source-3.0/_annotations/annotations.js +++ /dev/null @@ -1,9 +0,0 @@ -var comments = { -"comments" : [ - { - "el": "#annotation-css-selector", - "title" : "Annotation title", - "comment": "Annotation description" - } -] -}; \ No newline at end of file diff --git a/source-3.0/_data/data.yml b/source-3.0/_data/data.yml deleted file mode 100644 index ca981161..00000000 --- a/source-3.0/_data/data.yml +++ /dev/null @@ -1,51 +0,0 @@ -pattern_lab: true -body_class: '' -html_class: '' -page_title: 'Page Title' -section: 'Section' -site_name: 'Site Name' -site_slogan: 'This is the site slogan.' -site_logo: 'http://fpoimg.com/250x100?text=Logo' -body: '<p>This is the body content, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. There is no limit to how long this content can be.</p>' -summary: '<p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.</p>' -title: 'Title' -url: '#' -file: - icon: '../../images/application-pdf.png' - mime: 'application/pdf' - name: 'file name' - size: '115.83 KB' -img: - thumbnail: - src: 'http://fpoimg.com/140x105?text=Thumbnail 4:3' - alt: 'Thumbnail 4:3' - height: '105' - width: '140' - hero: - src: 'http://fpoimg.com/1600x800?text=Hero 2:1' - alt: 'Hero 2:1' - height: '800' - width: '1600' -year: - long: '2016' - short: '16' -month: - long: 'September' - short: 'Sep' - digit: '09' -weekday: - long: 'Wednesday' - short: 'Wed' -day: - long: '28' - short: '28' - ordinal: 'th' -hour: - long: '01' - short: '1' - military: '13' - ampm: 'pm' -minute: - long: '20' - short: '20' -seconds: '31' diff --git a/source-3.0/_data/listitems.json b/source-3.0/_data/listitems.json deleted file mode 100644 index 9e26dfee..00000000 --- a/source-3.0/_data/listitems.json +++ /dev/null @@ -1 +0,0 @@ -{} \ No newline at end of file diff --git a/source-3.0/_data/listitems.yml b/source-3.0/_data/listitems.yml deleted file mode 100644 index e7850619..00000000 --- a/source-3.0/_data/listitems.yml +++ /dev/null @@ -1,420 +0,0 @@ -1: - url: 'http://www.commercekitchen.com/whedon-ipsum/' - title: 'You can''t take the sky from me' - summary: |- - <p>We're gonna explode? I don't wanna explode. Boy, when they were handing out school spirit, you didn't even stand in line, did you? We will rule over all this land, and we will call it...This Land. It's about power and it's about women and you just hate those two words in the same sentence, don't you? Just once I would like to run into a cult of bunny worshippers. Put your words in word places please.</p>' - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=0' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=0' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'January' - short: 'Jan' - digit: '01' - weekday: - long: 'Sunday' - short: 'Sun' - day: - long: '01' - short: '1' - ordinal: 'st' - hour: - long: '06' - short: '6' - military: '06' - ampm: 'am' - minute: - long: '20' - short: '20' - seconds: '31' -2: - url: 'http://veggieipsum.com' - title: 'Veggies sunt bona vobis, proinde vos postulo' - summary: |- - <p>Mung bean squash sorrel taro coriander collard greens gumbo bitterleaf tomato. Taro water chestnut celtuce turnip yarrow celery endive scallion black-eyed pea onion. Aubergine dulse turnip greens mustard salsify garlic soybean parsley bitterleaf desert raisin courgette.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=11' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=11' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'February' - short: 'Feb' - digit: '02' - weekday: - long: 'Monday' - short: 'Mon' - day: - long: '10' - short: '10' - ordinal: 'th' - hour: - long: '01' - short: '1' - military: '13' - ampm: 'pm' - minute: - long: '20' - short: '20' - seconds: '31' -3: - url: 'http://baconipsum.com/' - title: 'Bacon ipsum dolor sit amet turducken strip steak beef ribs shank' - summary: |- - <p>Boudin sausage jerky pastrami ground round salami biltong. Sausage fatback strip steak doner pork loin, pork belly drumstick ham short loin hamburger shankle. Short ribs sirloin rump tri-tip beef biltong. Meatball pig salami, jowl pork loin fatback short loin drumstick andouille.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=12' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=12' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'March' - short: 'Mar' - digit: '03' - weekday: - long: 'Tuesday' - short: 'Tue' - day: - long: '22' - short: '22' - ordinal: 'nd' - hour: - long: '04' - short: '4' - military: '16' - ampm: 'pm' - minute: - long: '45' - short: '45' - seconds: '11' -4: - url: 'http://hipsteripsum.me/' - title: 'Whatever swag accusamus occupy, gentrify butcher tote bag' - summary: |- - <p>Fanny pack ullamco et veniam semiotics. Shoreditch PBR reprehenderit cliche, magna Tonx aesthetic. Narwhal photo booth DIY aute post-ironic anim. Vice cliche brunch est before they sold out fap, street art Odd Future fashion axe messenger bag nihil Tonx tattooed. Nihil hashtag incididunt, do eu art party Banksy jean shorts four loko typewriter.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=13' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=13' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'April' - short: 'Apr' - digit: '04' - weekday: - long: 'Wednesday' - short: 'Wed' - day: - long: '13' - short: '13' - ordinal: 'th' - hour: - long: '10' - short: '10' - military: '10' - ampm: 'am' - minute: - long: '14' - short: '14' - seconds: '52' -5: - url: 'http://www.niemanlab.org/journo-ipsum/' - title: 'Marshall McLuhan Colbert bump backpack journalist vast wasteland Romenesko CPM' - summary: |- - <p>Like button audience atomization overcome Colbert bump Free Darko inverted pyramid we will make them pay, digital circulation strategy Like button totally blowing up on Twitter church of the savvy. Pictures of Goats section open source discuss Frontline analog thinking filters paidContent.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=16' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=16' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'May' - short: 'May' - digit: '05' - weekday: - long: 'Thursday' - short: 'Thu' - day: - long: '26' - short: '26' - ordinal: 'th' - hour: - long: '06' - short: '6' - military: '18' - ampm: 'pm' - minute: - long: '37' - short: '37' - seconds: '24' -6: - url: 'http://www.malevole.com/mv/misc/text/' - title: 'Thunder, thunder, thundercats, Ho!' - summary: |- - <p>Beats all you've ever saw, been in trouble with the law since the day they was born. Straight'nin' the curve, flat'nin' the hills. Someday the mountain might get 'em, but the law never will. Makin' their way, the only way they know how, that's just a little bit more than the law will allow. Just good ol' boys, wouldn't change if they could, fightin' the system like a true modern day Robin Hood.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=23' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=23' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'June' - short: 'Jun' - digit: '06' - weekday: - long: 'Friday' - short: 'Fri' - day: - long: '08' - short: '8' - ordinal: 'th' - hour: - long: '11' - short: '11' - military: '23' - ampm: 'pm' - minute: - long: '37' - short: '37' - seconds: '33' -7: - url: 'http://slipsum.com/lite/' - title: 'Yeah, I like animals better than people sometimes' - summary: |- - <p>Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=26' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=26' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'July' - short: 'Jul' - digit: '07' - weekday: - long: 'Saturday' - short: 'Sat' - day: - long: '22' - short: '22' - ordinal: 'nd' - hour: - long: '11' - short: '11' - military: '11' - ampm: 'am' - minute: - long: '12' - short: '12' - seconds: '47' -8: - url: 'http://web20ipsum.com' - title: 'Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo' - summary: |- - <p>Wufoo diigo grockit sifteo divvyshot, unigo zooomr revver. Edmodo appjet joyent skype bubbli jajah zoodles joukuu xobni hojoki edmodo appjet, mozy mzinga akismet yuntaa joost yuntaa geni tivo insala yoono chumby, grockit sococo loopt zanga etsy cloudera koofers empressr jiglu blippy. Omgpop lanyrd joukuu sococo zimbra airbnb movity jibjab, foodzie.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=27' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=27' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'August' - short: 'Aug' - digit: '08' - weekday: - long: 'Sunday' - short: 'Sun' - day: - long: '31' - short: '31' - ordinal: 'st' - hour: - long: '03' - short: '3' - military: '15' - ampm: 'pm' - minute: - long: '42' - short: '42' - seconds: '21' -9: - url: 'http://chrisvalleskey.com/fillerama/' - title: 'Rebel mission to Ord Mantell' - summary: |- - <p>I find your lack of faith disturbing. A tremor in the Force. The last time I felt it was in the presence of my old master. Don't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you. The plans you refer to will soon be back in our hands.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=35' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=35' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'September' - short: 'Sep' - digit: '09' - weekday: - long: 'Monday' - short: 'Mon' - day: - long: '04' - short: '4' - ordinal: 'th' - hour: - long: '09' - short: '9' - military: '09' - ampm': 'am' - minute: - long: '04' - short: '4' - seconds: '37' -10: - url: 'http://chrisvalleskey.com/fillerama/' - title: 'Help, help, I''m being repressed!' - summary: |- - <p>The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=39' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=39' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'October' - short: 'Oct' - digit: '10' - weekday: - long: 'Tuesday' - short: 'Tue' - day: - long: '25' - short: '25' - ordinal: 'th' - hour: - long: '03' - short: '3' - military: '03' - ampm: 'am' - minute: - long: '51' - short: '51' - second: '19' -11: - url: 'http://cupcakeipsum.com/' - title: 'Danish danish candy canes bonbon cheesecake danish marzipan' - summary: |- - <p>Sugar plum wafer soufflé ice cream. Wafer topping biscuit pie gummi bears topping. Gummies toffee powder applicake oat cake cookie. Bear claw candy tootsie roll fruitcake danish applicake candy canes macaroon. Liquorice tiramisu danish cotton candy gummies. Tiramisu dessert gummi bears macaroon sweet roll jelly-o gummi bears marzipan.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=43' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=43' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'November' - short: 'Nov' - digit: '11' - weekday: - long: 'Wednesday' - short: 'Wed' - day: - long: '19' - short: '19' - ordinal: 'th' - hour: - long: '11' - short: '11' - military: '23' - ampm: 'pm' - minute: - long: '55' - short: '55' - seconds: '12' -12: - url: 'http://www.cheeseipsum.co.uk/' - title: 'Cottage cheese brie lancashire the cheese comes out' - summary: |- - <p>Queso caerphilly cheesecake. Parmesan chalk and cheese port-salut port-salut babybel cottage cheese cheesy grin pepper jack. Croque monsieur paneer st. agur blue cheese emmental airedale monterey jack bavarian bergkase cheese triangles. Halloumi parmesan.</p> - img: - thumbnail: - src: 'https://picsum.photos/140/105?image=50' - alt: 'Thumbnail 4:3' - hero: - src: 'https://picsum.photos/1600/800?image=50' - alt: 'Hero 2:1' - year: - long: '2013' - short: '13' - month: - long: 'December' - short: 'Dec' - digit: '12' - weekday: - long: 'Thursday' - short: 'Thu' - day: - long: '28' - short: '28' - ordinal: 'th' - hour: - long: '08' - short: '8' - military: '08' - ampm: 'am' - minute: - long: '34' - short: '34' - seconds: '56' diff --git a/source-3.0/_layouts/.gitkeep b/source-3.0/_layouts/.gitkeep deleted file mode 100644 index cdd065dd..00000000 --- a/source-3.0/_layouts/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -keeping this directory \ No newline at end of file diff --git a/source-3.0/_macros/.gitkeep b/source-3.0/_macros/.gitkeep deleted file mode 100644 index cdd065dd..00000000 --- a/source-3.0/_macros/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -keeping this directory \ No newline at end of file diff --git a/source-3.0/_meta/_00-head.mustache b/source-3.0/_meta/_00-head.mustache deleted file mode 100644 index bb4591de..00000000 --- a/source-3.0/_meta/_00-head.mustache +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html class="{{ htmlClass }}"> - <head> - <title>{{ title }}</title> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width" /> - - <link rel="stylesheet" href="../../../../css/style.css?{{ cacheBuster }}" media="all" /> - <link rel="stylesheet" href="../../../../css/pattern-scaffolding.css?{{ cacheBuster }}" media="all" /> - - <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) --> - {{{ patternLabHead }}} - <!-- End Pattern Lab --> - - </head> - <body class="{{ bodyClass }}"> - diff --git a/source-3.0/_meta/_00-head.twig b/source-3.0/_meta/_00-head.twig deleted file mode 100644 index 44126358..00000000 --- a/source-3.0/_meta/_00-head.twig +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html> -<html class="no-js pattern-lab-content {{ html_class }}" lang="en" dir="ltr"> - <head> - <meta charset="utf-8"> - <meta name="MobileOptimized" content="width"> - <meta name="HandheldFriendly" content="true"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <title>{{ page_title }} | {{ site_name }}</title> - - <link href="https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:300,400,600,700" rel="stylesheet"> - <link rel="stylesheet" href="../../../../css/styles.css?{{ cacheBuster }}" media="all"> - - <!--[if lte IE 8]> - <script src="../../../../../../core/assets/vendor/html5shiv/html5shiv.min.js?v=3.7.3"></script> - <![endif]--> - - <script src="../../../../js/lib/modernizr.min.js?v=3.3.1"></script> - <link rel="stylesheet" href="../../../../css/pattern-lab.css?{{ cacheBuster }}" media="all"> - - <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) --> - {{ patternLabHead | raw }} - <!-- End Pattern Lab --> - - </head> - <body class="{{ body_class }}"> - <div class="skiplinks"> - <a href="#main" class="skiplinks__link visually-hidden focusable">Skip to main content</a> - </div> diff --git a/source-3.0/_meta/_01-foot.mustache b/source-3.0/_meta/_01-foot.mustache deleted file mode 100644 index 797d9418..00000000 --- a/source-3.0/_meta/_01-foot.mustache +++ /dev/null @@ -1,6 +0,0 @@ - -<!--DO NOT REMOVE--> -{{{ patternLabFoot }}} - -</body> -</html> diff --git a/source-3.0/_meta/_01-foot.twig b/source-3.0/_meta/_01-foot.twig deleted file mode 100644 index b6b90cda..00000000 --- a/source-3.0/_meta/_01-foot.twig +++ /dev/null @@ -1,17 +0,0 @@ - <script type="application/json" data-drupal-selector="drupal-settings-json">{}</script> - <script src="../../../../../../core/assets/vendor/domready/ready.min.js?v=1.0.8"></script> - <script src="../../../../../../core/assets/vendor/jquery/jquery.min.js?v=2.2.4"></script> - <script src="../../../../../../core/assets/vendor/jquery-once/jquery.once.min.js?v=2.1.1"></script> - <script src="../../../../../../core/misc/drupalSettingsLoader.js?v=8.3.7"></script> - <script src="../../../../../../core/misc/drupal.js?v=8.3.7"></script> - <script src="../../../../../../core/misc/drupal.init.js?v=8.3.7"></script> - <script src="../../../../js/overrides/collapse.js?{{ cacheBuster }}"></script> - <script src="../../../../js/overrides/dropbutton.js?{{ cacheBuster }}"></script> - - <script src="../../../../js/mobile-menu.js?{{ cacheBuster }}"></script> - <script src="../../../../js/scripts.js?{{ cacheBuster }}"></script> - - <!--DO NOT REMOVE--> - {{ patternLabFoot | raw }} - </body> -</html> diff --git a/source-3.0/_meta/_02-basic-head.twig b/source-3.0/_meta/_02-basic-head.twig deleted file mode 100644 index 6b29f3d8..00000000 --- a/source-3.0/_meta/_02-basic-head.twig +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html> -<html class="no-js pattern-lab-content {{ html_class }}" lang="en" dir="ltr"> - <head> - <meta charset="utf-8"> - <meta name="MobileOptimized" content="width"> - <meta name="HandheldFriendly" content="true"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="x-ua-compatible" content="ie=edge"> - <title>{{ page_title }} | {{ siteName }}</title> - - <link href="https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:300,400,600,700" rel="stylesheet"> - <link rel="stylesheet" href="../../../../css/styles.css?{{ cacheBuster }}" media="all"> - <script src="../../../../js/lib/modernizr.min.js?v=3.3.1"></script> - <link rel="stylesheet" href="../../../../css/pattern-lab.css?{{ cacheBuster }}" media="all"> - - <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) --> - {{ patternLabHead | raw }} - <!-- End Pattern Lab --> - - </head> - <body class="{{ body_class }}"> - <div class="skiplinks"> - <a href="#main" class="skiplinks__link visually-hidden focusable">Skip to main content</a> - </div> diff --git a/source-3.0/_meta/_03-basic-foot.twig b/source-3.0/_meta/_03-basic-foot.twig deleted file mode 100644 index d748cf74..00000000 --- a/source-3.0/_meta/_03-basic-foot.twig +++ /dev/null @@ -1,9 +0,0 @@ - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?v=1.10.2"></script> - - <script src="../../../../js/mobile-menu.js?{{ cacheBuster }}"></script> - <script src="../../../../js/scripts.js?{{ cacheBuster }}"></script> - - <!--DO NOT REMOVE--> - {{ patternLabFoot | raw }} - </body> -</html> diff --git a/source-3.0/_patterns/00-global/00-config/_layout.scss b/source-3.0/_patterns/00-global/00-config/_layout.scss deleted file mode 100644 index 4873b098..00000000 --- a/source-3.0/_patterns/00-global/00-config/_layout.scss +++ /dev/null @@ -1,16 +0,0 @@ -// @file -// Layout variables -// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ - -@include breakpoint-set('to ems', true); -$max-page-width: 1200px; -$gutter-width: 2em; - -// Default Breakpoints -$bp-small: 600px; -$bp-medium: 800px; -$bp-large: 900px; -$bp-xlarge: 1200px; - -// Mobile Breakpoint -$bp-hide-mobile-menu: 700px; diff --git a/source-3.0/_patterns/00-global/00-config/_settings.scss b/source-3.0/_patterns/00-global/00-config/_settings.scss deleted file mode 100644 index 52658a19..00000000 --- a/source-3.0/_patterns/00-global/00-config/_settings.scss +++ /dev/null @@ -1,5 +0,0 @@ -// @file -// Global settings variables -// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ - -$support-for-rtl: true !default; diff --git a/source-3.0/_patterns/00-global/00-config/colors/_colors.scss b/source-3.0/_patterns/00-global/00-config/colors/_colors.scss deleted file mode 100644 index f0dda752..00000000 --- a/source-3.0/_patterns/00-global/00-config/colors/_colors.scss +++ /dev/null @@ -1,14 +0,0 @@ -// @file -// Color variables -// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ - -$color-body: #fff; -$color-gradient-dark: rgba(0, 0, 0, 0.1); -$color-gradient-light: rgba(255, 255, 255, 0.1); -$color-link: #0071bc; -$color-link-hover: #205493; -$color-link-visited: #4c2c92; -$color-selection-background: #dce4ef; -$color-selection-foreground: #212121; -$color-text-primary: #212121; -$color-text-secondary: #5b616b; diff --git a/source-3.0/_patterns/00-global/00-config/typography/_typography.scss b/source-3.0/_patterns/00-global/00-config/typography/_typography.scss deleted file mode 100644 index dc57285a..00000000 --- a/source-3.0/_patterns/00-global/00-config/typography/_typography.scss +++ /dev/null @@ -1,31 +0,0 @@ -// @file -// Typography variables -// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ - -$base-font-size: 17px; -$base-line-height: 1.5; -$vertical-spacing: $base-font-size; // Used as the default spacing below most items such as paragraphs, lists, etc. -$vertical-spacing-forms: 30px; // Used as the default spacing below form elements. - -// Fonts -$system-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Open Sans', 'Helvetica Neue', sans-serif; -$base-font-family: 'Lora', serif; -$header-font-family: 'Open Sans', sans-serif; -$monospace-font-family: Consolas, 'Lucida Console', 'Liberation Mono', 'Courier New', monospace, sans-serif; - -// Typographic Scale -$font-size-xxl: 40px; -$font-size-xl: 30px; -$font-size-lg: 20px; -$font-size-md: $base-font-size; -$font-size-sm: 15px; -$font-size-xs: 13px; -$font-size-xxs: 11px; - -// Heading Sizes -$font-size-h1: $font-size-xxl; -$font-size-h2: $font-size-xl; -$font-size-h3: $font-size-lg; -$font-size-h4: $font-size-md; -$font-size-h5: $font-size-sm; -$font-size-h6: $font-size-xs; diff --git a/source-3.0/_patterns/00-global/00-config/typography/typography.yml b/source-3.0/_patterns/00-global/00-config/typography/typography.yml deleted file mode 100644 index ff60bfbd..00000000 --- a/source-3.0/_patterns/00-global/00-config/typography/typography.yml +++ /dev/null @@ -1,52 +0,0 @@ ---- -webfonts: -- - family_name: 'Open Sans' - style: 'font-family: "Open Sans", sans-serif;' - font: - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Open Sans"; font-weight: 300; font-style: normal;' - font_name: 'Open Sans' - font_weight: '300' - font_style: 'normal' - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Open Sans"; font-weight: 400; font-style: normal;' - font_name: 'Open Sans' - font_weight: '400' - font_style: 'normal' - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Open Sans"; font-weight: 600; font-style: normal;' - font_name: 'Open Sans' - font_weight: '600' - font_style: 'normal' - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Open Sans"; font-weight: 700; font-style: normal;' - font_name: 'Open Sans' - font_weight: '700' - font_style: 'normal' -- - family_name: 'Lora' - style: 'font-family: "Lora", serif;' - font: - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Lora"; font-weight: 400; font-style: normal;' - font_name: 'Lora' - font_weight: '400' - font_style: 'normal' - - - font_preview_character: 'Aa' - font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' - font_preview_style: 'font-family: "Lora"; font-weight: 700; font-style: normal;' - font_name: 'Lora' - font_weight: '700' - font_style: 'normal' diff --git a/source-3.0/_patterns/00-global/01-tools/_accessibility.scss b/source-3.0/_patterns/00-global/01-tools/_accessibility.scss deleted file mode 100644 index babd70dd..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_accessibility.scss +++ /dev/null @@ -1,75 +0,0 @@ -// @file -// Accessibility mixins - -// Makes an element visually hidden, but accessible. -// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility -// @param {Boolean} $important - -@mixin visually-hidden($important: false) { - clip: rect(1px, 1px, 1px, 1px) iff($important, !important); - height: 1px iff($important, !important); - overflow: hidden iff($important, !important); - position: absolute iff($important, !important); - width: 1px iff($important, !important); - word-wrap: normal iff($important, !important); -} - -// Makes an element visually hidden with important. -@mixin visually-hidden-important { - @include visually-hidden(true); -} - -// Turns off the visually-hidden effect. -//@param {boolean} $important -@mixin visually-hidden-off($important: false) { - clip: auto iff($important, !important); - height: auto iff($important, !important); - overflow: visible iff($important, !important); - position: static iff($important, !important); - width: auto iff($important, !important); -} - -// Turns off the visually-hidden effect with important -@mixin visually-hidden-off-important { - @include visually-hidden(true); -} - -// Makes an element visible when focused if it also has the visually-hidden styles. -@mixin focusable { - &:active, - &:focus { - @include visually-hidden-off; - } -} - -// Makes an element visible when focused if it also has the visually-hidden styles -// with important. -@mixin focusable-important { - &:active, - &:focus { - @include visually-hidden-off-important; - } -} - -// Makes an element completely hidden, visually and to screen readers. -@mixin hidden($important: false) { - display: none iff($important, !important); -} - -// Makes an element completely hidden, visually and to screen readers with -// important; -@mixin hidden-important { - @include hidden(true); -} - -// Makes an element completely hidden, visually and to screen readers, but -// maintains its layout. -@mixin invisible($important: false) { - visibility: hidden iff($important, !important); -} - -// Makes an element completely hidden, visually and to screen readers, but -// maintains its layout using important -@mixin invisible-important { - @include invisible(true); -} diff --git a/source-3.0/_patterns/00-global/01-tools/_aspect-ratio.scss b/source-3.0/_patterns/00-global/01-tools/_aspect-ratio.scss deleted file mode 100644 index 50955006..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_aspect-ratio.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Aspect Ratio mixin - -@mixin aspect-ratio($width, $height) { - height: 0; - padding-top: ($height / $width) * 100%; - width: 100%; -} diff --git a/source-3.0/_patterns/00-global/01-tools/_button.scss b/source-3.0/_patterns/00-global/01-tools/_button.scss deleted file mode 100644 index 23766640..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_button.scss +++ /dev/null @@ -1,62 +0,0 @@ -// @file -// Button styles - -$button-border-radius: 3px !default; -$button-color-bg: #0071bc !default; -$button-color-bg-active: #112e51 !default; -$button-color-bg-disabled: #d6d7d9 !default; -$button-color-bg-hover: #205493 !default; -$button-color-text: #fff !default; -$button-color-text-active: #fff !default; -$button-color-text-disabled: #323a45 !default; -$button-color-text-hover: #fff !default; -$button-font-size: $font-size-md !default; - -@mixin button( - $color-bg: $button-color-bg, - $color-text: $button-color-text, - $color-bg-hover: $button-color-bg-hover, - $color-text-hover: $button-color-text-hover, - $color-bg-active: $button-color-bg-active, - $color-text-active: $button-color-text-active, - $color-bg-disabled: $button-color-bg-disabled, - $color-text-disabled: $button-color-text-disabled, - $border-radius: $button-border-radius, - $font-size: $button-font-size) { - @extend %base-font-family; - background-color: $color-bg; - border: 0; - border-radius: $border-radius; - color: $color-text; - cursor: pointer; - display: inline-block; - font-size: rem($font-size); - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-weight: 700; - line-height: (20px / $font-size); - padding: rem(12px) rem(20px); - text-align: center; - text-decoration: none; - vertical-align: top; - white-space: normal; - - &:focus, - &:hover { - background-color: $color-bg-hover; - color: $color-text-hover; - outline: 0; - } - - &:active { - background-color: $color-bg-active; - color: $color-text-active; - } - - &[disabled] { - background-color: $color-bg-disabled; - color: $color-text-disabled; - cursor: default; - pointer-events: none; - } -} diff --git a/source-3.0/_patterns/00-global/01-tools/_clearfix.scss b/source-3.0/_patterns/00-global/01-tools/_clearfix.scss deleted file mode 100644 index 4d878e4e..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_clearfix.scss +++ /dev/null @@ -1,18 +0,0 @@ -// @file -// Clearfix - -@mixin clearfix { - &::after { - clear: both; - content: ''; - display: table; - } -} - -@mixin clearfix-important { - &::after { - clear: both !important; - content: '' !important; - display: table !important; - } -} diff --git a/source-3.0/_patterns/00-global/01-tools/_em.scss b/source-3.0/_patterns/00-global/01-tools/_em.scss deleted file mode 100644 index 1ff393e9..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_em.scss +++ /dev/null @@ -1,7 +0,0 @@ -// @file -// Em conversion - -// Convert pixel values to em. -@function em($px, $base: $base-font-size) { - @return ($px / $base) * 1em; -} diff --git a/source-3.0/_patterns/00-global/01-tools/_grids.scss b/source-3.0/_patterns/00-global/01-tools/_grids.scss deleted file mode 100644 index 3154dac6..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_grids.scss +++ /dev/null @@ -1,110 +0,0 @@ -// @file -// Flex Grid mixins - -// Set flex column width -// @param {Number} $columns Set number of columns. 1 or 0 result in single column -// @param {String} $gutter Width value for column gutters -// @param {String} $item-minwidth Width value to set a minimum column width -@mixin set-flex-column($columns: 1, $gutter: 2em, $item-minwidth: false) { - $column-percentage: if($columns > 0, percentage(1/$columns), 100% ); - - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - margin-bottom: $gutter; - margin-left: $gutter/2; - margin-right: $gutter/2; - width: calc((#{$column-percentage}) - #{$gutter}); - - @if $item-minwidth { - min-width: $item-minwidth; - } -} - -// Set flex grid layout -// @param {Number} $columns Set number of columns. 1 or 0 result in single column -// @param {String} $gutter Width value for column gutters -// @param {String} $item-minwidth Width value to set a minimum column width -@mixin flex-grid($columns: 1, $gutter: 2em, $item-minwidth: 300px) { - display: flex; - flex-wrap: wrap; - margin-left: -$gutter/2; - margin-right: -$gutter/2; - - > * { - @include set-flex-column($columns, $gutter, $item-minwidth); - } -} - -// CSS grid reset for flex parent and children items -// Remove flex constrains and margins -@mixin css-grid-reset { - margin-left: 0; - margin-right: 0; - - > * { - margin: 0; - min-width: 0; - width: 100%; - } -} - -// Set auto fit grid template -// @param {String} $item-minwidth Width value to set a column minimum width -// @param {String} $gutter Width value for column gutters -// @param {Boolean} $flex-override Set override for grid cells -@mixin set-css-autofit-columns($item-minwidth, $gutter, $flex-override: false ) { - grid-template-columns: repeat(auto-fit, minmax(#{$item-minwidth}, 1fr )); - - @if $gutter { - grid-gap: $gutter; - } - - @if $flex-override { - > * { - margin: 0; - min-width: 0; - width: 100%; - } - } -} - -// Set fixed grid template -// @param {Number} $columns Set number of columns. 1 or 0 result in single column -// @param {String} $gutter Width value for column gutters -// @param {Boolean} $flex-override Set overrides for grid cells -@mixin set-css-fixed-columns($columns, $gutter, $flex-override: false) { - $column-adjust: if($columns < 1 , 1, $columns ); - grid-template-columns: repeat($column-adjust, 1fr); - - @if $gutter { - grid-gap: $gutter; - } - - @if $flex-override { - > * { - margin: 0; - min-width: 0; - width: 100%; - } - } -} - -// Create auto fit grid -// @param {String} $item-minwidth Width value to set a column minimum width -// @param {String} $gutter Width value for column gutters -@mixin css-autofit-grid($item-minwidth: 300px, $gutter: 2em) { - @include css-grid-reset; - @include set-css-autofit-columns($item-minwidth, $gutter); - display: grid; -} - - -// Create fixed grid -// @param {Number} $columns Set number of columns. 1 or 0 result in single column -// @param {String} $gutter Width value for column gutters -@mixin css-fixed-grid($columns: 1, $gutter: 2em) { - @include css-grid-reset; - @include set-css-fixed-columns($columns, $gutter); - display: grid; -} diff --git a/source-3.0/_patterns/00-global/01-tools/_iff.scss b/source-3.0/_patterns/00-global/01-tools/_iff.scss deleted file mode 100644 index e2fe8e20..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_iff.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Wrapper for Sass' built-in `if` function that does not require you to pass -// a value for $if-false. -//GOVUK framework https://github.com/alphagov/govuk-frontend -@function iff($condition, $if-true) { - @return if($condition, $if-true, null); -} diff --git a/source-3.0/_patterns/00-global/01-tools/_image-replace.scss b/source-3.0/_patterns/00-global/01-tools/_image-replace.scss deleted file mode 100644 index 5f9f7e91..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_image-replace.scss +++ /dev/null @@ -1,28 +0,0 @@ -// @file -// Image replacement - -// After applying mixin, inline elements will need the display property set to -// block or inline-block. -@mixin image-replace($width, $height) { - height: $height; - overflow: hidden; - width: $width; - - &::before { - content: ''; - display: block; - height: 150%; - width: 0; - } -} - -// This image replacement approach works with <input> and <button> elements. -// The font-size declaration may cause problems for SEO and browsers with a -// minimum font-size setting. Other inherited styles might also cause problems. -@mixin image-replace-alt($width, $height) { - color: transparent; - font: 0/0 a; - height: $height; - text-shadow: none; - width: $width; -} diff --git a/source-3.0/_patterns/00-global/01-tools/_layout.scss b/source-3.0/_patterns/00-global/01-tools/_layout.scss deleted file mode 100644 index b7ca82cb..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_layout.scss +++ /dev/null @@ -1,37 +0,0 @@ -// @file -// Layout mixins - -@mixin layout-align-left($margin) { - float: left; - @if $margin { - margin-right: $margin; - } -} - -@mixin layout-align-right($margin) { - float: right; - @if $margin { - margin-left: $margin; - } -} - -@mixin layout-align-none { - float: none; - margin-left: 0; - margin-right: 0; -} - -@mixin layout-constrain($max-page-width: $max-page-width, $gutter-width: $gutter-width) { - margin-left: auto; - margin-right: auto; - max-width: rem($max-page-width); - @if $gutter-width { - padding-left: $gutter-width / 2; - padding-right: $gutter-width / 2; - } - - & & { // just in case .l-constrain is nested within another .l-constrain - padding-left: 0; - padding-right: 0; - } -} diff --git a/source-3.0/_patterns/00-global/01-tools/_list.scss b/source-3.0/_patterns/00-global/01-tools/_list.scss deleted file mode 100644 index 8bd785d9..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_list.scss +++ /dev/null @@ -1,97 +0,0 @@ -// @file -// Various Mixins for List styles - -@mixin list-clean { - list-style-type: none; - margin: 0; - padding: 0; - - li::before { - display: none; - } -} - -@mixin list-inline { - list-style-type: none; - margin-left: 0; - padding-left: 0; - - > li { - display: inline; - } -} - -@mixin list-pipeline($pipeline-border-color: #d6d7d9) { - @include clearfix; - list-style-type: none; - margin-left: 0; - padding-left: 0; - - > li { - border-right: 1px solid $pipeline-border-color; // LTR - display: block; - float: left; // LTR - margin-right: 0.75em; // LTR - padding-right: 0.75em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - border-left: 1px solid $pipeline-border-color; - border-right: 0; - float: right; - margin-left: 0.75em; - margin-right: 0; - padding-left: 0.75em; - padding-right: 0; - } - } - - /* stylelint-disable-next-line selector-no-qualifying-type */ - &.is-active { - font-weight: bold; - } - - &:last-child { - border-right: 0; // LTR - margin-right: 0; // LTR - padding-right: 0; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - border-left: 0; - margin-left: 0; - padding-left: 0; - } - } - } - } -} - -@mixin list-border($list-border-padding: .25rem) { - list-style: none; - margin-left: 0; - padding-left: 0; - - > li { - border-bottom: 1px solid #ccc; - padding: $list-border-padding; - } -} - -@mixin list-column ($list-column-count: 2, $list-column-gap: 2em, $list-item-padding: 0.25em) { - list-style: none; - margin-left: 0; - padding-left: 0; - - @include breakpoint(500px) { - column-count: $list-column-count; - column-gap: $list-column-gap; - } - - > li { - break-inside: avoid-column; - display: table; // break-inside alternative for Firefox - margin-bottom: 0; - padding-bottom: $list-item-padding; // use padding instead of margin for Safari bug with CSS columns - } -} diff --git a/source-3.0/_patterns/00-global/01-tools/_mod-selector.scss b/source-3.0/_patterns/00-global/01-tools/_mod-selector.scss deleted file mode 100644 index a155894b..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_mod-selector.scss +++ /dev/null @@ -1,18 +0,0 @@ -// @file -// Mod Queries with Range Selectors from Patrick Clancey: -// http://alistapart.com/article/using-css-mod-queries-with-range-selectors - -// Range selector mixin. -@mixin select-range($start, $end) { - &:nth-child(n+#{$start}):nth-child(-n+#{$end}) { - @content; - } -} - -// Mod query mixin. -@mixin mod-list($mod, $remainder) { - &:nth-last-child(#{$mod}n+#{$remainder}):first-child, - &:nth-last-child(#{$mod}n+#{$remainder}):first-child ~ li { - @content; - } -} diff --git a/source-3.0/_patterns/00-global/01-tools/_rem.scss b/source-3.0/_patterns/00-global/01-tools/_rem.scss deleted file mode 100644 index 24615977..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_rem.scss +++ /dev/null @@ -1,7 +0,0 @@ -// @file -// Rem conversion - -// Convert pixel values to rem. -@function rem($px, $base: $base-font-size) { - @return ($px / $base) * 1rem; -} diff --git a/source-3.0/_patterns/00-global/01-tools/_svg-background.scss b/source-3.0/_patterns/00-global/01-tools/_svg-background.scss deleted file mode 100644 index 5fb33c80..00000000 --- a/source-3.0/_patterns/00-global/01-tools/_svg-background.scss +++ /dev/null @@ -1,18 +0,0 @@ -// @file -// SVG background image - -@mixin svg-background($image-name, $image-location: '../images/') { - background-image: linear-gradient(transparent, transparent), url($image-location + $image-name + '.svg'); -} - -@mixin svgz-background($image-name, $image-location: '../images/') { - background-image: linear-gradient(transparent, transparent), url($image-location + $image-name + '.svgz'); -} - -@mixin svg-background-inline($image-name, $image-location: '../images/') { - background-image: linear-gradient(transparent, transparent), inline($image-location + $image-name + '.svg'); -} - -@mixin svgz-background-inline($image-name, $image-location: '../images/') { - background-image: linear-gradient(transparent, transparent), inline($image-location + $image-name + '.svgz'); -} diff --git a/source-3.0/_patterns/01-base/00-fonts/_fonts.scss b/source-3.0/_patterns/01-base/00-fonts/_fonts.scss deleted file mode 100644 index 2899c111..00000000 --- a/source-3.0/_patterns/01-base/00-fonts/_fonts.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Fonts - -// @font-face declarations go here. diff --git a/source-3.0/_patterns/01-base/01-normalize/_normalize.scss b/source-3.0/_patterns/01-base/01-normalize/_normalize.scss deleted file mode 100644 index 4a81f511..00000000 --- a/source-3.0/_patterns/01-base/01-normalize/_normalize.scss +++ /dev/null @@ -1,154 +0,0 @@ -// @file -// Normalize resets. -// -// Inspiration: http://necolas.github.com/normalize.css -// version 3.0.2 - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section { - display: block; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -code, -kbd, -pre, -samp { - $font-family: $monospace-font-family; - font-size: 1em; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -audio, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - font-size: 100%; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html [type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -[type='button']::-moz-focus-inner, -[type='reset']::-moz-focus-inner, -[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button::-moz-focusring, -[type='button']::-moz-focusring, -[type='reset']::-moz-focusring, -[type='submit']::-moz-focusring { - outline: 1px dotted ButtonText; -} - -[type='checkbox'], -[type='radio'] { - box-sizing: border-box; - padding: 0; -} - -[type='number']::-webkit-inner-spin-button, -[type='number']::-webkit-outer-spin-button { - height: auto; -} - -[type='search'] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type='search']::-webkit-search-cancel-button, -[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -template, -[hidden] { - display: none; -} - -abbr, -blockquote, -code, -kbd, -q, -samp, -tt, -var { - hyphens: none; -} - -// Don’t show focus styles for elements that can’t be accessed via keyboard. -[tabindex='-1']:focus { - outline: none !important; -} - -/* stylelint-disable-next-line selector-no-vendor-prefix */ -::-moz-selection { - background: $color-selection-background; - color: $color-selection-foreground; - text-shadow: none; -} - -::selection { - background: $color-selection-background; - color: $color-selection-foreground; - text-shadow: none; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/00-universal/_universal.scss b/source-3.0/_patterns/01-base/02-html-elements/00-universal/_universal.scss deleted file mode 100644 index 3f705c62..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/00-universal/_universal.scss +++ /dev/null @@ -1,27 +0,0 @@ -// @file -// Universal styles. - -* { - transition-duration: 0.2s; - transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform; - transition-timing-function: linear; -} - -*, -*::before, -*::after { - box-sizing: inherit; -} - -@media print { - * { - background-color: transparent !important; - box-shadow: none !important; - color: #000 !important; - text-shadow: none !important; - } - - @page { - margin: 2cm; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/01-html/_html.scss b/source-3.0/_patterns/01-base/02-html-elements/01-html/_html.scss deleted file mode 100644 index f023ff16..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/01-html/_html.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// HTML styles. - -html { - @extend %base-font-family; - box-sizing: border-box; - font-size: 100% * ($base-font-size / 16px); - line-height: $base-line-height; - min-height: 100%; - text-size-adjust: 100%; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/02-body/_body.scss b/source-3.0/_patterns/01-base/02-html-elements/02-body/_body.scss deleted file mode 100644 index 70e69d80..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/02-body/_body.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Body styles. - -body { - background-color: $color-body; - color: $color-text-primary; - margin: 0; - padding: 0; - word-wrap: break-word; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/03-main/_main.scss b/source-3.0/_patterns/01-base/02-html-elements/03-main/_main.scss deleted file mode 100644 index 220c5189..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/03-main/_main.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Main element styles. - -main {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/04-section/_section.scss b/source-3.0/_patterns/01-base/02-html-elements/04-section/_section.scss deleted file mode 100644 index dba62d9b..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/04-section/_section.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Section element styles. - -section {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/05-article/_article.scss b/source-3.0/_patterns/01-base/02-html-elements/05-article/_article.scss deleted file mode 100644 index dc96436a..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/05-article/_article.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Article element styles. - -article {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/06-header/_header.scss b/source-3.0/_patterns/01-base/02-html-elements/06-header/_header.scss deleted file mode 100644 index df8069a2..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/06-header/_header.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Header element styles. - -header {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/07-footer/_footer.scss b/source-3.0/_patterns/01-base/02-html-elements/07-footer/_footer.scss deleted file mode 100644 index a25031a6..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/07-footer/_footer.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Footer element styles. - -footer {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/08-aside/_aside.scss b/source-3.0/_patterns/01-base/02-html-elements/08-aside/_aside.scss deleted file mode 100644 index d5a6fe08..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/08-aside/_aside.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Aside element styles. - -aside {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/09-menu/_menu.scss b/source-3.0/_patterns/01-base/02-html-elements/09-menu/_menu.scss deleted file mode 100644 index 50ddc9ad..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/09-menu/_menu.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Menu element styles. - -menu {} - -menuitem {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/10-nav/_nav.scss b/source-3.0/_patterns/01-base/02-html-elements/10-nav/_nav.scss deleted file mode 100644 index f6cbefac..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/10-nav/_nav.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Nav element styles. - -nav { - @media print { - display: none; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/11-details/_details.scss b/source-3.0/_patterns/01-base/02-html-elements/11-details/_details.scss deleted file mode 100644 index 1300854d..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/11-details/_details.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Details element styles. - -details {} - -summary { - display: list-item; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/12-iframe/_iframe.scss b/source-3.0/_patterns/01-base/02-html-elements/12-iframe/_iframe.scss deleted file mode 100644 index 2216b163..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/12-iframe/_iframe.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Iframe element styles. - -iframe { - border: 0; - - @media print { - display: none; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/13-headings/_headings.scss b/source-3.0/_patterns/01-base/02-html-elements/13-headings/_headings.scss deleted file mode 100644 index 40734bad..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/13-headings/_headings.scss +++ /dev/null @@ -1,73 +0,0 @@ -// @file -// Heading styles. - -%hN { - @extend %header-font-family; - color: inherit; - font-weight: 700; - hyphens: none; - line-height: 1.3; - margin: 0 0 rem($vertical-spacing); - text-rendering: optimizeLegibility; - - @media print { - orphans: 3; - page-break-after: avoid; - widows: 3; - - &::after { - display: inline-block; - } - } - - // Add top margin when headers are preceded by other elements (p, ul, etc.) - * + & { - margin-top: 1em; - } -} - -h1, -%h1 { - @extend %hN; - font-size: em($font-size-h1); - margin-bottom: 0.5em; -} - -h2, -%h2 { - @extend %hN; - font-size: em($font-size-h2); -} - -h3, -%h3 { - @extend %hN; - font-size: em($font-size-h3); -} - -h4, -%h4 { - @extend %hN; - font-size: em($font-size-h4); -} - -h5, -%h5 { - @extend %hN; - font-size: em($font-size-h5); -} - -h6, -%h6 { - @extend %hN; - font-size: em($font-size-h6); - font-weight: 400; - text-transform: uppercase; -} - -h1, h2, h3, h4, h5, h6 { - // Remove top margin for adjacent subheadings. - & + & { - margin-top: 0; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/13-headings/headings.twig b/source-3.0/_patterns/01-base/02-html-elements/13-headings/headings.twig deleted file mode 100644 index 22397cf0..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/13-headings/headings.twig +++ /dev/null @@ -1,12 +0,0 @@ -<h1>Heading Level 1</h1> -<h2>Heading Level 2</h2> -<h3>Heading Level 3</h3> -<h4>Heading Level 4</h4> -<h5>Heading Level 5</h5> -<h6>Heading Level 6</h6> -<h1><a href="{{ url }}">Heading Level 1 Link</a></h1> -<h2><a href="{{ url }}">Heading Level 2 Link</a></h2> -<h3><a href="{{ url }}">Heading Level 3 Link</a></h3> -<h4><a href="{{ url }}">Heading Level 4 Link</a></h4> -<h5><a href="{{ url }}">Heading Level 5 Link</a></h5> -<h6><a href="{{ url }}">Heading Level 6 Link</a></h6> diff --git a/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/_paragraph.scss b/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/_paragraph.scss deleted file mode 100644 index 2156af2c..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/_paragraph.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Paragraph styles. - -p { - margin: 0 0 rem($vertical-spacing); - - @media print { - orphans: 3; - widows: 3; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/paragraph.twig b/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/paragraph.twig deleted file mode 100644 index 476a3eab..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/14-paragraph/paragraph.twig +++ /dev/null @@ -1,2 +0,0 @@ -<p>A paragraph (from the Greek paragraphos, “to write beside†or “written besideâ€) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.</p> -<p>This is what a successive paragraph looks like. Some people prefer a space between paragraphs, while others prefer sucessive paragraphs indented with no margins between them.</p> diff --git a/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/_inline-elements.scss b/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/_inline-elements.scss deleted file mode 100644 index 6c2c43ce..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/_inline-elements.scss +++ /dev/null @@ -1,116 +0,0 @@ -// @file -// Inline element styles. - -a { - background-color: transparent; - color: $color-link; - outline-offset: em(2px); // Improves readability when focused. - -webkit-text-decoration-skip: objects; - - &:active, - &:hover { - outline: 0; - } - - &:focus, - &:hover { - color: $color-link-hover; - } - - @media print { - &, - &:visited { - text-decoration: none; - } - - &[href]::after { - content: ' <' attr(href) '>'; - font-family: $base-font-family; - font-size: 10pt; - font-weight: normal; - text-transform: lowercase; - } - - // Uncomment and replace example.com with your site’s domain. - //&[href^='/']::after { - // content: ' <http://example.com' attr(href) '>'; - //} - - &[href^='javascript:']::after, - &[href^='mailto:']::after, - &[href^='tel:']::after, - &[href^='#']::after, - &[href*='?']::after { - content: ''; - } - } -} - -abbr { - &[title] { - border-bottom: 0; - text-decoration: underline; - text-decoration: underline dotted; - } - - &:hover { - cursor: help; - } - - @media print { - &[title]::after { - content: ' (' attr(title) ')'; - } - } -} - -b {} - -cite {} - -code {} - -del {} - -dfn { - font-style: italic; -} - -em {} - -i {} - -ins {} - -kbd {} - -mark { - background: #ff0; - color: #000; -} - -q {} - -s {} - -samp {} - -small { - font-size: em($font-size-sm); -} - -strong {} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -time {} - -u {} - -var {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/inline-elements.twig b/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/inline-elements.twig deleted file mode 100644 index 366bdee7..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/15-inline-elements/inline-elements.twig +++ /dev/null @@ -1,41 +0,0 @@ -<p><a href="{{ url }}">This is a text link</a></p> - -<p><strong>Strong is used to indicate strong importance</strong></p> - -<p><em>This text has added emphasis</em></p> - -<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p> - -<p>The <i>i element</i> is text that is set off from the normal text</p> - -<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p> - -<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p> - -<p><s>This text has a strikethrough</s></p> - -<p>Superscript<sup>®</sup></p> - -<p>Subscript for things like H<sub>2</sub>O</p> - -<p><small>This small text is small for for fine print, etc.</small></p> - -<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p> - -<p>Keybord input: <kbd>Cmd</kbd></p> - -<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p> - -<p><cite>This is a citation</cite> - -</p><p>The <dfn>dfn element</dfn> indicates a definition.</p> - -<p>The <mark>mark element</mark> indicates a highlight</p> - -<p><code>This is what inline code looks like.</code></p> - -<p><samp>This is sample output from a computer program</samp></p> - -<p>The <var>variable element</var>, such as <var>x</var> = <var>y</var></p> - -<p>The <time>time element</time>, such as <time>10:00pm</time></p> diff --git a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/_blockquote.scss b/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/_blockquote.scss deleted file mode 100644 index ecb39e29..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/_blockquote.scss +++ /dev/null @@ -1,20 +0,0 @@ -// @file -// Blockquote styles. - -blockquote { - margin: 0 1.5em rem($vertical-spacing); - - cite { - display: block; - margin-top: 0.5em; - - &::before { - content: '\2013'; - margin-right: 0.5em; - } - } - - @media print { - page-break-inside: avoid; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.twig b/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.twig deleted file mode 100644 index 368efb71..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.twig +++ /dev/null @@ -1,3 +0,0 @@ -<blockquote> - {{ text }} -</blockquote> diff --git a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.yml b/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.yml deleted file mode 100644 index db6b8882..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/16-blockquote/blockquote.yml +++ /dev/null @@ -1,3 +0,0 @@ ---- -text: |- - <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p> diff --git a/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/_preformatted-text.scss b/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/_preformatted-text.scss deleted file mode 100644 index 525b49ec..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/_preformatted-text.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Preformatted text styles. - -pre { - margin: 0 0 rem($vertical-spacing); - overflow: auto; - - @media print { - page-break-inside: avoid; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/preformatted-text.twig b/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/preformatted-text.twig deleted file mode 100644 index 0cede89e..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/17-preformatted-text/preformatted-text.twig +++ /dev/null @@ -1,9 +0,0 @@ -<pre> -P R E F O R M A T T E D T E X T -! " # $ % & ' ( ) * + , - . / -0 1 2 3 4 5 6 7 8 9 : ; < = > ? -@ A B C D E F G H I J K L M N O -P Q R S T U V W X Y Z [ \ ] ^ _ -` a b c d e f g h i j k l m n o -p q r s t u v w x y z { | } ~ -</pre> diff --git a/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/_horizontal-rule.scss b/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/_horizontal-rule.scss deleted file mode 100644 index d28cb3d2..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/_horizontal-rule.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Horizontal rule styles. - -hr { - border: 1px solid $color-text-secondary; - box-sizing: content-box; - height: 0; - margin: rem($vertical-spacing) 0; - padding-bottom: -1px; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/horizontal-rule.twig b/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/horizontal-rule.twig deleted file mode 100644 index e123ba7e..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/18-horizontal-rule/horizontal-rule.twig +++ /dev/null @@ -1 +0,0 @@ -<hr> diff --git a/source-3.0/_patterns/01-base/02-html-elements/19-address/_address.scss b/source-3.0/_patterns/01-base/02-html-elements/19-address/_address.scss deleted file mode 100644 index f2f36862..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/19-address/_address.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Address element styles. - -address {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/19-address/address.twig b/source-3.0/_patterns/01-base/02-html-elements/19-address/address.twig deleted file mode 100644 index 97f582bc..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/19-address/address.twig +++ /dev/null @@ -1,4 +0,0 @@ -<address> -333 E Wonderview Ave<br> -Estes Park, CO 80517 -</address> diff --git a/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/_unordered-list.scss b/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/_unordered-list.scss deleted file mode 100644 index deb9562e..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/_unordered-list.scss +++ /dev/null @@ -1,19 +0,0 @@ -// @file -// Unordered list styles. - -ul { - list-style-type: disc; - margin: 0 0 rem($vertical-spacing); - padding: 0 0 0 1.2em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - padding: 0 1.2em 0 0; - } - } - - ol, - ul { - margin: rem($vertical-spacing / 2) 0 0; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/unordered-list.twig b/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/unordered-list.twig deleted file mode 100644 index 6aa5eb68..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/20-unordered-list/unordered-list.twig +++ /dev/null @@ -1,31 +0,0 @@ -<ul> - <li>This is a list item in an unordered list</li> - <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line. </li> - <li> - Lists can be nested inside of each other - <ul> - <li>This is a nested list item</li> - <li> - This is another nested list item in an unordered list - <ul> - <li>This is a nested list item</li> - <li> - This is another nested list item in an unordered list - <ul> - <li>This is a nested list item</li> - <li>This is another nested list item in an unordered list</li> - </ul> - </li> - </ul> - </li> - </ul> - </li> - <li>This is the last list item</li> -</ul> -<ul> - <li> - <p>This is a paragraph within a list item in a different unordered list.</p> - <p>This is another paragraph in this list item.</p> - </li> - <li><p>This is a new paragraph within a different list item in the same unordered list.</p></li> -</ul> diff --git a/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/_ordered-list.scss b/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/_ordered-list.scss deleted file mode 100644 index 06660afe..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/_ordered-list.scss +++ /dev/null @@ -1,18 +0,0 @@ -// @file -// Ordered list styles. - -ol { - margin: 0 0 rem($vertical-spacing); - padding: 0 0 0 1.5em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - padding: 0 1.5em 0 0; - } - } - - ol, - ul { - margin: rem($vertical-spacing / 2) 0 0; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/ordered-list.twig b/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/ordered-list.twig deleted file mode 100644 index 1132ff6a..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/21-ordered-list/ordered-list.twig +++ /dev/null @@ -1,29 +0,0 @@ -<ol> - <li>This is a list item in an ordered list</li> - <li>An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.</li> - <li> - Lists can be nested inside of each other - <ol> - <li>This is a nested list item</li> - <li>This is another nested list item in an ordered list - <ol> - <li>This is a nested list item</li> - <li>This is another nested list item in an ordered list - <ol> - <li>This is a nested list item</li> - <li>This is another nested list item in an ordered list</li> - </ol> - </li> - </ol> - </li> - </ol> - </li> - <li>This is the last list item</li> -</ol> -<ol> - <li> - <p>This is a paragraph within a list item in a different ordered list.</p> - <p>This is another paragraph in this list item.</p> - </li> - <li><p>This is a new paragraph within a different list item in the same ordered list.</p></li> -</ol> diff --git a/source-3.0/_patterns/01-base/02-html-elements/22-list-item/_list-item.scss b/source-3.0/_patterns/01-base/02-html-elements/22-list-item/_list-item.scss deleted file mode 100644 index daec252f..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/22-list-item/_list-item.scss +++ /dev/null @@ -1,14 +0,0 @@ -// @file -// List item styles. - -li { - margin-bottom: rem($vertical-spacing / 2); - - &:last-child { - margin-bottom: 0; - } - - @media print { - page-break-inside: avoid; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/_definition-list.scss b/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/_definition-list.scss deleted file mode 100644 index c4cb4eaa..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/_definition-list.scss +++ /dev/null @@ -1,12 +0,0 @@ -// @file -// Definition list styles. - -dd { - margin-bottom: rem($vertical-spacing); -} - -dl { - margin: 0 0 rem($vertical-spacing); -} - -dt {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/definition-list.twig b/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/definition-list.twig deleted file mode 100644 index 829f9e29..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/23-definition-list/definition-list.twig +++ /dev/null @@ -1,11 +0,0 @@ -<dl> - <dt>Definition List</dt> - <dd>A number of connected items or names written or printed consecutively, typically one below the other.</dd> - <dt>This is a term.</dt> - <dd>This is the definition of that term, which both live in a <code>dl</code>.</dd> - <dt>Here is another term.</dt> - <dd>And it gets a definition too, which is this line.</dd> - <dt>Here is a term that shares a definition with the term below.</dt> - <dt>Here is a term that shares a definition with the term above.</dt> - <dd>And they both get the same definition too, which is this line.</dd> -</dl> diff --git a/source-3.0/_patterns/01-base/02-html-elements/24-table/00-table.twig b/source-3.0/_patterns/01-base/02-html-elements/24-table/00-table.twig deleted file mode 100644 index 516fec49..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/24-table/00-table.twig +++ /dev/null @@ -1,45 +0,0 @@ -<table> - <caption>Table caption</caption> - <thead> - <tr> - <th>Table Heading A</th> - <th>Table Heading B</th> - <th>Table Heading C</th> - <th>Table Heading D</th> - </tr> - </thead> - <tfoot> - <tr> - <th>Table Footer A</th> - <th>Table Footer B</th> - <th>Table Footer C</th> - <th>Table Footer D</th> - </tr> - </tfoot> - <tbody> - <tr> - <td>Table Cell A1</td> - <td>Table Cell B1</td> - <td>Table Cell C1</td> - <td>Table Cell D1</td> - </tr> - <tr> - <td>Table Cell A2</td> - <td>Table Cell B2</td> - <td>Table Cell C2</td> - <td>Table Cell D2</td> - </tr> - <tr> - <td>Table Cell A3</td> - <td>Table Cell B3</td> - <td>Table Cell C3</td> - <td>Table Cell D3</td> - </tr> - <tr> - <td>Table Cell A4</td> - <td>Table Cell B4</td> - <td>Table Cell C4</td> - <td>Table Cell D4</td> - </tr> - </tbody> -</table> diff --git a/source-3.0/_patterns/01-base/02-html-elements/24-table/01-table-with-row-headers.twig b/source-3.0/_patterns/01-base/02-html-elements/24-table/01-table-with-row-headers.twig deleted file mode 100644 index 42d4e836..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/24-table/01-table-with-row-headers.twig +++ /dev/null @@ -1,33 +0,0 @@ -<table> - <caption>Table caption</caption> - <tbody> - <tr> - <th scope="row">Table Heading 1</th> - <td>Table Cell A1</td> - <td>Table Cell B1</td> - <td>Table Cell C1</td> - <td>Table Cell D1</td> - </tr> - <tr> - <th scope="row">Table Heading 2</th> - <td>Table Cell A2</td> - <td>Table Cell B2</td> - <td>Table Cell C2</td> - <td>Table Cell D2</td> - </tr> - <tr> - <th scope="row">Table Heading 3</th> - <td>Table Cell A3</td> - <td>Table Cell B3</td> - <td>Table Cell C3</td> - <td>Table Cell D3</td> - </tr> - <tr> - <th scope="row">Table Heading 4</th> - <td>Table Cell A4</td> - <td>Table Cell B4</td> - <td>Table Cell C4</td> - <td>Table Cell D4</td> - </tr> - </tbody> -</table> diff --git a/source-3.0/_patterns/01-base/02-html-elements/24-table/02-table-with-column-and-row-headers.twig b/source-3.0/_patterns/01-base/02-html-elements/24-table/02-table-with-column-and-row-headers.twig deleted file mode 100644 index dc093ba6..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/24-table/02-table-with-column-and-row-headers.twig +++ /dev/null @@ -1,51 +0,0 @@ -<table> - <caption>Table caption</caption> - <thead> - <tr> - <th></th> - <th scope="col">Table Heading A</th> - <th scope="col">Table Heading B</th> - <th scope="col">Table Heading C</th> - <th scope="col">Table Heading D</th> - </tr> - </thead> - <tfoot> - <tr> - <th></th> - <th scope="col">Table Footer A</th> - <th scope="col">Table Footer B</th> - <th scope="col">Table Footer C</th> - <th scope="col">Table Footer D</th> - </tr> - </tfoot> - <tbody> - <tr> - <th scope="row">Table Heading 1</th> - <td>Table Cell A1</td> - <td>Table Cell B1</td> - <td>Table Cell C1</td> - <td>Table Cell D1</td> - </tr> - <tr> - <th scope="row">Table Heading 2</th> - <td>Table Cell A2</td> - <td>Table Cell B2</td> - <td>Table Cell C2</td> - <td>Table Cell D2</td> - </tr> - <tr> - <th scope="row">Table Heading 3</th> - <td>Table Cell A3</td> - <td>Table Cell B3</td> - <td>Table Cell C3</td> - <td>Table Cell D3</td> - </tr> - <tr> - <th scope="row">Table Heading 4</th> - <td>Table Cell A4</td> - <td>Table Cell B4</td> - <td>Table Cell C4</td> - <td>Table Cell D4</td> - </tr> - </tbody> -</table> diff --git a/source-3.0/_patterns/01-base/02-html-elements/24-table/_table.scss b/source-3.0/_patterns/01-base/02-html-elements/24-table/_table.scss deleted file mode 100644 index 9b886bac..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/24-table/_table.scss +++ /dev/null @@ -1,57 +0,0 @@ -// @file -// Table styles. - -caption { - margin-bottom: rem($vertical-spacing / 2); -} - -col {} - -colgroup {} - -table { - border-collapse: collapse; - border-spacing: 0; - margin-bottom: rem($vertical-spacing); - min-width: 100%; -} - -tbody {} - -td { - background-color: #fff; - border: 1px solid #5b616b; - padding: rem(15px); -} - - -tfoot { - td, - th { - background-color: #f1f1f1; - } -} - -th { - background-color: #fff; - border: 1px solid #5b616b; - padding: rem(15px); - text-align: left; -} - -thead { - @media print { - display: table-header-group; - } - - td, - th { - background-color: #f1f1f1; - } -} - -tr { - @media print { - page-break-inside: avoid; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/25-forms/_forms.scss b/source-3.0/_patterns/01-base/02-html-elements/25-forms/_forms.scss deleted file mode 100644 index ffcb94c2..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/25-forms/_forms.scss +++ /dev/null @@ -1,79 +0,0 @@ -// @file -// Form element styles. - -// Don’t style button elements, since they’re often styled as links for -// accessible widgets. Use the .button class in components/buttons. -button { - overflow: visible; -} - -datalist {} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -form {} - -// Don't style button, submit, or reset elements, since they're often styled as -// links for accessible widgets. Use the .button class in -// partials/components/buttons. -input { - line-height: normal; -} - -input[type='button'] {} -input[type='checkbox'] {} -input[type='color'] {} -input[type='date'] {} -input[type='datetime'] {} -input[type='datetime-local'] {} -input[type='email'] {} -input[type='file'] {} -input[type='image'] {} -input[type='month'] {} -input[type='number'] {} -input[type='password'] {} -input[type='radio'] {} -input[type='range'] {} -input[type='reset'] {} -input[type='search'] {} -input[type='submit'] {} -input[type='tel'] {} -input[type='text'] {} -input[type='time'] {} -input[type='url'] {} -input[type='week'] {} - -label {} - -legend { - border: 0; - box-sizing: border-box; - color: inherit; - display: table; - margin: 0; - max-width: 100%; - padding: 0; - white-space: normal; -} - -meter {} - -optgroup { - font-weight: bold; -} - -option {} - -output {} - -progress {} - -select {} - -textarea { - overflow: auto; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_audio.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_audio.scss deleted file mode 100644 index 656c2921..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_audio.scss +++ /dev/null @@ -1,9 +0,0 @@ -// @file -// Audio element styles. - -audio { - &:not([controls]) { - display: none; - height: 0; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_canvas.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_canvas.scss deleted file mode 100644 index 9ba8eed1..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_canvas.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Canvas element styles. - -canvas { - display: inline-block; -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_embed.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_embed.scss deleted file mode 100644 index 4df9f234..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_embed.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Embed element styles. - -embed {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_figure.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_figure.scss deleted file mode 100644 index 85fa6bc5..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_figure.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Figure element styles. - -figure { - margin: 0 0 rem($vertical-spacing); -} - -figcaption {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_img.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_img.scss deleted file mode 100644 index 84a7a0e3..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_img.scss +++ /dev/null @@ -1,15 +0,0 @@ -// @file -// IMG element styles. - -img { - border: 0; - font-style: italic; // Makes alt text stand out from surrounding text. - height: auto; - max-width: 100%; - vertical-align: middle; - - @media print { - max-width: 100% !important; - page-break-inside: avoid; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_object.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_object.scss deleted file mode 100644 index 8bd0937c..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_object.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Object element styles. - -object {} - -param {} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_svg.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_svg.scss deleted file mode 100644 index 3822a677..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_svg.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// SVG element styles. - -svg { - &:not(:root) { - overflow: hidden; - } -} diff --git a/source-3.0/_patterns/01-base/02-html-elements/26-media/_video.scss b/source-3.0/_patterns/01-base/02-html-elements/26-media/_video.scss deleted file mode 100644 index b5a78504..00000000 --- a/source-3.0/_patterns/01-base/02-html-elements/26-media/_video.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Video element styles. - -video {} diff --git a/source-3.0/_patterns/01-base/03-extendables/_accessibility.scss b/source-3.0/_patterns/01-base/03-extendables/_accessibility.scss deleted file mode 100644 index ac6194a9..00000000 --- a/source-3.0/_patterns/01-base/03-extendables/_accessibility.scss +++ /dev/null @@ -1,29 +0,0 @@ -// @file -// Accessibility utility classes -// -// Included from global/helpers/_accessibility.scss. - -%visually-hidden { - @include visually-hidden; -} - -%visually-hidden-off { - @include visually-hidden-off; -} - -%focusable { - @extend %visually-hidden; - - &:active, - &:focus { - @extend %visually-hidden-off; - } -} - -%hidden { - @include hidden; -} - -%invisible { - @include invisible; -} diff --git a/source-3.0/_patterns/01-base/03-extendables/_clearfix.scss b/source-3.0/_patterns/01-base/03-extendables/_clearfix.scss deleted file mode 100644 index daea7966..00000000 --- a/source-3.0/_patterns/01-base/03-extendables/_clearfix.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Clearfix -// -// Included from global/helpers/_clearfix.scss. - -%clearfix { - @include clearfix; -} diff --git a/source-3.0/_patterns/01-base/03-extendables/_font-families.scss b/source-3.0/_patterns/01-base/03-extendables/_font-families.scss deleted file mode 100644 index e2854edd..00000000 --- a/source-3.0/_patterns/01-base/03-extendables/_font-families.scss +++ /dev/null @@ -1,18 +0,0 @@ -// @file -// Extendable font families - -%system-font-family { - font-family: $system-font-family; -} - -%base-font-family { - font-family: $base-font-family; -} - -%header-font-family { - font-family: $header-font-family; -} - -%monospace-font-family { - font-family: $monospace-font-family; -} diff --git a/source-3.0/_patterns/01-base/date-formats/long-date.twig b/source-3.0/_patterns/01-base/date-formats/long-date.twig deleted file mode 100644 index 1161348b..00000000 --- a/source-3.0/_patterns/01-base/date-formats/long-date.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ weekday.long }}, {{ month.long }} {{ day.short }}, {{ year.long }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/date-formats/long-datetime.twig b/source-3.0/_patterns/01-base/date-formats/long-datetime.twig deleted file mode 100644 index 4d0804b8..00000000 --- a/source-3.0/_patterns/01-base/date-formats/long-datetime.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ weekday.long }}, {{ month.long }} {{ day.short }}, {{ year.long }} {{ hour.short }}:{{ minute.long }} {{ hour.ampm }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/date-formats/medium-date.twig b/source-3.0/_patterns/01-base/date-formats/medium-date.twig deleted file mode 100644 index 0f639182..00000000 --- a/source-3.0/_patterns/01-base/date-formats/medium-date.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ month.long }} {{ day.short }}, {{ year.long }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/date-formats/medium-datetime.twig b/source-3.0/_patterns/01-base/date-formats/medium-datetime.twig deleted file mode 100644 index 833bc209..00000000 --- a/source-3.0/_patterns/01-base/date-formats/medium-datetime.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ month.long }} {{ day.short }}, {{ year.long }} {{ hour.short }}:{{ minute.long }} {{ hour.ampm }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/date-formats/short-date.twig b/source-3.0/_patterns/01-base/date-formats/short-date.twig deleted file mode 100644 index 666dffe8..00000000 --- a/source-3.0/_patterns/01-base/date-formats/short-date.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ month.digit }}-{{ day.long }}-{{ year.long }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/date-formats/short-datetime.twig b/source-3.0/_patterns/01-base/date-formats/short-datetime.twig deleted file mode 100644 index a09b7960..00000000 --- a/source-3.0/_patterns/01-base/date-formats/short-datetime.twig +++ /dev/null @@ -1,3 +0,0 @@ -{% if year %} - {{ month.digit }}-{{ day.long }}-{{ year.long }} {{ hour.short }}:{{ minute.long }} {{ hour.ampm }} -{% endif %} diff --git a/source-3.0/_patterns/01-base/images/hero-image.twig b/source-3.0/_patterns/01-base/images/hero-image.twig deleted file mode 100644 index 28b4978a..00000000 --- a/source-3.0/_patterns/01-base/images/hero-image.twig +++ /dev/null @@ -1 +0,0 @@ -<img {% if custom_classes %}class="{{ custom_classes }}" {% endif %}src="{{ img.hero.src }}" alt="{{ img.hero.alt }}"{% if img.hero.height %} height="{{ img.hero.height }}"{% endif %}{% if img.hero.width %} width="{{ img.hero.width }}"{% endif %}> diff --git a/source-3.0/_patterns/01-base/images/thumbnail-image.twig b/source-3.0/_patterns/01-base/images/thumbnail-image.twig deleted file mode 100644 index ac781e82..00000000 --- a/source-3.0/_patterns/01-base/images/thumbnail-image.twig +++ /dev/null @@ -1 +0,0 @@ -<img {% if custom_classes %}class="{{ custom_classes }}" {% endif %}src="{{ img.thumbnail.src }}" alt="{{ img.thumbnail.alt }}"{% if img.thumbnail.height %} height="{{ img.thumbnail.height }}"{% endif %}{% if img.thumbnail.width %} width="{{ img.thumbnail.width }}"{% endif %}> diff --git a/source-3.0/_patterns/02-layouts/constrain/_constrain.scss b/source-3.0/_patterns/02-layouts/constrain/_constrain.scss deleted file mode 100644 index b75f03ae..00000000 --- a/source-3.0/_patterns/02-layouts/constrain/_constrain.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Styles for constraining the page width. - -.l-constrain { - @include layout-constrain; -} - -.l-constrain--no-padding { - padding-left: 0; - padding-right: 0; -} diff --git a/source-3.0/_patterns/02-layouts/grids/_grid.scss b/source-3.0/_patterns/02-layouts/grids/_grid.scss deleted file mode 100644 index effa7095..00000000 --- a/source-3.0/_patterns/02-layouts/grids/_grid.scss +++ /dev/null @@ -1,104 +0,0 @@ -// @file -// Styles for Grid Layout. - -$grid-gutter: 2em; - -.l-grid { - @include flex-grid(1, $grid-gutter, 0); - - @supports (display:grid) { - @include css-fixed-grid(1); - } -} - -.l-grid--2col { - @include flex-grid(1, $grid-gutter, 0); - - @supports (display:grid) { - @include css-fixed-grid(1); - } - - @include breakpoint(600px) { - > * { - @include set-flex-column(2, $grid-gutter, 275px); - } - - @supports (display: grid) { - @include set-css-fixed-columns(2, $grid-gutter, true); - } - } -} - -.l-grid--3col { - @include flex-grid(1, $grid-gutter, 0); - - @supports (display:grid) { - @include css-fixed-grid(1); - } - - @include breakpoint(760px) { - > * { - @include set-flex-column(3, $grid-gutter, 275px); - } - - @supports (display: grid) { - @include set-css-fixed-columns(3, $grid-gutter, true); - } - } -} - -.l-grid--4col { - @include flex-grid(1, $grid-gutter, 0); - - @supports (display:grid) { - @include css-fixed-grid(1); - } - - @include breakpoint(600px 800px) { - > * { - @include set-flex-column(2, $grid-gutter, 275px); - } - - @supports (display: grid) { - @include set-css-fixed-columns(2, $grid-gutter, true); - } - } - - @include breakpoint(801px) { - > * { - @include set-flex-column(4, $grid-gutter, 0); - } - - @supports (display: grid) { - @include set-css-fixed-columns(4, $grid-gutter, true); - } - } -} - -.l-grid--6col { - @include flex-grid(1, $grid-gutter, 0); - - @supports (display:grid) { - @include css-fixed-grid(1); - } - - @include breakpoint(600px 999px) { - > * { - @include set-flex-column(3, $grid-gutter, 0); - } - - @supports (display: grid) { - @include set-css-fixed-columns(3, $grid-gutter, true); - } - } - - @include breakpoint(1000px) { - > * { - @include set-flex-column(6, $grid-gutter, 0); - } - - @supports (display: grid) { - @include set-css-fixed-columns(6, $grid-gutter, true); - } - } -} diff --git a/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.twig b/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.twig deleted file mode 100644 index 26ebbd54..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@layouts/grids/grid.twig' with { - 'modifier_classes': modifier_classes, - 'content': content -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.yml b/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.yml deleted file mode 100644 index ba7cb37e..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--four-column/grid--four-column.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -modifier_classes: 'l-grid--4col' -content: |- - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> diff --git a/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.twig b/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.twig deleted file mode 100644 index 26ebbd54..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@layouts/grids/grid.twig' with { - 'modifier_classes': modifier_classes, - 'content': content -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.yml b/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.yml deleted file mode 100644 index a05508b2..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--six-column/grid--six-column.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -modifier_classes: 'l-grid--6col' -content: |- - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> diff --git a/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.twig b/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.twig deleted file mode 100644 index 26ebbd54..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@layouts/grids/grid.twig' with { - 'modifier_classes': modifier_classes, - 'content': content -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.yml b/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.yml deleted file mode 100644 index 49983b3e..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--three-column/grid--three-column.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -modifier_classes: 'l-grid--3col' -content: |- - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> diff --git a/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.twig b/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.twig deleted file mode 100644 index 26ebbd54..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@layouts/grids/grid.twig' with { - 'modifier_classes': modifier_classes, - 'content': content -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.yml b/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.yml deleted file mode 100644 index 0d0e56c8..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid--two-column/grid--two-column.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -modifier_classes: 'l-grid--2col' -content: |- - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> diff --git a/source-3.0/_patterns/02-layouts/grids/grid.md b/source-3.0/_patterns/02-layouts/grids/grid.md deleted file mode 100644 index 93516304..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -el: .l-grid -title: Grid ---- -_Layout for Grid_ - -### Variables: -* modifier_classes: [string] modifier class for creating variant. -* content: [object] grid content. - -#### Usage -To create a grid, include the grid.twig file and pass it a class via the -modifier_classes variables (e.g., l-grid--3col). \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/grids/grid.twig b/source-3.0/_patterns/02-layouts/grids/grid.twig deleted file mode 100644 index 87db783a..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid.twig +++ /dev/null @@ -1,5 +0,0 @@ -<div class="l-grid {{ modifier_classes }}"> - {% block content %} - {{ content }} - {% endblock %} -</div> diff --git a/source-3.0/_patterns/02-layouts/grids/grid.yml b/source-3.0/_patterns/02-layouts/grids/grid.yml deleted file mode 100644 index 99e631c6..00000000 --- a/source-3.0/_patterns/02-layouts/grids/grid.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -modifier_classes: '' -content: |- - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> - <div><p style="background:#333;color:#fff;padding:1em;margin:0;">Grid Item</p></div> diff --git a/source-3.0/_patterns/02-layouts/media/_media.scss b/source-3.0/_patterns/02-layouts/media/_media.scss deleted file mode 100644 index 7cb69085..00000000 --- a/source-3.0/_patterns/02-layouts/media/_media.scss +++ /dev/null @@ -1,37 +0,0 @@ -// @file -// Styles for Media Object. - -$media-gutter: 1rem; - -.l-media { - display: flex; - flex-direction: column; - - @include breakpoint($bp-small) { - flex-direction: row; - } -} - -.l-media__object { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - margin: 0 $media-gutter 0 0; -} - -.l-media__content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; -} - -.l-media--column { - flex-direction: column; -} - -.l-media--reversed { - > .l-media__object { - margin: 0 0 0 $media-gutter; - order: 1; - } -} diff --git a/source-3.0/_patterns/02-layouts/media/media.md b/source-3.0/_patterns/02-layouts/media/media.md deleted file mode 100644 index 7a9ec9f7..00000000 --- a/source-3.0/_patterns/02-layouts/media/media.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -el: .l-media -title: Media Object ---- -_Layout for Media Object_ - -### Variables: -* modifier_classes: [string] modifier class for creating variant. -* media: [object] media element. -* content: [object] content element. diff --git a/source-3.0/_patterns/02-layouts/media/media.twig b/source-3.0/_patterns/02-layouts/media/media.twig deleted file mode 100644 index b5eeaa3b..00000000 --- a/source-3.0/_patterns/02-layouts/media/media.twig +++ /dev/null @@ -1,6 +0,0 @@ -<div class="l-media {{ modifier_classes }}"> - {% if media %} - <div class="l-media__object">{{ media }}</div> - {% endif %} - <div class="l-media__content">{{ content }}</div> -</div> diff --git a/source-3.0/_patterns/02-layouts/media/media.yml b/source-3.0/_patterns/02-layouts/media/media.yml deleted file mode 100644 index 72948032..00000000 --- a/source-3.0/_patterns/02-layouts/media/media.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -modifier_classes: '' -media: |- - <img src="http://fpoimg.com/200x150?text=Media Image"> -content: |- - <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae necessitatibus fuga provident aut.</p> diff --git a/source-3.0/_patterns/02-layouts/nav/nav.md b/source-3.0/_patterns/02-layouts/nav/nav.md deleted file mode 100644 index 11df581e..00000000 --- a/source-3.0/_patterns/02-layouts/nav/nav.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -el: nav -title: Nav ---- -_Layout for Nav_ - -### Variables: -* label: [string] navigation label used for accessiblity. -* content: [object] contains menu passed thru to nav element. diff --git a/source-3.0/_patterns/02-layouts/nav/nav.twig b/source-3.0/_patterns/02-layouts/nav/nav.twig deleted file mode 100644 index 09682e83..00000000 --- a/source-3.0/_patterns/02-layouts/nav/nav.twig +++ /dev/null @@ -1,6 +0,0 @@ -<nav role="navigation"> - <h2 class="visually-hidden">{{ label }}</h2> - {% block content %} - {{ content }} - {% endblock %} -</nav> diff --git a/source-3.0/_patterns/02-layouts/nav/nav.yml b/source-3.0/_patterns/02-layouts/nav/nav.yml deleted file mode 100644 index d7cd6aff..00000000 --- a/source-3.0/_patterns/02-layouts/nav/nav.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -label: 'Main Menu' -content: - join(): - - include(): - pattern: components-menu diff --git a/source-3.0/_patterns/02-layouts/regions/breadcrumb/_breadcrumb.scss b/source-3.0/_patterns/02-layouts/regions/breadcrumb/_breadcrumb.scss deleted file mode 100644 index 662958bc..00000000 --- a/source-3.0/_patterns/02-layouts/regions/breadcrumb/_breadcrumb.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Breadcrumb Layout. - -.l-breadcrumb {} diff --git a/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.md b/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.md deleted file mode 100644 index 2c055fbb..00000000 --- a/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-breadcrumb -title: Breadcrumb Region ---- -_Layout for Breadcrumb Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.twig b/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.twig deleted file mode 100644 index c0e296c0..00000000 --- a/source-3.0/_patterns/02-layouts/regions/breadcrumb/breadcrumb.twig +++ /dev/null @@ -1,13 +0,0 @@ -<div class="l-breadcrumb"> - <div class="l-constrain"> - {% block content %} - {% include '@components/breadcrumb/breadcrumb.twig' with { - 'breadcrumb': [ - { 'url': '#', 'text': 'Home' }, - { 'url': '#', 'text': 'About' }, - { 'text': 'Current Page' } - ] - } %} - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/content/_content.scss b/source-3.0/_patterns/02-layouts/regions/content/_content.scss deleted file mode 100644 index d0a69c69..00000000 --- a/source-3.0/_patterns/02-layouts/regions/content/_content.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Content Layout. - -.l-content {} diff --git a/source-3.0/_patterns/02-layouts/regions/content/content.md b/source-3.0/_patterns/02-layouts/regions/content/content.md deleted file mode 100644 index c565a426..00000000 --- a/source-3.0/_patterns/02-layouts/regions/content/content.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-content -title: Content Region ---- -_Layout for Content Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/content/content.twig b/source-3.0/_patterns/02-layouts/regions/content/content.twig deleted file mode 100644 index c3e69b46..00000000 --- a/source-3.0/_patterns/02-layouts/regions/content/content.twig +++ /dev/null @@ -1,7 +0,0 @@ -<div class="l-content"> - <div class="l-constrain"> - {% block content %} - - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/footer/_footer.scss b/source-3.0/_patterns/02-layouts/regions/footer/_footer.scss deleted file mode 100644 index 2c4e5398..00000000 --- a/source-3.0/_patterns/02-layouts/regions/footer/_footer.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Footer Layout. - -.l-footer {} diff --git a/source-3.0/_patterns/02-layouts/regions/footer/footer.md b/source-3.0/_patterns/02-layouts/regions/footer/footer.md deleted file mode 100644 index bcc014ea..00000000 --- a/source-3.0/_patterns/02-layouts/regions/footer/footer.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-footer -title: Footer Region ---- -_Layout for Footer Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/footer/footer.twig b/source-3.0/_patterns/02-layouts/regions/footer/footer.twig deleted file mode 100644 index 250a9850..00000000 --- a/source-3.0/_patterns/02-layouts/regions/footer/footer.twig +++ /dev/null @@ -1,16 +0,0 @@ -<footer class="l-footer" role="contentinfo"> - <div class="l-constrain"> - {% block content %} - {% include '@components/menus/menu.twig' with { - 'menu_name': 'footer', - 'items': [ - { 'title': 'Careers', 'url': '#' }, - { 'title': 'Contact', 'url': '#' }, - { 'title': 'Credits', 'url': '#' }, - { 'title': 'Terms of Use', 'url': '#' } - ] - } %} - {% include '@components/copyright/copyright.twig' %} - {% endblock %} - </div> -</footer> \ No newline at end of file diff --git a/source-3.0/_patterns/02-layouts/regions/header/_header.scss b/source-3.0/_patterns/02-layouts/regions/header/_header.scss deleted file mode 100644 index 4ebff8dd..00000000 --- a/source-3.0/_patterns/02-layouts/regions/header/_header.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Header Layout. - -.l-header {} diff --git a/source-3.0/_patterns/02-layouts/regions/header/header.md b/source-3.0/_patterns/02-layouts/regions/header/header.md deleted file mode 100644 index 46cb9667..00000000 --- a/source-3.0/_patterns/02-layouts/regions/header/header.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-header -title: Header Region ---- -_Layout for Header Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/header/header.twig b/source-3.0/_patterns/02-layouts/regions/header/header.twig deleted file mode 100644 index b10a7525..00000000 --- a/source-3.0/_patterns/02-layouts/regions/header/header.twig +++ /dev/null @@ -1,7 +0,0 @@ -<header class="l-header" role="banner"> - <div class="l-constrain"> - {% block content %} - {% include '@components/site-name/site-name.twig' %} - {% endblock %} - </div> -</header> diff --git a/source-3.0/_patterns/02-layouts/regions/help/_help.scss b/source-3.0/_patterns/02-layouts/regions/help/_help.scss deleted file mode 100644 index a5fea9aa..00000000 --- a/source-3.0/_patterns/02-layouts/regions/help/_help.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Help Layout. - -.l-help {} diff --git a/source-3.0/_patterns/02-layouts/regions/help/help.md b/source-3.0/_patterns/02-layouts/regions/help/help.md deleted file mode 100644 index e8407f25..00000000 --- a/source-3.0/_patterns/02-layouts/regions/help/help.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-help -title: Help Region ---- -_Layout for Help Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/help/help.twig b/source-3.0/_patterns/02-layouts/regions/help/help.twig deleted file mode 100644 index a6a3d6e4..00000000 --- a/source-3.0/_patterns/02-layouts/regions/help/help.twig +++ /dev/null @@ -1,7 +0,0 @@ -<div class="l-help"> - <div class="l-constrain"> - {% block content %} - - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/highlighted/_highlighted.scss b/source-3.0/_patterns/02-layouts/regions/highlighted/_highlighted.scss deleted file mode 100644 index 93d0035a..00000000 --- a/source-3.0/_patterns/02-layouts/regions/highlighted/_highlighted.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Highlighted Layout. - -.l-highlighted {} diff --git a/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.md b/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.md deleted file mode 100644 index 053750c2..00000000 --- a/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-highlighted -title: Highlighted Region ---- -_Layout for Highlighted Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.twig b/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.twig deleted file mode 100644 index a0ce60cf..00000000 --- a/source-3.0/_patterns/02-layouts/regions/highlighted/highlighted.twig +++ /dev/null @@ -1,7 +0,0 @@ -<div class="l-highlighted"> - <div class="l-constrain"> - {% block content %} - - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/navigation/_navigation.scss b/source-3.0/_patterns/02-layouts/regions/navigation/_navigation.scss deleted file mode 100644 index 929c4920..00000000 --- a/source-3.0/_patterns/02-layouts/regions/navigation/_navigation.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Styles for Navigation Layout. - -// Hide navigation region while mobile menu is displayed. -.l-navigation { - display: none; - - @include breakpoint($bp-hide-mobile-menu) { - display: block; - } -} diff --git a/source-3.0/_patterns/02-layouts/regions/navigation/navigation.md b/source-3.0/_patterns/02-layouts/regions/navigation/navigation.md deleted file mode 100644 index eb6184fd..00000000 --- a/source-3.0/_patterns/02-layouts/regions/navigation/navigation.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-navigation -title: Navigation Region ---- -_Layout for Navigation Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/navigation/navigation.twig b/source-3.0/_patterns/02-layouts/regions/navigation/navigation.twig deleted file mode 100644 index 64507d87..00000000 --- a/source-3.0/_patterns/02-layouts/regions/navigation/navigation.twig +++ /dev/null @@ -1,22 +0,0 @@ -<div class="l-navigation"> - <div class="l-constrain"> - {% block content %} - {% include '@components/menus/menu.twig' with { - 'menu_name': 'main', - 'items': [ - { 'title': 'Home', 'url': '#' }, - { 'title': 'About', 'url': '#' }, - { 'title': 'Contact', 'url': '#' }, - { 'title': 'Search', 'url': '#' }, - ] - } %} - {% include '@components/menus/menu.twig' with { - 'menu_name': 'account', - 'items': [ - { 'title': 'My Account', 'url': '#' }, - { 'title': 'Logout', 'url': '#' } - ] - } %} - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/postscript/_postscript.scss b/source-3.0/_patterns/02-layouts/regions/postscript/_postscript.scss deleted file mode 100644 index 0c5cc087..00000000 --- a/source-3.0/_patterns/02-layouts/regions/postscript/_postscript.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Postscript Layout. - -.l-postscript {} diff --git a/source-3.0/_patterns/02-layouts/regions/postscript/postscript.md b/source-3.0/_patterns/02-layouts/regions/postscript/postscript.md deleted file mode 100644 index ec985005..00000000 --- a/source-3.0/_patterns/02-layouts/regions/postscript/postscript.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-postscript -title: Postscript Region ---- -_Layout for Postscript Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/postscript/postscript.twig b/source-3.0/_patterns/02-layouts/regions/postscript/postscript.twig deleted file mode 100644 index 6b02805f..00000000 --- a/source-3.0/_patterns/02-layouts/regions/postscript/postscript.twig +++ /dev/null @@ -1,7 +0,0 @@ -<div class="l-postscript"> - <div class="l-constrain"> - {% block content %} - - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/regions/preface/_preface.scss b/source-3.0/_patterns/02-layouts/regions/preface/_preface.scss deleted file mode 100644 index 04e6330b..00000000 --- a/source-3.0/_patterns/02-layouts/regions/preface/_preface.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Preface Layout. - -.l-preface {} diff --git a/source-3.0/_patterns/02-layouts/regions/preface/preface.md b/source-3.0/_patterns/02-layouts/regions/preface/preface.md deleted file mode 100644 index 2ef2d8fc..00000000 --- a/source-3.0/_patterns/02-layouts/regions/preface/preface.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .l-preface -title: Preface Region ---- -_Layout for Preface Region_ - -### Blocks: -* content: Twig block for content. diff --git a/source-3.0/_patterns/02-layouts/regions/preface/preface.twig b/source-3.0/_patterns/02-layouts/regions/preface/preface.twig deleted file mode 100644 index 6f447b27..00000000 --- a/source-3.0/_patterns/02-layouts/regions/preface/preface.twig +++ /dev/null @@ -1,7 +0,0 @@ -<div class="l-preface"> - <div class="l-constrain"> - {% block content %} - - {% endblock %} - </div> -</div> diff --git a/source-3.0/_patterns/02-layouts/section/_section.scss b/source-3.0/_patterns/02-layouts/section/_section.scss deleted file mode 100644 index 02132ff0..00000000 --- a/source-3.0/_patterns/02-layouts/section/_section.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for Section Layout. - -.l-section { - margin-bottom: 2em; -} diff --git a/source-3.0/_patterns/02-layouts/section/section.md b/source-3.0/_patterns/02-layouts/section/section.md deleted file mode 100644 index 708679c0..00000000 --- a/source-3.0/_patterns/02-layouts/section/section.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .section -title: Section ---- -_Layout for Section_. - -### Variables: -* has_constrain: [boolean] True/False whether to add a constraint to block. -* constrain_classes: [string] Constrain classes used to control layout. -* section_title_element: [string] HTML element to use for block label. -* section_title: [string] The configured label of the block if visible. -* section_content: The content of this block. diff --git a/source-3.0/_patterns/02-layouts/section/section.twig b/source-3.0/_patterns/02-layouts/section/section.twig deleted file mode 100644 index 7005a990..00000000 --- a/source-3.0/_patterns/02-layouts/section/section.twig +++ /dev/null @@ -1,19 +0,0 @@ -<section class="l-section"> - {% if has_constrain %} - <div class="{{ constrain_classes ?: 'l-constrain' }}"> - {% endif %} - - {% if section_title %} - <{{ section_title_element ?: 'h2' }} class="l-section__title">{{ section_title }}</{{ section_title_element ?: 'h2' }}> - {% endif %} - - <div class="l-section__content"> - {% block content %} - {{ section_content }} - {% endblock %} - </div> - - {% if has_constrain %} - </div> - {% endif %} -</section> diff --git a/source-3.0/_patterns/02-layouts/section/section.yml b/source-3.0/_patterns/02-layouts/section/section.yml deleted file mode 100644 index 73572af9..00000000 --- a/source-3.0/_patterns/02-layouts/section/section.yml +++ /dev/null @@ -1,7 +0,0 @@ ---- -has_constrain: false -constrain_classes: 'l-constrain' -section_title_element: 'h2' -section_title: 'Section title' -section_content: |- - <p>Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus.</p> diff --git a/source-3.0/_patterns/02-layouts/sidebar/_sidebar.scss b/source-3.0/_patterns/02-layouts/sidebar/_sidebar.scss deleted file mode 100644 index 8e82e31c..00000000 --- a/source-3.0/_patterns/02-layouts/sidebar/_sidebar.scss +++ /dev/null @@ -1,68 +0,0 @@ -// @file -// Styles for the Sidebar Layout. - -$l-sidebar-bp: 900px; -$l-sidebar-width: 300px; -$l-sidebar-minor-width: $l-sidebar-width; -$l-sidebar-gutter: 1rem; - -.l-sidebar { - @include breakpoint($l-sidebar-bp) { - display: flex; - flex-wrap: wrap; - - > * { - flex-basis: calc(100% - #{$l-sidebar-width} - #{$l-sidebar-gutter * 2}); - flex-grow: 1; - flex-shrink: 1; - margin-right: $l-sidebar-gutter; - - &:last-child { - margin-right: 0; - } - } - - .l-sidebar__full { - flex-basis: 100%; - flex-grow: 1; - flex-shrink: 1; - margin-right: 0; - } - - .l-sidebar__sidebar { - flex-basis: #{$l-sidebar-width}; - flex-grow: 1; - flex-shrink: 0; - } - - // For Browsers that support CSS Grid - @supports (display:grid) { - display: grid; - grid-gap: $l-sidebar-gutter; - grid-template-columns: 1fr $l-sidebar-width; - - .l-sidebar__full { - grid-column: span 2; - } - } - } -} - - -.l-sidebar--multi-2 { - @include breakpoint($l-sidebar-bp) { - > * { - flex-basis: calc(100% - #{$l-sidebar-width + $l-sidebar-minor-width} - #{$l-sidebar-gutter * 3}); - flex-grow: 1; - flex-shrink: 1; - } - - @supports (display:grid) { - grid-template-columns: $l-sidebar-minor-width 1fr $l-sidebar-width; - - .l-sidebar__full { - grid-column: span 3; - } - } - } -} diff --git a/source-3.0/_patterns/02-layouts/sidebar/sidebar.md b/source-3.0/_patterns/02-layouts/sidebar/sidebar.md deleted file mode 100644 index 5614678e..00000000 --- a/source-3.0/_patterns/02-layouts/sidebar/sidebar.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -el: .l-sidebar -title: Sidebar ---- -_Layout for Sidebar_ - -### Variables: -* has_multiple_sidebar: [boolean] True/False whether component has multiple sidebars. -* modifier_classes: [string] modifier class for creating variant. -* has_header: [boolean] True/False whether component has header. -* sidebar_header: [object] twig block. -* sidebar_header_content: The content of sidebar_header. -* sidebar_minor: [object] twig block. -* sidebar_minor_content: The content of sidebar_minor. -* sidebar_main: [object] twig block. -* sidebar_main_content: The content of sidebar_main. -* sidebar_aside: [object] twig block. -* sidebar_aside_content: The content of sidebar_aside. diff --git a/source-3.0/_patterns/02-layouts/sidebar/sidebar.twig b/source-3.0/_patterns/02-layouts/sidebar/sidebar.twig deleted file mode 100644 index adfb802a..00000000 --- a/source-3.0/_patterns/02-layouts/sidebar/sidebar.twig +++ /dev/null @@ -1,30 +0,0 @@ -<div class="l-sidebar{{ has_multiple_sidebar ? ' l-sidebar--multi-2' }} {{ modifier_classes }}"> - - {% if has_header %} - <div class="l-sidebar__full"> - {% block sidebar_header %} - {{ sidebar_header_content }} - {% endblock %} - </div> - {% endif %} - - {% if has_multiple_sidebar %} - <aside class="l-sidebar__sidebar"> - {% block sidebar_minor %} - {{ sidebar_minor_content }} - {% endblock %} - </aside> - {% endif %} - - <div class="l-sidebar__main"> - {% block sidebar_main %} - {{ sidebar_main_content }} - {% endblock %} - </div> - - <aside class="l-sidebar__sidebar"> - {% block sidebar_aside %} - {{ sidebar_aside_content }} - {% endblock %} - </aside> -</div> diff --git a/source-3.0/_patterns/02-layouts/sidebar/sidebar.yml b/source-3.0/_patterns/02-layouts/sidebar/sidebar.yml deleted file mode 100644 index 3cef5a96..00000000 --- a/source-3.0/_patterns/02-layouts/sidebar/sidebar.yml +++ /dev/null @@ -1,12 +0,0 @@ ---- -has_header: true -has_multiple_sidebar: false -modifier_classes: '' -sidebar_header_content: |- - <p style="background:#333;color:#fff;padding:1em; margin:0;">Header</p> -sidebar_minor_content: |- - <p style="background:#333;color:#fff;padding:1em; margin:0;">Sidebar Minor</p> -sidebar_main_content: |- - <p style="background:#333;color:#fff;padding:1em; margin:0;">Main Content</p> -sidebar_aside_content: |- - <p style="background:#333;color:#fff;padding:1em; margin:0;">Sidebar</p> diff --git a/source-3.0/_patterns/03-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss b/source-3.0/_patterns/03-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss deleted file mode 100644 index de8c29b8..00000000 --- a/source-3.0/_patterns/03-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Styles for the Toolbar module. - -/* stylelint-disable-next-line selector-no-qualifying-type */ -ul.toolbar-menu { - font-size: 1em; - - li { - margin-bottom: 0; - } -} diff --git a/source-3.0/_patterns/03-components/article/_article.scss b/source-3.0/_patterns/03-components/article/_article.scss deleted file mode 100644 index 7e74bd69..00000000 --- a/source-3.0/_patterns/03-components/article/_article.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Styles for Article. - -.article { - footer { - padding-bottom: rem($vertical-spacing); - } -} - -.article--full {} diff --git a/source-3.0/_patterns/03-components/article/article.md b/source-3.0/_patterns/03-components/article/article.md deleted file mode 100644 index c8c6ebc3..00000000 --- a/source-3.0/_patterns/03-components/article/article.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .article -title: Article ---- -_Component for Article_ - -### Variables: -* classes: [array] Allows for merging PL and Drupal classes. -* title: [object] content for _title_ twig block. -* has_footer: [boolean] True/False whether article has footer. -* footer: [object] content for _footer_ twig block. -* content: [object] content for _main_ twig block. diff --git a/source-3.0/_patterns/03-components/article/article.twig b/source-3.0/_patterns/03-components/article/article.twig deleted file mode 100644 index 539e5fd9..00000000 --- a/source-3.0/_patterns/03-components/article/article.twig +++ /dev/null @@ -1,28 +0,0 @@ -{% set additional_attributes = { - 'class': ['article'] -} %} - -<article {{ add_attributes(additional_attributes) }}> - {% block title %} - {% include '@components/page-title/page-title.twig' with { - 'page_title': article_page_title - } %} - {% endblock %} - - {% if has_footer %} - <footer> - {% block footer %} - {% include '@components/date/date.twig' with { - 'format': 'medium-date' - } %} - {% include '@components/author/author.twig' with { - 'author': 'Author Name' - } %} - {% endblock %} - </footer> - {% endif %} - - {% block main %} - {{ content }} - {% endblock %} -</article> diff --git a/source-3.0/_patterns/03-components/article/article.yml b/source-3.0/_patterns/03-components/article/article.yml deleted file mode 100644 index 6f823433..00000000 --- a/source-3.0/_patterns/03-components/article/article.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -article_page_title: 'Article Title' -has_footer: true -content: |- - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et accumsan augue. Morbi non laoreet lorem. Ut mauris erat, sollicitudin ac hendrerit tincidunt, iaculis eget purus. Nullam pharetra eu nibh auctor ultrices. Phasellus non aliquam felis. Mauris varius varius commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed est sapien, venenatis quis urna et, vulputate porta metus. Duis scelerisque sollicitudin nunc, vel finibus lorem ultricies id. In hac habitasse platea dictumst. Pellentesque eget turpis blandit augue sagittis iaculis nec at felis. Vestibulum gravida sapien ut aliquam rutrum. Suspendisse leo neque, varius id consectetur in, aliquam quis magna. Phasellus vel felis eu libero feugiat accumsan. Maecenas aliquet ex vel nisi fermentum, ac congue nibh porttitor.</p> diff --git a/source-3.0/_patterns/03-components/author/_author.scss b/source-3.0/_patterns/03-components/author/_author.scss deleted file mode 100644 index 2a3fd7ca..00000000 --- a/source-3.0/_patterns/03-components/author/_author.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Author. - -.author {} diff --git a/source-3.0/_patterns/03-components/author/author.md b/source-3.0/_patterns/03-components/author/author.md deleted file mode 100644 index c4b2f1b9..00000000 --- a/source-3.0/_patterns/03-components/author/author.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -el: .author -title: Author ---- -_Component for Author_ - -### Variables: -* url: [string] URL for author link (_default value comes from Data.yml_). -* author: [string] Author name. diff --git a/source-3.0/_patterns/03-components/author/author.twig b/source-3.0/_patterns/03-components/author/author.twig deleted file mode 100644 index 4e974eed..00000000 --- a/source-3.0/_patterns/03-components/author/author.twig +++ /dev/null @@ -1,3 +0,0 @@ -<div class="author"> - <a href="{{ url }}">{{ author }}</a> -</div> diff --git a/source-3.0/_patterns/03-components/author/author.yml b/source-3.0/_patterns/03-components/author/author.yml deleted file mode 100644 index 6dc69f2b..00000000 --- a/source-3.0/_patterns/03-components/author/author.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -author: 'Author Name' diff --git a/source-3.0/_patterns/03-components/block/_block.scss b/source-3.0/_patterns/03-components/block/_block.scss deleted file mode 100644 index ed7fc9e3..00000000 --- a/source-3.0/_patterns/03-components/block/_block.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for Block. - -.block { - margin-bottom: 2em; -} diff --git a/source-3.0/_patterns/03-components/block/block.md b/source-3.0/_patterns/03-components/block/block.md deleted file mode 100644 index 78dd5876..00000000 --- a/source-3.0/_patterns/03-components/block/block.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -el: .block -title: Block ---- -_Component for Block_. - -### Variables: -* hide_wrapper: [boolean] True/False whether to display the main wrapping element. -* has_constrain: [boolean] True/False whether to add a width constraint inside the block. -* constrain_classes: [string] Constrain classes used to control layout. -* label_element: [string] HTML element to use for block label. -* label: [string] The configured label of the block if visible. -* title_prefix: [array] Additional output populated by modules, intended to be displayed before the main title tag that appears in the template. -* title_suffix: [array] Additional output populated by modules, intended to be displayed after the main title tag that appears in the template. -* hide_content_wrapper: [boolean] True/False whether a display a wrapping element around block content. -* content: The content of this block. diff --git a/source-3.0/_patterns/03-components/block/block.twig b/source-3.0/_patterns/03-components/block/block.twig deleted file mode 100644 index 34351733..00000000 --- a/source-3.0/_patterns/03-components/block/block.twig +++ /dev/null @@ -1,43 +0,0 @@ -{% set additional_attributes = { - 'class': ['block'], -} %} -{% set additional_title_attributes = { - 'class': ['block__title'], -} %} -{% set additional_content_attributes = { - 'class': ['block__content'], -} %} - -{% if not hide_wrapper %} - <div {{ add_attributes(additional_attributes) }}> -{% endif %} - - {% if has_constrain %} - <div class="{{ constrain_classes ?: 'l-constrain' }}"> - {% endif %} - - {% if label %} - {{ title_prefix }} - <{{ label_element ?: 'h2' }} {{ add_attributes(additional_title_attributes, 'title_attributes') }}>{{ label }}</{{ label_element ?: 'h2' }}> - {{ title_suffix }} - {% endif %} - - {% if not hide_content_wrapper %} - <div {{ add_attributes(additional_content_attributes, 'content_attributes') }}> - {% endif %} - - {% block content %} - {{ content }} - {% endblock %} - - {% if not hide_content_wrapper %} - </div> - {% endif %} - - {% if has_constrain %} - </div> - {% endif %} - -{% if not hide_wrapper %} - </div> -{% endif %} diff --git a/source-3.0/_patterns/03-components/block/block.yml b/source-3.0/_patterns/03-components/block/block.yml deleted file mode 100644 index 66d8fc01..00000000 --- a/source-3.0/_patterns/03-components/block/block.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -hide_wrapper: false -has_constrain: false -constrain_classes: 'l-constrain' -label_element: 'h2' -label: 'Section title' -hide_content_wrapper: false -content: |- - <p>Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus.</p> diff --git a/source-3.0/_patterns/03-components/breadcrumb/_breadcrumb.scss b/source-3.0/_patterns/03-components/breadcrumb/_breadcrumb.scss deleted file mode 100644 index 9430d928..00000000 --- a/source-3.0/_patterns/03-components/breadcrumb/_breadcrumb.scss +++ /dev/null @@ -1,34 +0,0 @@ -// @file -// Styles for Breadcrumb trail. - -.breadcrumb { - @include clearfix(); - margin: rem($vertical-spacing) 0; -} - -.breadcrumb__title { - @extend %visually-hidden; -} - -.breadcrumb__list { - @include list-inline(); -} - -.breadcrumb__item { - font-size: $font-size-sm; - margin-right: 0.25em; - - &::after { - content: '/'; - margin-left: 0.25em; - } - - &:last-child::after { - content: ''; - margin-left: 0; - } -} - -.breadcrumb__link { - text-decoration: none; -} diff --git a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.md b/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.md deleted file mode 100644 index 04cbdc38..00000000 --- a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .breadcrumb -title: Breadcrumb ---- -_Component for Breadcrumb_ - -### Variables: -* modifier_classes: [string] Classes to modify the default component styling. -* heading: [string] Accessible heading. -* breadcrumb: [array] The breadcrumb trail items. Each item is an object containing: - * text: [string] Text of the item. - * url: [string] URL of the item (optional). diff --git a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.twig b/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.twig deleted file mode 100644 index 6dd292df..00000000 --- a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.twig +++ /dev/null @@ -1,14 +0,0 @@ -<nav class="breadcrumb {{ modifier_classes }}" role="navigation" aria-labelledby="breadcrumb-label"> - <h2 class="breadcrumb__title visually-hidden" id="breadcrumb-label">{{ heading|default('You are here') }}</h2> - <ol class="breadcrumb__list"> - {% for item in breadcrumb %} - <li class="breadcrumb__item"> - {% if item.url %} - <a class="breadcrumb__link" href="{{ item.url }}">{{ item.text }}</a> - {% else %} - {{ item.text }} - {% endif %} - </li> - {% endfor %} - </ol> -</nav> diff --git a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.yml b/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.yml deleted file mode 100644 index 9a632fea..00000000 --- a/source-3.0/_patterns/03-components/breadcrumb/breadcrumb.yml +++ /dev/null @@ -1,15 +0,0 @@ ---- -modifier_classes: '' -heading: '' -breadcrumb: - - - url: '#' - text: 'Home' - - - url: '#' - text: 'Level 1' - - - url: '#' - text: 'Level 2' - - - text: 'Current item' diff --git a/source-3.0/_patterns/03-components/buttons/_button.scss b/source-3.0/_patterns/03-components/buttons/_button.scss deleted file mode 100644 index 4080cada..00000000 --- a/source-3.0/_patterns/03-components/buttons/_button.scss +++ /dev/null @@ -1,66 +0,0 @@ -// @file -// Styles for Button. - -.button { - @include button(); - margin: 0 0 0.5em; - - & + & { - margin-left: 0.5em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - margin-left: 0; - margin-right: 0.5em; - } - } - } -} - -// Drupal outputs this class on buttons that can delete content. -.button--danger { - background-color: #e31c3d; - color: #fff; - - &:focus, - &:hover { - background-color: #cd2026; - color: #fff; - } - - &:active { - background-color: #981b1e; - color: #fff; - } -} - -// This custom button class, included as an example, is not output by Drupal by default. -.button--large { - font-size: rem($font-size-lg); - line-height: (25px / $font-size-lg); - padding: rem(15px) rem(30px); -} - -// This custom button class, included as an example, is not output by Drupal by default. -.button--secondary { - background-color: #5b616b; - color: #fff; - - &:focus, - &:hover { - background-color: #323a45; - color: #fff; - } - - &:active { - background-color: #212121; - color: #fff; - } -} - -// This custom button class, included as an example, is not output by Drupal by default. -.button--small { - font-size: rem($font-size-sm); - line-height: (17px / $font-size-sm); - padding: rem(8px) rem(16px); -} diff --git a/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.twig b/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.twig deleted file mode 100644 index 664a3f06..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/buttons/button.twig' with { - 'url': url, - 'text': text, - 'modifier_classes': modifier_classes, -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.yml b/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.yml deleted file mode 100644 index f638acca..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--danger/button--danger.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -url: '#' -text: 'Danger Button' -modifier_classes: 'button--danger' diff --git a/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.twig b/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.twig deleted file mode 100644 index 664a3f06..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/buttons/button.twig' with { - 'url': url, - 'text': text, - 'modifier_classes': modifier_classes, -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.yml b/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.yml deleted file mode 100644 index a64229ea..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--disabled/button--disabled.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -is_button_tag: true -is_disabled: true -url: '#' -text: 'Disabled Button' -modifier_classes: '' diff --git a/source-3.0/_patterns/03-components/buttons/button--large/button--large.twig b/source-3.0/_patterns/03-components/buttons/button--large/button--large.twig deleted file mode 100644 index 664a3f06..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--large/button--large.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/buttons/button.twig' with { - 'url': url, - 'text': text, - 'modifier_classes': modifier_classes, -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/buttons/button--large/button--large.yml b/source-3.0/_patterns/03-components/buttons/button--large/button--large.yml deleted file mode 100644 index a79a2369..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--large/button--large.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -url: '#' -text: 'Large Button' -modifier_classes: 'button--large' diff --git a/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.twig b/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.twig deleted file mode 100644 index 664a3f06..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/buttons/button.twig' with { - 'url': url, - 'text': text, - 'modifier_classes': modifier_classes, -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.yml b/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.yml deleted file mode 100644 index d7619c86..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--secondary/button--secondary.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -url: '#' -text: 'Secondary Button' -modifier_classes: 'button--secondary' diff --git a/source-3.0/_patterns/03-components/buttons/button--small/button--small.twig b/source-3.0/_patterns/03-components/buttons/button--small/button--small.twig deleted file mode 100644 index 664a3f06..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--small/button--small.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/buttons/button.twig' with { - 'url': url, - 'text': text, - 'modifier_classes': modifier_classes, -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/buttons/button--small/button--small.yml b/source-3.0/_patterns/03-components/buttons/button--small/button--small.yml deleted file mode 100644 index e559a101..00000000 --- a/source-3.0/_patterns/03-components/buttons/button--small/button--small.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -url: '#' -text: 'Small Button' -modifier_classes: 'button--small' diff --git a/source-3.0/_patterns/03-components/buttons/button.md b/source-3.0/_patterns/03-components/buttons/button.md deleted file mode 100644 index 5293c2f4..00000000 --- a/source-3.0/_patterns/03-components/buttons/button.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .button -title: Button ---- -_Component for Button_ - -### Variables: -* is_button_tag: [boolean] True/False identifying component as a button element. -* is_disabled: [boolean] True/False identifying component as disabled. Not used for links. -* modifier_classes: [string] Classes to modify the default component styling. -* url: [string] URL of the button. -* text: [string] Text of the button. diff --git a/source-3.0/_patterns/03-components/buttons/button.twig b/source-3.0/_patterns/03-components/buttons/button.twig deleted file mode 100644 index 32cc23f0..00000000 --- a/source-3.0/_patterns/03-components/buttons/button.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% if is_button_tag %} - <button class="button {{ modifier_classes }}"{% if is_disabled %} disabled{% endif %}>{{ text }}</button> -{% else %} - <a href="{{ url }}" class="button {{ modifier_classes }}">{{ text }}</a> -{% endif %} diff --git a/source-3.0/_patterns/03-components/buttons/button.yml b/source-3.0/_patterns/03-components/buttons/button.yml deleted file mode 100644 index ae4bc5dd..00000000 --- a/source-3.0/_patterns/03-components/buttons/button.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -is_button_tag: false -is_disabled: false -url: '#' -text: 'Button Text' -modifier_classes: '' diff --git a/source-3.0/_patterns/03-components/card/_card.scss b/source-3.0/_patterns/03-components/card/_card.scss deleted file mode 100644 index f07c1851..00000000 --- a/source-3.0/_patterns/03-components/card/_card.scss +++ /dev/null @@ -1,31 +0,0 @@ -// @file -// Styles for Cards. -$card-padding: 1rem; - -.card { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - display: flex; - flex-direction: column; -} - -.card__body { - display: flex; - flex-direction: column; - padding: ($card-padding * 1.5) $card-padding; -} - -.card__content { - margin-bottom: $card-padding * 0.5; -} - -.card__media { - order: -1; - - img { - width: 100%; - } -} - -.card__footer { - margin-top: auto; -} diff --git a/source-3.0/_patterns/03-components/card/card.md b/source-3.0/_patterns/03-components/card/card.md deleted file mode 100644 index a5a664cb..00000000 --- a/source-3.0/_patterns/03-components/card/card.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .card -title: Card ---- -_Component for Card_ - -### Variables: -* title: [object] content for _title_ twig block. -* url: [string] url string for card link. -* footer: [object] content for _footer_ twig block. -* media: [string] url string for backround-image. -* content: [object] content for _main_ twig block. diff --git a/source-3.0/_patterns/03-components/card/card.twig b/source-3.0/_patterns/03-components/card/card.twig deleted file mode 100644 index 1c884f74..00000000 --- a/source-3.0/_patterns/03-components/card/card.twig +++ /dev/null @@ -1,26 +0,0 @@ -<div class="card"> - <div class="card__body"> - <div class="card__header"> - <h3 class="card__title"> - {% if url %}<a href="{{ url }}">{% endif %} - {{ title }} - {% if url %}</a>{% endif %} - </h3> - </div> - <div class="card__content"> - {{ content }} - </div> - {% if footer %} - <div class="card__footer"> - {{ footer }} - </div> - {% endif %} - </div> - {% if media %} - <div class="card__media"> - {% if url %}<a href="{{ url }}">{% endif %} - {{ media }} - {% if url %}</a>{% endif %} - </div> - {% endif %} -</div> diff --git a/source-3.0/_patterns/03-components/card/card.yml b/source-3.0/_patterns/03-components/card/card.yml deleted file mode 100644 index 2ffdd2f6..00000000 --- a/source-3.0/_patterns/03-components/card/card.yml +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: 'Card title' -url: '#' -footer: '' -media: |- - <img src="http://fpoimg.com/800x600?text=Card Image"> -content: |- - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et accumsan augue. Morbi non laoreet lorem.</p> diff --git a/source-3.0/_patterns/03-components/copyright/copyright.twig b/source-3.0/_patterns/03-components/copyright/copyright.twig deleted file mode 100644 index 9e65152c..00000000 --- a/source-3.0/_patterns/03-components/copyright/copyright.twig +++ /dev/null @@ -1,3 +0,0 @@ -<div class="copyright"> - © {{ year.long }} Copyright {{ site_name }}. -</div> diff --git a/source-3.0/_patterns/03-components/date/_date.scss b/source-3.0/_patterns/03-components/date/_date.scss deleted file mode 100644 index dc236377..00000000 --- a/source-3.0/_patterns/03-components/date/_date.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for Date. - -.date { - font-weight: 700; -} diff --git a/source-3.0/_patterns/03-components/date/date.md b/source-3.0/_patterns/03-components/date/date.md deleted file mode 100644 index 13987290..00000000 --- a/source-3.0/_patterns/03-components/date/date.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -el: .date -title: Date ---- -_Component for Date_ - -### Variables: -* format: [string] Value identifying format of Pattern Lab date to display. -* content: The content to display if not using a Pattern Lab date format diff --git a/source-3.0/_patterns/03-components/date/date.twig b/source-3.0/_patterns/03-components/date/date.twig deleted file mode 100644 index eef05879..00000000 --- a/source-3.0/_patterns/03-components/date/date.twig +++ /dev/null @@ -1,17 +0,0 @@ -<div class="date"> - {% if format == 'long-date' %} - {% include '@base/date-formats/long-date.twig' %} - {% elseif format == 'long-datetime' %} - {% include '@base/date-formats/long-datetime.twig' %} - {% elseif format == 'medium-date' %} - {% include '@base/date-formats/medium-date.twig' %} - {% elseif format == 'medium-datetime' %} - {% include '@base/date-formats/medium-datetime.twig' %} - {% elseif format == 'short-date' %} - {% include '@base/date-formats/short-date.twig' %} - {% elseif format == 'short-datetime' %} - {% include '@base/date-formats/short-datetime.twig' %} - {% else %} - {{ content }} - {% endif %} -</div> diff --git a/source-3.0/_patterns/03-components/date/date.yml b/source-3.0/_patterns/03-components/date/date.yml deleted file mode 100644 index be38a219..00000000 --- a/source-3.0/_patterns/03-components/date/date.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -format: 'medium-date' diff --git a/source-3.0/_patterns/03-components/details/_details.scss b/source-3.0/_patterns/03-components/details/_details.scss deleted file mode 100644 index 5c7f1125..00000000 --- a/source-3.0/_patterns/03-components/details/_details.scss +++ /dev/null @@ -1,87 +0,0 @@ -// @file -// Styles for collapsible details. - -$details-box-shadow-focus: 0 0 3px #3e94cf, 0 0 7px #3e94cf !default; -$details-color: #f1f1f1 !default; -$details-color-content: #fff !default; -$details-color-hover: #d6d7d9 !default; -$details-padding: rem(30px) !default; - -// 'details' can appear as a modernizr class on the html tag, so this -// class is limited to only the details element -/* stylelint-disable-next-line selector-no-qualifying-type */ -details.details { - margin: 0 0 rem($vertical-spacing-forms); - - // Fallback for browsers that don’t support details. - /* stylelint-disable-next-line selector-no-qualifying-type */ - .js &:not([open]) > .details__content { - display: none; - } -} - -.details__summary { - @include svg-background(plus); - background-color: $details-color; - background-position: right $details-padding center; // LTR - background-repeat: no-repeat; - background-size: rem(13px); - cursor: pointer; - display: block; - font-weight: bold; - line-height: 1; - outline: 0; - padding: rem(15px) rem(55px) rem(15px) $details-padding; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - background-position: left $details-padding center; - padding-left: rem(55px); - padding-right: $details-padding; - } - } - - [open] > & { - @include svg-background(minus); - } - - &:hover { - background-color: $details-color-hover; - } - - &:focus { - box-shadow: $details-box-shadow-focus; - } - - &::-webkit-details-marker { - display: none; - } -} - -.details__fallback-link { - color: inherit !important; - display: block; - outline: 0; - text-decoration: none; -} - -.details__content { - background: $details-color-content; - border: 3px solid $details-color; - border-top: 0; - padding: $details-padding; - - > :last-child { - margin-bottom: 0; - } -} - -.details__description { - color: $color-text-secondary; - font-size: rem($font-size-sm); - margin-bottom:rem($vertical-spacing); - - > :last-child { - margin-bottom: 0; - } -} diff --git a/source-3.0/_patterns/03-components/details/details.md b/source-3.0/_patterns/03-components/details/details.md deleted file mode 100644 index 69acf74e..00000000 --- a/source-3.0/_patterns/03-components/details/details.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .details -title: Details ---- -_Component for Details_ diff --git a/source-3.0/_patterns/03-components/details/details.twig b/source-3.0/_patterns/03-components/details/details.twig deleted file mode 100644 index 20ddb3e1..00000000 --- a/source-3.0/_patterns/03-components/details/details.twig +++ /dev/null @@ -1,7 +0,0 @@ -<details class="details js-details js-form-wrapper" data-drupal-selector="edit-details" id="edit-details" open> - <summary class="details__summary" role="button" aria-controls="edit-details" aria-expanded="true" aria-pressed="true">Summary</summary> - <div class="details__content"> - <div class="details__description">Details description</div> - <p>Details content</p> - </div> -</details> diff --git a/source-3.0/_patterns/03-components/dropbutton/_dropbutton.scss b/source-3.0/_patterns/03-components/dropbutton/_dropbutton.scss deleted file mode 100644 index b3f450e6..00000000 --- a/source-3.0/_patterns/03-components/dropbutton/_dropbutton.scss +++ /dev/null @@ -1,105 +0,0 @@ -// @file -// Styles for Drupal dropbuttons. - -$dropbutton-toggle-height: rem(44px) !default; -$dropbutton-toggle-width: 2em !default; -$dropbutton-toggle-icon-size: rem(12px) !default; - -.dropbutton { - display: inline-block; - margin: 0 0 0.5em; - position: relative; - vertical-align: top; - - &.has-multiple { - padding-right: $dropbutton-toggle-width; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - padding-left: $dropbutton-toggle-width; - padding-right: 0; - } - } - } - - &.is-open { - .dropbutton__item { - display: block; - - &:first-child .dropbutton__button { - border-bottom-left-radius: 0; - } - } - - .dropbutton__toggle-button { - @include svg-background(arrow-up-white); - } - } - - & + &, - + .button, - .button + & { - margin-left: 0.5em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - margin-left: 0; - margin-right: 0.5em; - } - } - } -} - -.dropbutton__list { - list-style: none; - margin: 0; - padding: 0; -} - -.dropbutton__toggle { - bottom: 0; - margin: 0; - position: absolute; - right: 0; - top: 0; - width: $dropbutton-toggle-width; -} - -.dropbutton__toggle-button { - @include button(); - @include svg-background(arrow-down-white); - background-position: 50% (($dropbutton-toggle-height / 2) - ($dropbutton-toggle-icon-size / 2)); - background-repeat: no-repeat; - background-size: $dropbutton-toggle-icon-size; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - height: 100%; - padding: 0; - white-space: nowrap; - width: 100%; -} - -.dropbutton__item { - margin: 0; - - &.is-secondary-action { - display: none; - - &:not(:last-child) .dropbutton__button { - border-bottom-left-radius: 0; - } - } - - &:not(:first-child) .dropbutton__button { - border-top-left-radius: 0; - } -} - -.dropbutton .dropbutton__button { // Nested to override default button styles. - border-bottom-right-radius: 0; - border-top-right-radius: 0; - display: block; - margin: 0; - text-align: left; - width: 100%; -} diff --git a/source-3.0/_patterns/03-components/dropbutton/dropbutton.twig b/source-3.0/_patterns/03-components/dropbutton/dropbutton.twig deleted file mode 100644 index 05c81f4f..00000000 --- a/source-3.0/_patterns/03-components/dropbutton/dropbutton.twig +++ /dev/null @@ -1,13 +0,0 @@ -<div class="dropbutton js-dropbutton"> - <ul class="dropbutton__list js-dropbutton-list"> - <li class="publish dropbutton__item is-action"> - <input class="button js-form-submit dropbutton__button" value="Primary Action" type="submit"> - </li> - <li class="unpublish dropbutton__item is-secondary-action"> - <input class="button js-form-submit dropbutton__button" value="Secondary Action" type="submit"> - </li> - <li class="unpublish dropbutton__item is-secondary-action"> - <input class="button js-form-submit dropbutton__button" value="Another Secondary Action" type="submit"> - </li> - </ul> -</div> diff --git a/source-3.0/_patterns/03-components/field/_field.scss b/source-3.0/_patterns/03-components/field/_field.scss deleted file mode 100644 index 0dff23bd..00000000 --- a/source-3.0/_patterns/03-components/field/_field.scss +++ /dev/null @@ -1,28 +0,0 @@ -// @file -// Styles for fields. - -.field { - margin: 0 0 1em; -} - -.field__label { - display: block; - font-weight: 700; - - &.is-inline { - display: inline-block; - margin-right: 0.1em; - - + .field__item { - display: inline; - } - - + .field__items { - display: inline; - - .field__item { - display: inline; - } - } - } -} diff --git a/source-3.0/_patterns/03-components/field/field.md b/source-3.0/_patterns/03-components/field/field.md deleted file mode 100644 index fe0e726b..00000000 --- a/source-3.0/_patterns/03-components/field/field.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -el: .field -title: Field ---- -_Base Field_. - -### Variables: -* element: [string] HTML element to use for field wrapper when label and field displayed. -* label_hidden: [boolean] True/False whether to hide label. -* label_element: [string] HTML element to use label wrapper. -* label: [string] text used for field label. -* multiple: [boolean] True/False to display multiple field items. -* items: [array] Field items. - * content: [object] Field items content. diff --git a/source-3.0/_patterns/03-components/field/field.twig b/source-3.0/_patterns/03-components/field/field.twig deleted file mode 100644 index 8783ffa0..00000000 --- a/source-3.0/_patterns/03-components/field/field.twig +++ /dev/null @@ -1,24 +0,0 @@ -{% set additional_attributes = { - 'class': ['field'], -} %} -{% set additional_title_attributes = { - 'class': ['field__label'], -} %} -{% set additional_item_attributes = { - 'class': ['field__item'], -} %} - -<{{ element ?: 'div' }} {{ add_attributes(additional_attributes) }}> - {% if not label_hidden %} - <{{ label_element ?: 'h3' }} {{ add_attributes(additional_title_attributes,'title_attributes') }}>{{ label }}</{{ label_element ?: 'h3' }}> - {% endif %} - {% if multiple %} - <div class="field__items"> - {% endif %} - {% for item in items %} - <div {{ add_attributes(additional_item_attributes) }}>{{ item.content }}</div> - {% endfor %} - {% if multiple %} - </div> - {% endif %} -</{{ element ?: 'div' }}> diff --git a/source-3.0/_patterns/03-components/field/field.yml b/source-3.0/_patterns/03-components/field/field.yml deleted file mode 100644 index 1bfe8b2b..00000000 --- a/source-3.0/_patterns/03-components/field/field.yml +++ /dev/null @@ -1,8 +0,0 @@ ---- -label: 'Field Label' -label_hidden: false -label_element: 'h3' -multiple: false -element: 'div' -items: - - content: 'Field Item' diff --git a/source-3.0/_patterns/03-components/fieldset/_fieldset.scss b/source-3.0/_patterns/03-components/fieldset/_fieldset.scss deleted file mode 100644 index c32533f8..00000000 --- a/source-3.0/_patterns/03-components/fieldset/_fieldset.scss +++ /dev/null @@ -1,87 +0,0 @@ -// @file -// Styles for form fieldsets. - -$fieldset-color-border: #aeb0b5 !default; -$fieldset-color-legend: #d6d7d9 !default; -$fieldset-legend-offset: rem($base-line-height * $base-font-size) !default; - -.fieldset { - margin-bottom: rem($vertical-spacing-forms + ($base-line-height * $base-font-size)); - padding: 0; - position: relative; - top: $fieldset-legend-offset; // Offsets the negative margin of legends. -} - -.fieldset__legend { - box-sizing: content-box; - display: block; - left: -1px; // LTR - position: absolute; - text-indent: 0; - top: -$fieldset-legend-offset; - width: 100%; - - @if $support-for-rtl { - [dir='rtl'] & { - left: auto; - right: -1px; - } - } -} - -.fieldset__legend-text { - display: block; -} - -.fieldset__legend-link { - display: block; -} - -.fieldset__content {} - -.fieldset__description { - color: $color-text-secondary; - font-size: rem($font-size-sm); - - > :last-child { - margin-bottom: 0; - } -} - -.fieldset--default { - background: #fff; - border: 1px solid $fieldset-color-border; - margin: rem($vertical-spacing) 0 (rem($vertical-spacing) + rem(12px)); - padding: 0 1em; - - .fieldset__legend { - background: $fieldset-color-legend; - border: 1px solid $fieldset-color-border; - border-bottom: 0; - color: #212121; - height: 2em; - line-height: 2; - padding: 0; - text-shadow: 0 1px 0 #fff; - } - - .fieldset__legend-text { - padding-left: 1em; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - padding-left: 0; - padding-right: 1em; - } - } - } - - .fieldset__content { - margin-top: 2.5em; - } - - .fieldset__description { - font-style: italic; - margin: rem($vertical-spacing) 0; - } -} diff --git a/source-3.0/_patterns/03-components/fieldset/fieldset.md b/source-3.0/_patterns/03-components/fieldset/fieldset.md deleted file mode 100644 index 78f26bfc..00000000 --- a/source-3.0/_patterns/03-components/fieldset/fieldset.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .fieldset -title: Fieldset ---- -_Component for Fieldset_ - -### Variables: -* format: [string] Value identifying format of Pattern Lab date to display. -* content: The content to display if not using a Pattern Lab date format -* legend: [string] The fieldset legend text -* content: [string] The fieldset content to display -* description: [string] The fieldset description diff --git a/source-3.0/_patterns/03-components/fieldset/fieldset.twig b/source-3.0/_patterns/03-components/fieldset/fieldset.twig deleted file mode 100644 index 1d75b869..00000000 --- a/source-3.0/_patterns/03-components/fieldset/fieldset.twig +++ /dev/null @@ -1,11 +0,0 @@ -<fieldset class="fieldset fieldset--default"> - <legend class="fieldset__legend"> - <span class="fieldset__legend-text">{{ legend }}</span> - </legend> - <div class="fieldset__content"> - {{ content }} - <div class="fieldset__description"> - {{ description }} - </div> - </div> -</fieldset> diff --git a/source-3.0/_patterns/03-components/fieldset/fieldset.yml b/source-3.0/_patterns/03-components/fieldset/fieldset.yml deleted file mode 100644 index 4ec9e28e..00000000 --- a/source-3.0/_patterns/03-components/fieldset/fieldset.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -legend: 'Fieldset' -content: |- - <p>Fieldset content goes here…</p> -description: |- - <p>The description for this fieldset.</p> diff --git a/source-3.0/_patterns/03-components/file/file.md b/source-3.0/_patterns/03-components/file/file.md deleted file mode 100644 index 21985a2e..00000000 --- a/source-3.0/_patterns/03-components/file/file.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .file -title: File ---- -_Component for File_ diff --git a/source-3.0/_patterns/03-components/file/file.twig b/source-3.0/_patterns/03-components/file/file.twig deleted file mode 100644 index 0629e7e8..00000000 --- a/source-3.0/_patterns/03-components/file/file.twig +++ /dev/null @@ -1,5 +0,0 @@ -<div class="file"> - <img class="file__icon" alt="{{ file.mime }}" src="{{ file.icon }}"> - <a href="#" class="file__link">{{ file.name }}</a> - <span class="file__size">({{ file.size }})</span> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/_form-item.scss b/source-3.0/_patterns/03-components/form-items/_form-item.scss deleted file mode 100644 index 53794861..00000000 --- a/source-3.0/_patterns/03-components/form-items/_form-item.scss +++ /dev/null @@ -1,100 +0,0 @@ -// @file -// Styles for form items. - -$form-border-color: #5b616b !default; -$form-border-color-disabled: #aeb0b5 !default; -$form-box-shadow-focus: 0 0 3px #3e94cf, 0 0 7px #3e94cf !default; -$form-color: #fff; -$form-color-disabled: #d6d7d9; -$form-range-thumb-border-color: #f1f1f1 !default; -$form-range-thumb-border-radius: rem(3px) !default; -$form-range-thumb-border-width: 1px !default; -$form-range-thumb-color: #757575 !default; -$form-range-thumb-height: 44px !default; -$form-range-thumb-width: 22px !default; -$form-range-track-border-color: #757575 !default; -$form-range-track-border-width: 1px !default; -$form-range-track-color: #aeb0b5 !default; -$form-range-track-height: 10px !default; -$form-select-arrow-size: 13px !default; -$form-text-size: $font-size-md !default; - -.form-item { - margin: 0 0 rem($vertical-spacing-forms); -} - -.form-item__label { - display: block; - - .is-disabled > & { - color: $color-text-secondary; - } -} - -.form-item__fieldset { - border: 0; - margin: 0; - padding: 0; -} - -.form-item__legend {} - -.form-item__description { - color: $color-text-secondary; - font-size: rem($font-size-sm); - - > :last-child { - margin-bottom: 0; - } -} - -.form-item__required-marker::before { - content: '*'; -} - -%form-item__box, -.form-item__color, -.form-item__date, -.form-item__email, -.form-item__month, -.form-item__number, -.form-item__password, -.form-item__search, -.form-item__select, -.form-item__tel, -.form-item__text, -.form-item__textarea, -.form-item__time, -.form-item__url, -.form-item__week { - appearance: none; - background-color: $form-color; - border: 1px solid $form-border-color; - border-radius: 0; - display: inline-block; - font-size: rem($form-text-size); - height: rem(44px); - line-height: (22px / $form-text-size); - margin: 0.2em 0; - max-width: 100%; - padding: em(10px, $form-text-size) em(7px, $form-text-size); - - &:focus { - box-shadow: $form-box-shadow-focus; - outline: 0; - } - - &:disabled { - background: $form-color-disabled; - border-color: $form-border-color-disabled; - cursor: default; - } - - .is-full-width > & { - width: 100%; - } -} - -.form-item__textarea { - height: auto; -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/_form-item--checkbox.scss b/source-3.0/_patterns/03-components/form-items/form-item--checkbox/_form-item--checkbox.scss deleted file mode 100644 index 220224a9..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/_form-item--checkbox.scss +++ /dev/null @@ -1,60 +0,0 @@ -// @file -// Styles for checkbox form items. - -.form-item--checkbox { - margin-bottom: 0.5em; -} - -.form-item__checkbox { - @include visually-hidden(true); - - + .form-item__label { - cursor: pointer; - display: block; - - &::before { - background: #fff; - border-radius: rem(3px); - box-shadow: 0 0 0 1px #757575; - content: '\a0'; - display: inline-block; - height: rem(18px); - line-height: rem(18px); - margin-right: 0.6em; - text-indent: 0.15em; - transition-duration: 0.2s; - transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform; - transition-timing-function: ease-in-out; - vertical-align: middle; - width: rem(18px); - } - } - - &:checked + .form-item__label::before { - @include svg-background(correct); - background-color: #0071bc; - background-position: 50%; - background-repeat: no-repeat; - background-size: rem(20px); - box-shadow: 0 0 0 1px #0071bc; - } - - &:focus + .form-item__label::before { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0071bc, 0 0 3px 4px #3e94cf, 0 0 7px 4px #3e94cf; - } - - &:checked:disabled + .form-item__label::before { - background-color: #aeb0b5; - } - - &:disabled + .form-item__label { - color: $color-text-secondary; - cursor: default; - - &::before { - background-color: #aeb0b5; - box-shadow: 0 0 0 1px #aeb0b5; - cursor: not-allowed; - } - } -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.md b/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.md deleted file mode 100644 index fc949f57..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -el: .form-item--checkbox -title: Form Item Checkbox ---- -_Component for Checkbox_ - -## Variables -* checkbox_id:[string] ID for checkbox. -* checkbox_disabled: [boolean] True/False to identify disabled checkbox. -* checkbox_checked: [boolean] True/False value to identify checked checkbox. -* checkbox_label: [string] Label of checkbox. diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.twig b/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.twig deleted file mode 100644 index 83478150..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.twig +++ /dev/null @@ -1,4 +0,0 @@ -<div class="form-item form-item--checkbox"> - <input class="form-item__checkbox" id="{{ checkbox_id }}" type="checkbox" {% if checkbox_disabled %}disabled{% endif %} {% if checkbox_checked %}checked{% endif %}> - <label class="form-item__label is-after" for="{{ checkbox_id }}">{{ checkbox_label }}</label> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.yml b/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.yml deleted file mode 100644 index a99338d3..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkbox/form-item--checkbox.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -checkbox_disabled: false -checkbox_id: 'edit-checkbox' -checkbox_label: 'Checkbox' diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/_form-item--checkboxes.scss b/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/_form-item--checkboxes.scss deleted file mode 100644 index 6863e057..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/_form-item--checkboxes.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for checkbox form items. - -.form-item--checkboxes { - margin-bottom: 0; -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/form-item--checkboxes.twig b/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/form-item--checkboxes.twig deleted file mode 100644 index 10c678a0..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--checkboxes/form-item--checkboxes.twig +++ /dev/null @@ -1,39 +0,0 @@ -<fieldset class="fieldset fieldset--checkboxes" aria-describedby="edit-checkboxes-description"> - <legend class="fieldset__legend"> - <span class="fieldset__legend-text">Checkboxes</span> - </legend> - <div class="fieldset__content"> - <div class="form-item form-item--checkboxes"> - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-a', - 'checkbox_label': 'Choice A' - } %} - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-b', - 'checkbox_label': 'Choice B' - } %} - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-c', - 'checkbox_label': 'Choice C' - } %} - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-d', - 'checkbox_label': 'Choice D' - } %} - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-e', - 'checkbox_label': 'Disabled Choice', - 'checkbox_disabled': true - } %} - {% include '@components/form-items/form-item--checkbox/form-item--checkbox.twig' with { - 'checkbox_id': 'edit-checkboxes-f', - 'checkbox_label': 'Disabled Checked Choice', - 'checkbox_disabled': true, - 'checkbox_checked': true - } %} - </div> - <div class="fieldset__description" id="edit-checkboxes-description"> - <p>The description for this form field.</p> - </div> - </div> -</fieldset> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.md b/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.md deleted file mode 100644 index 302f9c31..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .form-item--date -title: Form Item Date ---- -_Component for HTML5 Date field_ diff --git a/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.twig b/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.twig deleted file mode 100644 index f5ce8b06..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--date/form-item--date.twig +++ /dev/null @@ -1,4 +0,0 @@ -<div class="form-item form-item--date"> - <label class="form-item__label" for="edit-date">Date</label> - <input class="form-item__date" id="edit-date" type="date" data-drupal-date-format="Y-m-d"> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radio/_form-item--radio.scss b/source-3.0/_patterns/03-components/form-items/form-item--radio/_form-item--radio.scss deleted file mode 100644 index bc246fb1..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radio/_form-item--radio.scss +++ /dev/null @@ -1,41 +0,0 @@ -// @file -// Styles for radio form items. - -.form-item--radio { - margin-bottom: 0.5em; - - .form-item__radio { - appearance: none; - border: 2px solid #999; - border-radius: 50%; - cursor: pointer; - height: 16px; - margin-right: 3px; - outline: none; - position: relative; - top: 2px; - transition-duration: 0.2s; - transition-property: border-color, border-width; - transition-timing-function: ease-in-out; - width: 16px; - - &:checked { - border: 6px solid #0071bc; - } - - &:disabled { - border: 2px solid #bbb; - cursor: default; - } - - + .form-item__label { - cursor: pointer; - display: inline; - } - - &:disabled + .form-item__label { - color: #bbb; - cursor: default; - } - } -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.md b/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.md deleted file mode 100644 index d1c9e4e5..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -el: .form-item--radio -title: Form Item Radio ---- -_Component for Radio_ - -## Variables -* radio_option_id:[string] ID for radio. -* radio_option_disabled: [boolean] True/False to identify disabled radio. -* radio_option_label: [string] Label of radio. diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.twig b/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.twig deleted file mode 100644 index 06de7eed..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.twig +++ /dev/null @@ -1,4 +0,0 @@ -<div class="form-item form-item--radio"> - <input class="form-item__radio" id="{{ radio_option_id }}" name="radios" aria-describedby="edit-radios-description" type="radio"{% if radio_option_disabled %} disabled{% endif %}> - <label class="form-item__label is-after" for="{{ radio_option_id }}">{{ radio_option_label }}</label> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.yml b/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.yml deleted file mode 100644 index 08b02fd8..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radio/form-item--radio.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -radio_option_disabled: false -radio_option_id: 'edit-radio-one' -radio_option_label: 'Option' diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radios/_form-item--radios.scss b/source-3.0/_patterns/03-components/form-items/form-item--radios/_form-item--radios.scss deleted file mode 100644 index 888e3f32..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radios/_form-item--radios.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for radio form items. - -.form-item--radios { - margin-bottom: 0; -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--radios/form-item--radios.twig b/source-3.0/_patterns/03-components/form-items/form-item--radios/form-item--radios.twig deleted file mode 100644 index 2e618316..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--radios/form-item--radios.twig +++ /dev/null @@ -1,33 +0,0 @@ -<fieldset class="fieldset fieldset--radios" aria-describedby="edit-radios-description"> - <legend class="fieldset__legend"> - <span class="fieldset__legend-text">Radios</span> - </legend> - <div class="fieldset__content"> - <div class="form-item form-item--radios"> - {% include '@components/form-items/form-item--radio/form-item--radio.twig' with { - 'radio_option_id': 'edit-radios-one', - 'radio_option_label': 'Option One' - } %} - {% include '@components/form-items/form-item--radio/form-item--radio.twig' with { - 'radio_option_id': 'edit-radios-two', - 'radio_option_label': 'Option Two' - } %} - {% include '@components/form-items/form-item--radio/form-item--radio.twig' with { - 'radio_option_id': 'edit-radios-three', - 'radio_option_label': 'Option Three' - } %} - {% include '@components/form-items/form-item--radio/form-item--radio.twig' with { - 'radio_option_id': 'edit-radios-four', - 'radio_option_label': 'Option Four' - } %} - {% include '@components/form-items/form-item--radio/form-item--radio.twig' with { - 'radio_option_id': 'edit-radios-five', - 'radio_option_label': 'Disabled Option', - 'radio_option_disabled': true - } %} - </div> - <div class="fieldset__description" id="edit-radios-description"> - <p>The description for this form field.</p> - </div> - </div> -</fieldset> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--range/_form-item--range.scss b/source-3.0/_patterns/03-components/form-items/form-item--range/_form-item--range.scss deleted file mode 100644 index 975ad275..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--range/_form-item--range.scss +++ /dev/null @@ -1,136 +0,0 @@ -// @file -// Styles for range form items. - -@mixin form-item__range-thumb { - background: $form-range-thumb-color; - border: $form-range-thumb-border-width solid $form-range-thumb-border-color; - border-radius: $form-range-thumb-border-radius; - cursor: pointer; - height: rem($form-range-thumb-height); - outline: 0; - width: rem($form-range-thumb-width); -} - -@mixin form-item__range-thumb-focus { - box-shadow: $form-box-shadow-focus; -} - -@mixin form-item__range-thumb-disabled { - background: $form-color-disabled; - border-color: $form-border-color-disabled; - cursor: default; -} - -@mixin form-item__range-track { - background: $form-range-track-color; - border: $form-range-track-border-width solid $form-range-track-border-color; - cursor: pointer; - display: block; - height: rem($form-range-track-height); - margin: 0; - outline: 0; - width: 100%; -} - -@mixin form-item__range-track-disabled { - background: $form-color-disabled; - border-color: $form-border-color-disabled; - cursor: default; -} - -.form-item--range { - .form-item__range { - appearance: none; - background: transparent; - border: 0; - height: rem($form-range-thumb-height); - margin: 0.2em 0; - padding: 0; - - &:focus { - box-shadow: none; - outline: 0; - - &::-moz-range-thumb { - @include form-item__range-thumb-focus; - } - - &::-ms-thumb { - @include form-item__range-thumb-focus; - } - - &::-webkit-slider-thumb { - @include form-item__range-thumb-focus; - } - } - - &:disabled { - cursor: default; - - &::-moz-range-thumb { - @include form-item__range-thumb-disabled; - } - - &::-moz-range-track { - @include form-item__range-track-disabled; - } - - &::-ms-thumb { - @include form-item__range-thumb-disabled; - } - - &::-ms-fill-lower, - &::-ms-fill-upper { - @include form-item__range-track-disabled; - } - - &::-webkit-slider-thumb { - @include form-item__range-thumb-disabled; - } - - &::-webkit-slider-runnable-track { - @include form-item__range-track-disabled; - } - } - - &::-moz-range-thumb { - @include form-item__range-thumb; - } - - &::-moz-range-track { - @include form-item__range-track; - } - - &::-ms-thumb { - @include form-item__range-thumb; - margin-top: 0 !important; // Removes webkit-specific margin since IE uses webkit prefixes. - } - - &::-ms-track { - @include form-item__range-track; - background: transparent; - border: 0; - color: transparent; - } - - &::-ms-fill-lower, - &::-ms-fill-upper { - background: $form-range-track-color; - border: $form-range-track-border-width solid $form-range-track-border-color; - } - - &::-webkit-slider-thumb { - @include form-item__range-thumb; - -webkit-appearance: none; - margin-top: rem(((-$form-range-track-border-width * 2) + $form-range-track-height) / 2) - rem($form-range-thumb-height / 2); - } - - &::-webkit-slider-runnable-track { - @include form-item__range-track; - } - } - - &.is-full-width > .form-item__range { - width: 100%; - } -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.md b/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.md deleted file mode 100644 index 019a7f08..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .form-item--range -title: Form Item Range ---- -_Component for HTML5 Range field_ diff --git a/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.twig b/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.twig deleted file mode 100644 index cccbdf11..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--range/form-item--range.twig +++ /dev/null @@ -1,17 +0,0 @@ -<div class="form-item form-item--range"> - <label class="form-item__label" for="edit-range">Range</label> - <input class="form-item__range" id="edit-range" type="range" step="1" min="0" max="100"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--range is-disabled"> - <label class="form-item__label" for="edit-range">Disabled range</label> - <input class="form-item__range" id="edit-range" type="range" step="1" min="0" max="100" disabled> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--range is-full-width"> - <label class="form-item__label" for="edit-range">Full width range</label> - <input class="form-item__range" id="edit-range" type="range" step="1" min="0" max="100"> - <div class="form-item__description">The description for this form field.</div> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--select/_form-item--select.scss b/source-3.0/_patterns/03-components/form-items/form-item--select/_form-item--select.scss deleted file mode 100644 index d5bc3116..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--select/_form-item--select.scss +++ /dev/null @@ -1,24 +0,0 @@ -// @file -// Styles for select form items. - -.form-item--select { - .form-item__select { - @include svg-background(arrow-down); - background-position: right rem($form-select-arrow-size) center; // LTR - background-repeat: no-repeat; - background-size: rem($form-select-arrow-size); - padding-right: rem(($form-select-arrow-size * 2) + 7px); // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - background-position: left rem($form-select-arrow-size) center; - padding-left: rem(($form-select-arrow-size * 2) + 7px); - padding-right: 0; - } - } - - &::-ms-expand { - display: none; - } - } -} diff --git a/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.md b/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.md deleted file mode 100644 index ecfcb546..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .form-item--select -title: Form Item Select ---- -_Component for Select field_ diff --git a/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.twig b/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.twig deleted file mode 100644 index ad7a42fe..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--select/form-item--select.twig +++ /dev/null @@ -1,55 +0,0 @@ -<div class="form-item form-item--select"> - <label class="form-item__label" for="edit-select">Select</label> - <select class="form-item__select" id="edit-select"> - <option>Option One</option> - <option>Option Two</option> - <option>Option Three</option> - <option>Option Four</option> - <option>Option Five</option> - <option disabled>Disabled Option</option> - </select> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--select"> - <label class="form-item__label" for="edit-select-groups">Select with groups</label> - <select class="form-item__select" id="edit-select-groups"> - <optgroup label="Group One"> - <option>Option One</option> - <option>Option Two</option> - <option>Option Three</option> - </optgroup> - <optgroup label="Group Two"> - <option>Option Four</option> - <option>Option Five</option> - <option disabled>Disabled Option</option> - </optgroup> - </select> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--select is-disabled"> - <label class="form-item__label" for="edit-select-disabled">Disabled select</label> - <select class="form-item__select" id="edit-select-disabled" disabled> - <option>Option One</option> - <option>Option Two</option> - <option>Option Three</option> - <option>Option Four</option> - <option>Option Five</option> - <option disabled>Disabled Option</option> - </select> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--select is-full-width"> - <label class="form-item__label" for="edit-select-width">Full width select</label> - <select class="form-item__select" id="edit-select-width"> - <option>Option One</option> - <option>Option Two</option> - <option>Option Three</option> - <option>Option Four</option> - <option>Option Five</option> - <option disabled>Disabled Option</option> - </select> - <div class="form-item__description">The description for this form field.</div> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--textfield/form-item--textfield.twig b/source-3.0/_patterns/03-components/form-items/form-item--textfield/form-item--textfield.twig deleted file mode 100644 index 700c8eae..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--textfield/form-item--textfield.twig +++ /dev/null @@ -1,65 +0,0 @@ -<div class="form-item form-item--textfield"> - <label class="form-item__label" for="edit-textfield">Textfield</label> - <input class="form-item__text" id="edit-textfield" type="text" size="60" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--textfield"> - <label class="form-item__label" for="edit-textfield-placeholder">Textfield with placeholder</label> - <input class="form-item__text" placeholder="Placeholder text" id="edit-textfield-placeholder" type="text" size="60" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--textfield is-disabled"> - <label class="form-item__label" for="edit-textfield-disabled">Disabled textfield</label> - <input class="form-item__text" id="edit-textfield-disabled" type="text" size="60" maxlength="128" disabled> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--textfield is-full-width"> - <label class="form-item__label" for="edit-textfield">Full width textfield</label> - <input class="form-item__text" id="edit-textfield" type="text" size="60" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--textfield is-required"> - <label class="form-item__label" for="edit-required-textfield">Required textfield<span class="form-item__required-marker"><span class="visually-hidden">This field is required.</span></span></label> - <input class="form-item__text is-required" id="edit-required-textfield" type="text" size="60" maxlength="128" required="required" aria-required="true"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--email"> - <label class="form-item__label" for="edit-email">Email</label> - <input class="form-item__email" id="edit-email" type="email" size="60" maxlength="255"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--number"> - <label class="form-item__label" for="edit-number">Number</label> - <input class="form-item__number" id="edit-number" type="number" step="1"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--password"> - <label class="form-item__label" for="edit-password">Password</label> - <input class="form-item__password" id="edit-password" type="password" size="60" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--search"> - <label class="form-item__label" for="edit-search">Search</label> - <input class="form-item__search" id="edit-search" type="search" size="60" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--tel"> - <label class="form-item__label" for="edit-tel">Telephone</label> - <input class="form-item__tel" id="edit-tel" type="tel" size="30" maxlength="128"> - <div class="form-item__description">The description for this form field.</div> -</div> - -<div class="form-item form-item--textarea"> - <label class="form-item__label" for="edit-textarea">Textarea</label> - <textarea class="form-item__textarea" id="edit-textarea" cols="60" rows="5"></textarea> - <div class="form-item__description">The description for this form field.</div> -</div> diff --git a/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.md b/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.md deleted file mode 100644 index b3d70171..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -el: .form-item--time -title: Form Item Time field ---- -_Component for HTML5 Time field_ diff --git a/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.twig b/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.twig deleted file mode 100644 index ddecb36e..00000000 --- a/source-3.0/_patterns/03-components/form-items/form-item--time/form-item--time.twig +++ /dev/null @@ -1,4 +0,0 @@ -<div class="form-item form-item--time"> - <label class="form-item__label" for="edit-time">Time</label> - <input class="form-item__time" id="edit-time" type="time" title="Time (e.g. 09:30:30)" step="1" size="12"> -</div> diff --git a/source-3.0/_patterns/03-components/hero-bg-image/_hero-bg-image.scss b/source-3.0/_patterns/03-components/hero-bg-image/_hero-bg-image.scss deleted file mode 100644 index 1489d8a3..00000000 --- a/source-3.0/_patterns/03-components/hero-bg-image/_hero-bg-image.scss +++ /dev/null @@ -1,36 +0,0 @@ -// @file -// Styles for hero using a background image. - -.hero-bg-image { - background-position: 50% 50%; - background-size: cover; - color: #fff; - padding: 4em 1em; - text-align: center; - - &.has-overlay { - position: relative; - - &::after { - background: rgba(0, 0, 0, 0.5); - bottom: 0; - content: ''; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1; - } - - .hero-bg-image__content { - position: relative; - z-index: 2; - } - } -} - -.hero-bg-image__title { - margin-bottom: 0.25em; -} - -.hero-bg-image__subtitle {} diff --git a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.md b/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.md deleted file mode 100644 index 77cc5aa5..00000000 --- a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -el: .hero-bg-image -title: Hero Bg Image ---- -_Component for Hero Bg Image_ - -## Variables -* custom_classes: [string] Classes to modify the default component styling. -* image: [string] Background image for component. -* image_alt: [string] Alt text for image. -* has_overlay: [boolean] True/False identifying component has overlay class. -* title: [string] Title of hero. -* subtitle: [string] Subtitle of hero. -* summary: [string] Summary of hero. \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.twig b/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.twig deleted file mode 100644 index 1b0ed2d3..00000000 --- a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.twig +++ /dev/null @@ -1,27 +0,0 @@ -{% set classes = [ - 'hero-bg-image', - custom_classes ? custom_classes, - has_overlay ? 'has-overlay', -]|join(' ')|trim %} - -<div class="{{ classes }}" style="background-image: url({{ hero_image }});" role="img" aria-label="{{ image_alt }}"> - <div class="hero-bg-image__content"> - {% if hero_title %} - <h1 class="hero-bg-image__title">{{ hero_title }}</h1> - {% endif %} - {% if hero_subtitle %} - <h3 class="hero-bg-image__subtitle">{{ hero_subtitle }}</h3> - {% endif %} - {% if hero_summary %} - <div class="hero-bg-image__text">{{ hero_summary }}</div> - {% endif %} - {% if hero_button_text and hero_button_url %} - <div class="hero-bg-image__button"> - {% include '@components/buttons/button.twig' with { - 'url': hero_button_url, - 'text': hero_button_text - } %} - </div> - {% endif %} - </div> -</div> diff --git a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.yml b/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.yml deleted file mode 100644 index a17ba525..00000000 --- a/source-3.0/_patterns/03-components/hero-bg-image/hero-bg-image.yml +++ /dev/null @@ -1,10 +0,0 @@ ---- -custom_classes: false -has_overlay: true -hero_image: 'https://picsum.photos/1600/800?image=11' -hero_image_alt: 'alt text' -hero_title: 'Hero Title' -hero_subtitle: 'Hero Subtitle' -hero_summary: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>' -hero_button_text: 'Hero Button' -hero_button_url: '#' diff --git a/source-3.0/_patterns/03-components/hero-inline-image/_hero-inline-image.scss b/source-3.0/_patterns/03-components/hero-inline-image/_hero-inline-image.scss deleted file mode 100644 index d9d21505..00000000 --- a/source-3.0/_patterns/03-components/hero-inline-image/_hero-inline-image.scss +++ /dev/null @@ -1,50 +0,0 @@ -// @file -// Styles for hero using an inline image element. - -.hero-inline-image { - color: #fff; - padding: 0; - position: relative; - text-align: center; - - &.has-overlay { - &::after { - background: rgba(0, 0, 0, 0.5); - bottom: 0; - content: ''; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 1; - } - - .hero-inline-image__content { - z-index: 2; - } - } -} - -.hero-inline-image__title { - margin-bottom: 0.25em; -} - -.hero-inline-image__subtitle {} - -.hero-inline-image__media { - display: block; - line-height: 0; - - img, - picture { - width: 100%; - } -} - -.hero-inline-image__content { - background: rgba(0, 0, 0, 0.5); - bottom: 5%; - padding: 1em; - position: absolute; - right: 5%; -} diff --git a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.md b/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.md deleted file mode 100644 index 333a4f45..00000000 --- a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -el: .hero-inline-image -title: Hero Inline Image ---- -_Component for Hero Inline Image_ - -## Variables -* custom_classes: [string] Classes to modify the default component styling. -* media: [string] Background image for component. -* has_overlay: [boolean] True/False identifying component has overlay class. -* title: [string] Title of hero. -* subtitle: [string] Subtitle of hero. -* summary: [string] Summary of hero. -* call_to_action_content: Content for the call to action section. diff --git a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.twig b/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.twig deleted file mode 100644 index e10678b6..00000000 --- a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.twig +++ /dev/null @@ -1,30 +0,0 @@ -{% set classes = [ - 'hero-inline-image', - custom_classes ? custom_classes, - has_overlay ? 'has-overlay', -]|join(' ')|trim %} - -<div class="{{ classes }}"> - <div class="hero-inline-image__media"> - {{ hero_media }} - </div> - <div class="hero-inline-image__content"> - {% if hero_title %} - <h1 class="hero-inline-image__title">{{ hero_title }}</h1> - {% endif %} - {% if hero_subtitle %} - <h3 class="hero-inline-image__subtitle">{{ hero_subtitle }}</h3> - {% endif %} - {% if hero_summary %} - <div class="hero-inline-image__text">{{ hero_summary }}</div> - {% endif %} - {% if hero_button_text and hero_button_url %} - <div class="hero-bg-image__button"> - {% include '@components/buttons/button.twig' with { - 'url': hero_button_url, - 'text': hero_button_text - } %} - </div> - {% endif %} - </div> -</div> diff --git a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.yml b/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.yml deleted file mode 100644 index 498cd647..00000000 --- a/source-3.0/_patterns/03-components/hero-inline-image/hero-inline-image.yml +++ /dev/null @@ -1,15 +0,0 @@ ---- -custom_classes: false -has_overlay: true -hero_media: |- - <picture> - <source srcset="https://picsum.photos/1600/800?image=11" media="(min-width: 1024px)" type="image/jpeg"> - <source srcset="https://picsum.photos/1200/600?image=11" media="(min-width: 760px)" type="image/jpeg"> - <source srcset="https://picsum.photos/800/400?image=11" type="image/jpeg"> - <img srcset="https://picsum.photos/1600/800?image=11" alt="Hero Image Alt Text"> - </picture> -hero_title: 'Hero Title' -hero_subtitle: 'Hero Subtitle' -hero_summary: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>' -hero_button_text: 'Hero Button' -hero_button_url: '#' diff --git a/source-3.0/_patterns/03-components/image-teaser/_image-teaser.scss b/source-3.0/_patterns/03-components/image-teaser/_image-teaser.scss deleted file mode 100644 index 3b8329aa..00000000 --- a/source-3.0/_patterns/03-components/image-teaser/_image-teaser.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for image teaser. - -.image-teaser {} diff --git a/source-3.0/_patterns/03-components/image-teaser/image-teaser.md b/source-3.0/_patterns/03-components/image-teaser/image-teaser.md deleted file mode 100644 index c8cfd4d3..00000000 --- a/source-3.0/_patterns/03-components/image-teaser/image-teaser.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .image-teaser -title: Image Teaser ---- -_Component for Image Teaser_ - -## Variables -* url: [string] URL for image teaser. -* image: [string] Image for component. -* title: [string] Teaser title of component. -* date: [string] Teaser date of component. -* summary: [string] Teaser summary of component. diff --git a/source-3.0/_patterns/03-components/image-teaser/image-teaser.twig b/source-3.0/_patterns/03-components/image-teaser/image-teaser.twig deleted file mode 100644 index 79cb6da8..00000000 --- a/source-3.0/_patterns/03-components/image-teaser/image-teaser.twig +++ /dev/null @@ -1,14 +0,0 @@ -<article class="image-teaser" role="article"> - <div class="l-media"> - {% if image %} - <div class="l-media__object"> - <a href="{{ url }}">{{ image }}</a> - </div> - {% endif %} - <div class="l-media__content"> - <h2><a href="{{ url }}">{{ title }}</a></h2> - {{ date }} - {{ summary }} - </div> - </div> -</article> diff --git a/source-3.0/_patterns/03-components/image-teaser/image-teaser.yml b/source-3.0/_patterns/03-components/image-teaser/image-teaser.yml deleted file mode 100644 index dc562f03..00000000 --- a/source-3.0/_patterns/03-components/image-teaser/image-teaser.yml +++ /dev/null @@ -1,7 +0,0 @@ ---- -url: '#' -image: 'Teaser Image' -title: 'Title' -date: 'Teaser Date' -summary: |- - <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.</p> diff --git a/source-3.0/_patterns/03-components/lists/_list.scss b/source-3.0/_patterns/03-components/lists/_list.scss deleted file mode 100644 index dcbc7453..00000000 --- a/source-3.0/_patterns/03-components/lists/_list.scss +++ /dev/null @@ -1,24 +0,0 @@ -// @file -// Styles for list. - -.list {} - -.list--border { - @include list-border(); -} - -.list--clean { - @include list-clean(); -} - -.list--column { - @include list-column(); -} - -.list--inline { - @include list-inline(); -} - -.list--pipeline { - @include list-pipeline(); -} diff --git a/source-3.0/_patterns/03-components/lists/list--border/list--border.twig b/source-3.0/_patterns/03-components/lists/list--border/list--border.twig deleted file mode 100644 index fe324e5b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--border/list--border.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/lists/list.twig' with { - 'modifier_classes': modifier_classes, - 'list': list -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--border/list--border.yml b/source-3.0/_patterns/03-components/lists/list--border/list--border.yml deleted file mode 100644 index 230df4a5..00000000 --- a/source-3.0/_patterns/03-components/lists/list--border/list--border.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: 'list--border' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--clean/list--clean.twig b/source-3.0/_patterns/03-components/lists/list--clean/list--clean.twig deleted file mode 100644 index fe324e5b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--clean/list--clean.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/lists/list.twig' with { - 'modifier_classes': modifier_classes, - 'list': list -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--clean/list--clean.yml b/source-3.0/_patterns/03-components/lists/list--clean/list--clean.yml deleted file mode 100644 index 7bc68d2b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--clean/list--clean.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: 'list--clean' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--column/list--column.twig b/source-3.0/_patterns/03-components/lists/list--column/list--column.twig deleted file mode 100644 index fe324e5b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--column/list--column.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/lists/list.twig' with { - 'modifier_classes': modifier_classes, - 'list': list -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--column/list--column.yml b/source-3.0/_patterns/03-components/lists/list--column/list--column.yml deleted file mode 100644 index 162af10b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--column/list--column.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: 'list--column' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--inline/list--inline.twig b/source-3.0/_patterns/03-components/lists/list--inline/list--inline.twig deleted file mode 100644 index fe324e5b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--inline/list--inline.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/lists/list.twig' with { - 'modifier_classes': modifier_classes, - 'list': list -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--inline/list--inline.yml b/source-3.0/_patterns/03-components/lists/list--inline/list--inline.yml deleted file mode 100644 index ff9bd475..00000000 --- a/source-3.0/_patterns/03-components/lists/list--inline/list--inline.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: 'list--inline' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.twig b/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.twig deleted file mode 100644 index fe324e5b..00000000 --- a/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/lists/list.twig' with { - 'modifier_classes': modifier_classes, - 'list': list -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.yml b/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.yml deleted file mode 100644 index 1f7cc385..00000000 --- a/source-3.0/_patterns/03-components/lists/list--pipeline/list--pipeline.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: 'list--pipeline' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/lists/list.md b/source-3.0/_patterns/03-components/lists/list.md deleted file mode 100644 index fc89603b..00000000 --- a/source-3.0/_patterns/03-components/lists/list.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -el: .list -title: List ---- -_Component for List_ - -## Variables -* modifier_classes: [string] Classes to modify the default component styling. -* list: [array] The list items. Each item is an object containing: - * text: [string] Text of the item. diff --git a/source-3.0/_patterns/03-components/lists/list.twig b/source-3.0/_patterns/03-components/lists/list.twig deleted file mode 100644 index bc9cbe81..00000000 --- a/source-3.0/_patterns/03-components/lists/list.twig +++ /dev/null @@ -1,5 +0,0 @@ -<ul class="list {{ modifier_classes }}"> - {% for item in list %} - <li>{{ item.text }}</li> - {% endfor %} -</ul> diff --git a/source-3.0/_patterns/03-components/lists/list.yml b/source-3.0/_patterns/03-components/lists/list.yml deleted file mode 100644 index de03e67b..00000000 --- a/source-3.0/_patterns/03-components/lists/list.yml +++ /dev/null @@ -1,11 +0,0 @@ ---- -modifier_classes: '' -list: - - - text: 'List Item One' - - - text: 'List Item Two' - - - text: 'List Item Three' - - - text: 'List Item Four' diff --git a/source-3.0/_patterns/03-components/menus/_menu.scss b/source-3.0/_patterns/03-components/menus/_menu.scss deleted file mode 100644 index e4650724..00000000 --- a/source-3.0/_patterns/03-components/menus/_menu.scss +++ /dev/null @@ -1,14 +0,0 @@ -// @file -// Styles for the Menu. - -.menu { - @include list-clean; - - @media print { - display: none; - } -} - -.menu__item { - margin-bottom: 0; -} diff --git a/source-3.0/_patterns/03-components/menus/menu--account/_menu--account.scss b/source-3.0/_patterns/03-components/menus/menu--account/_menu--account.scss deleted file mode 100644 index 00efb7ff..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--account/_menu--account.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Styles for the account menu. - -.menu--account { - @include list-pipeline; - - .menu__link { - font-size: em($font-size-sm); - } -} diff --git a/source-3.0/_patterns/03-components/menus/menu--account/menu--account.twig b/source-3.0/_patterns/03-components/menus/menu--account/menu--account.twig deleted file mode 100644 index 2b7430a1..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--account/menu--account.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/menus/menu.twig' with { - 'menu_name': menu_name, - 'items': items -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/menus/menu--account/menu--account.yml b/source-3.0/_patterns/03-components/menus/menu--account/menu--account.yml deleted file mode 100644 index 75a61000..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--account/menu--account.yml +++ /dev/null @@ -1,17 +0,0 @@ ---- -menu_name: 'account' -items: - - title: 'Account Link 1' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Account Link 2' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false diff --git a/source-3.0/_patterns/03-components/menus/menu--footer/_menu--footer.scss b/source-3.0/_patterns/03-components/menus/menu--footer/_menu--footer.scss deleted file mode 100644 index d314158f..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--footer/_menu--footer.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for the footer menu. - -.menu--footer { - @include list-inline; -} diff --git a/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.twig b/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.twig deleted file mode 100644 index 2b7430a1..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/menus/menu.twig' with { - 'menu_name': menu_name, - 'items': items -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.yml b/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.yml deleted file mode 100644 index b999dee3..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--footer/menu--footer.yml +++ /dev/null @@ -1,31 +0,0 @@ ---- -menu_name: 'footer' -items: - - title: 'Footer Link 1' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Footer Link 2' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Footer Link 3' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Footer Link 4' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false diff --git a/source-3.0/_patterns/03-components/menus/menu--main/_menu--main.scss b/source-3.0/_patterns/03-components/menus/menu--main/_menu--main.scss deleted file mode 100644 index 6aa7e400..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--main/_menu--main.scss +++ /dev/null @@ -1,6 +0,0 @@ -// @file -// Styles for the main menu. - -.menu--main { - @include list-inline; -} diff --git a/source-3.0/_patterns/03-components/menus/menu--main/menu--main.twig b/source-3.0/_patterns/03-components/menus/menu--main/menu--main.twig deleted file mode 100644 index 2b7430a1..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--main/menu--main.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/menus/menu.twig' with { - 'menu_name': menu_name, - 'items': items -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/menus/menu--main/menu--main.yml b/source-3.0/_patterns/03-components/menus/menu--main/menu--main.yml deleted file mode 100644 index 6aee4ebd..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--main/menu--main.yml +++ /dev/null @@ -1,31 +0,0 @@ ---- -menu_name: 'main' -items: - - title: 'Main Link 1' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Main Link 2' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Main Link 3' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Main Link 4' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false diff --git a/source-3.0/_patterns/03-components/menus/menu--mobile/_menu--mobile.scss b/source-3.0/_patterns/03-components/menus/menu--mobile/_menu--mobile.scss deleted file mode 100644 index c6011547..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--mobile/_menu--mobile.scss +++ /dev/null @@ -1,112 +0,0 @@ -// @file -// Styles for the mobile menu. - -$menu-mobile-menu-text-color: #555559 !default; -$menu-mobile-menu-hover-color: #000 !default; -$menu-mobile-submenu-fallback-bg-color: #fff !default; -$menu-mobile-submenu-bg-color: rgba(255, 255, 255, 0.98) !default; -$menu-mobile-submenu-text-color: #555559 !default; -$menu-mobile-submenu-hover-color: #000 !default; - -.menu--mobile { - margin: 0.75em 0 0; - - .menu__item { - margin: 0; - padding: 0; - } - - .menu__link { - @extend %system-font-family; - background-color: transparent; - border: 0; - color: $menu-mobile-menu-text-color; - display: block; - font-size: em(18px); - font-weight: bold; - line-height: 1.25; - margin: 0; - padding: em(10.75px, 18px) 1.25em; - position: relative; - text-align: left; - text-decoration: none; - white-space: normal; - width: auto; - z-index: 3; - - &:active, - &:focus, - &:hover, - &.is-active { - color: $menu-mobile-menu-hover-color; - } - } - - .menu__item--parent { - position: relative; - - &.is-open { - background: $menu-mobile-submenu-fallback-bg-color; - background: $menu-mobile-submenu-bg-color; - } - - > .menu__link { - display: inline-block; - } - } - - .menu__subnav-arrow { - @include image-replace(100%, 44px); - @include svg-background-inline(mobile-arrow-down); - background-attachment: initial; - background-color: initial; - background-position: 95% 50%; - background-repeat: no-repeat; - background-size: 19px 12px; - border: 0; - box-shadow: none; - cursor: pointer; - display: inline-block; - height: em(44px); - position: absolute; - right: 0; - top: 0; - vertical-align: top; - z-index: 2; - - &:focus { - outline: thin dotted; - } - - &.is-active { - @include svg-background-inline(mobile-arrow-up); - } - - @if $support-for-rtl { - [dir='rtl'] & { - left: 0; - right: auto; - } - } - } - - .menu__subnav { - display: none; - list-style: none; - margin: 0; - padding: 0; - - .menu__item {} - - .menu__link { - color: $menu-mobile-submenu-text-color; - padding-left: 2em; - - &:active, - &:focus, - &:hover { - color: $menu-mobile-submenu-hover-color; - } - } - } -} diff --git a/source-3.0/_patterns/03-components/menus/menu--subnav/_menu--subnav.scss b/source-3.0/_patterns/03-components/menus/menu--subnav/_menu--subnav.scss deleted file mode 100644 index 85de217c..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--subnav/_menu--subnav.scss +++ /dev/null @@ -1,10 +0,0 @@ -// @file -// Styles for the subnav menu. - -.menu--submenu { - @include list-pipeline; - - .menu__link { - font-size: em($font-size-sm); - } -} diff --git a/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.twig b/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.twig deleted file mode 100644 index 2b7430a1..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.twig +++ /dev/null @@ -1,4 +0,0 @@ -{% include '@components/menus/menu.twig' with { - 'menu_name': menu_name, - 'items': items -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.yml b/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.yml deleted file mode 100644 index e8ebee62..00000000 --- a/source-3.0/_patterns/03-components/menus/menu--subnav/menu--subnav.yml +++ /dev/null @@ -1,39 +0,0 @@ ---- -menu_name: 'submenu' -items: - - title: 'Menu item one' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Menu item two' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - below: - - title: 'Submenu item one' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Submenu item two' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Submenu item three' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false diff --git a/source-3.0/_patterns/03-components/menus/menu.md b/source-3.0/_patterns/03-components/menus/menu.md deleted file mode 100644 index 799d3f58..00000000 --- a/source-3.0/_patterns/03-components/menus/menu.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -el: .menu -title: Menu ---- -_Component for Menu_ - -## Variables -* menu_name: [string] Identifies the type of menu. -* items: [array] The menu items. Each item is an object containing: - * title: [string] Title of the menu item. - * url: [string] URL of the menu item. - * original_link: [array] Options and HTML attributes for the menu link item. - * in_active_trail: [boolean] Whether menu item is in the active path. - -### Usage -The menu components folder contains several variants including _Account menu_, -_Footer menu_, _Main menu_ and _Menu with subnav_. Each variant is derived from -the menu component and uses specific data within their respective _YML_ files to -replicate the menu items. - -The Menu with Subnav uses the _item.below_ variable to create a submenu with a -menu item. diff --git a/source-3.0/_patterns/03-components/menus/menu.twig b/source-3.0/_patterns/03-components/menus/menu.twig deleted file mode 100644 index 9a4393d4..00000000 --- a/source-3.0/_patterns/03-components/menus/menu.twig +++ /dev/null @@ -1,62 +0,0 @@ -{% import _self as menus %} - -{{ menus.menu_links(items, attributes, 0, menu_name) }} - -{% macro menu_links(items, attributes, menu_level, menu_name) %} - {% import _self as menus %} - {% if items %} - {% if menu_level == 0 %} - {# double quotes around class using menu_name needed for interpolation #} - {% set additional_attributes = { - 'class': [ - 'menu', - "menu--#{menu_name}", - ] - } %} - <ul {{ add_attributes(additional_attributes) }}> - {% else %} - <ul class="menu menu__subnav"> - {% endif %} - {% for item in items %} - - {% set item_classes = ['menu__item'] %} - {% set link_classes = ['menu__link'] %} - - {% if item.below %} - {% set item_classes = item_classes|merge(['has-subnav']) %} - {% set link_classes = link_classes|merge(['has-subnav']) %} - {% endif %} - {% if item.in_active_trail %} - {% set item_classes = item_classes|merge(['is-active-trail']) %} - {% set link_classes = link_classes|merge(['is-active-trail']) %} - {% endif %} - {% if item.is_collapsed %} - {% set item_classes = item_classes|merge(['is-collapsed']) %} - {% set link_classes = link_classes|merge(['is-collapsed']) %} - {% endif %} - {% if item.is_expanded %} - {% set item_classes = item_classes|merge(['is-expanded']) %} - {% set link_classes = link_classes|merge(['is-expanded']) %} - {% endif %} - {% if item['original_link'].options.attributes.class %} - {% set link_classes = link_classes|merge([item['original_link'].options.attributes.class]) %} - {% endif %} - - {% set additional_item_attributes = { - 'class': item_classes - } %} - - {% set link_attributes = { - 'class': link_classes - } %} - - <li {{ add_attributes(additional_item_attributes) }}> - {{ link(item.title, item.url, link_attributes) }} - {% if item.below %} - {{ menus.menu_links(item.below, attributes, menu_level + 1) }} - {% endif %} - </li> - {% endfor %} - </ul> - {% endif %} -{% endmacro %} diff --git a/source-3.0/_patterns/03-components/menus/menu.yml b/source-3.0/_patterns/03-components/menus/menu.yml deleted file mode 100644 index b81194b1..00000000 --- a/source-3.0/_patterns/03-components/menus/menu.yml +++ /dev/null @@ -1,17 +0,0 @@ ---- -menu_name: '' -items: - - title: 'Link 1' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false - - title: 'Link 2' - url: '#' - original_link: - options: - attributes: - class: '' - in_active_trail: false diff --git a/source-3.0/_patterns/03-components/messages/_message.scss b/source-3.0/_patterns/03-components/messages/_message.scss deleted file mode 100644 index 187ad866..00000000 --- a/source-3.0/_patterns/03-components/messages/_message.scss +++ /dev/null @@ -1,91 +0,0 @@ -// @file -// Styles for Drupal messages. - -.message { - background-color: #ecf6fa; - background-position: em(10px) em(10px); // LTR - background-repeat: no-repeat; - background-size: em(40px); - border: 1px solid #bcdeee; - color: #424242; - margin-bottom: rem($vertical-spacing); - overflow: hidden; - padding: 1em; - position: relative; - word-wrap: break-word; - - &::before { - background-repeat: no-repeat; - background-size: em(52px); - bottom: -.5em; - content: ''; - display: block; - height: em(52px); - position: absolute; - right: -.5em; - transform: rotate(-20deg); - width: em(52px); - } - - a { - color: #bcdeee; - font-weight: 600; - text-decoration: underline; - } - - @media print { - background-image: none !important; - } -} - -.message__content { - > *:last-child { - margin-bottom: 0; - } -} - -.message--status { - background-color: #eff8e6; - border-color: #c9e8a9; - - &::before { - @include svg-background(messages-status); - } - - a { - color: #71b02f; - } -} - -.message--error { - background-color: #ffe6e5; - border-color: #ffc5c2; - - &::before { - @include svg-background(messages-error); - } - - a { - color: #ff645c; - } - - .message__item { - em:first-child { - font-style: normal; - font-weight: bold; - } - } -} - -.message--warning { - background-color: #fcf8e3; - border-color: #faf2cc; - - &::before { - @include svg-background(messages-warning); - } - - a { - color: #8a6d3b; - } -} diff --git a/source-3.0/_patterns/03-components/messages/message--error/message--error.twig b/source-3.0/_patterns/03-components/messages/message--error/message--error.twig deleted file mode 100644 index c542c1a4..00000000 --- a/source-3.0/_patterns/03-components/messages/message--error/message--error.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/messages/message.twig' with { - 'type': type, - 'heading': heading, - 'messages': messages -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/messages/message--error/message--error.yml b/source-3.0/_patterns/03-components/messages/message--error/message--error.yml deleted file mode 100644 index e0c84263..00000000 --- a/source-3.0/_patterns/03-components/messages/message--error/message--error.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -type: 'error' -heading: 'Error message' -messages: - - 'Error message one' - - 'Error message two' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/messages/message--warning/message--warning.twig b/source-3.0/_patterns/03-components/messages/message--warning/message--warning.twig deleted file mode 100644 index c542c1a4..00000000 --- a/source-3.0/_patterns/03-components/messages/message--warning/message--warning.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/messages/message.twig' with { - 'type': type, - 'heading': heading, - 'messages': messages -} %} \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/messages/message--warning/message--warning.yml b/source-3.0/_patterns/03-components/messages/message--warning/message--warning.yml deleted file mode 100644 index ed8a81ad..00000000 --- a/source-3.0/_patterns/03-components/messages/message--warning/message--warning.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -type: 'warning' -heading: 'Warning message' -messages: - - 'Warning message one' diff --git a/source-3.0/_patterns/03-components/messages/message.md b/source-3.0/_patterns/03-components/messages/message.md deleted file mode 100644 index d0457ffc..00000000 --- a/source-3.0/_patterns/03-components/messages/message.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -el: .message -title: Message ---- -_Component for Message_ - -## Variables -* type: [string] Type of message. -* heading [string] Accessible heading of message. -* messages: [array] The message. diff --git a/source-3.0/_patterns/03-components/messages/message.twig b/source-3.0/_patterns/03-components/messages/message.twig deleted file mode 100644 index bb1bd188..00000000 --- a/source-3.0/_patterns/03-components/messages/message.twig +++ /dev/null @@ -1,29 +0,0 @@ -{% if type == 'error' %} - {% set additional_attributes = { - 'class': ['message','message--error'] - } %} -{% elseif type == 'warning' %} - {% set additional_attributes = { - 'class': ['message','message--warning'] - } %} -{% else %} - {% set additional_attributes = { - 'class': ['message','message--status'] - } %} -{% endif %} - -<div {% if type == 'error' %} role="alert" {% else %} role="contentinfo" {% endif %} {% if heading %}aria-label="{{ heading }}"{% endif %} {{ add_attributes(additional_attributes) }}> - {% if messages|length > 1 %} - <h2 class="visually-hidden">{{ heading }}</h2> - <ul class="message__list"> - {% for message in messages %} - <li class="message__item">{{- message -}}</li> - {% endfor %} - </ul> - {% else %} - <div class="message__content"> - <h2 class="visually-hidden">{{ heading }}</h2> - {{- messages|first -}} - </div> - {% endif %} -</div> diff --git a/source-3.0/_patterns/03-components/messages/message.yml b/source-3.0/_patterns/03-components/messages/message.yml deleted file mode 100644 index a5864bb6..00000000 --- a/source-3.0/_patterns/03-components/messages/message.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -type: 'status' -heading: 'Status message' -messages: - - 'This is a status message about <em class="placeholder">something</em> that has been updated. <a href="#">This is a link</a>.' diff --git a/source-3.0/_patterns/03-components/mobile-menu/_mobile-menu.scss b/source-3.0/_patterns/03-components/mobile-menu/_mobile-menu.scss deleted file mode 100644 index fef66248..00000000 --- a/source-3.0/_patterns/03-components/mobile-menu/_mobile-menu.scss +++ /dev/null @@ -1,109 +0,0 @@ -// @file -// Styles for the mobile menu. - -$mobile-menu-fallback-bg-color: #f3f3f3 !default; -$mobile-menu-bg-color: rgba(243, 243, 243, 0.98) !default; -$mobile-menu-border-color: #dadada !default; -$mobile-menu-text-color: #555559 !default; - -.mobile-menu { - @include breakpoint($bp-hide-mobile-menu) { - display: none; - } -} - -.mobile-menu__bar { - background-color: $mobile-menu-bg-color; - border-bottom: 1px solid $mobile-menu-border-color; - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4); - color: $mobile-menu-text-color; - height: em(55px); - text-align: center; -} - -.mobile-menu__button { - @extend %system-font-family; - background-color: transparent; - border: 0; - border-radius: 0; - box-shadow: none; - color: $mobile-menu-text-color; - display: inline-block; - font-size: rem($font-size-md); - font-weight: bold; - height: em(55px); - line-height: em(55px); - margin: 0; - padding: 0 1em; - text-decoration: none; - - &:focus { - outline: thin dotted; - } -} - -.mobile-menu__button--menu { - border-right: 1px solid $mobile-menu-border-color; - float: left; -} - -.mobile-menu__button--search { - border-left: 1px solid $mobile-menu-border-color; - float: right; -} - -.mobile-menu__icon { - @include image-replace(22px, 22px); - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: 22px 22px; - display: inline-block; - margin-top: 1em; -} - -%mobile-menu__icon--close { - @include svg-background-inline(mobile-close); -} - -.mobile-menu__icon--menu { - @include svg-background-inline(mobile-menu); - background-size: 33px 22px; - width: 33px; - - .is-active & { - @extend %mobile-menu__icon--close; - background-size: 22px 22px; - } -} - -.mobile-menu__icon--search { - @include svg-background-inline(mobile-search); - - .is-active & { - @extend %mobile-menu__icon--close; - } -} - -.mobile-menu__links { - background-color: $mobile-menu-fallback-bg-color; - background-color: $mobile-menu-bg-color; - color: $mobile-menu-text-color; - position: absolute; - width: 100%; - z-index: 100; -} - -.mobile-menu__search { - display: none; - padding: 0.5em; - - form, - .form-item, - .form-text { - width: 100%; - } - - .form-text { - box-sizing: border-box; - } -} diff --git a/source-3.0/_patterns/03-components/page-title/_page-title.scss b/source-3.0/_patterns/03-components/page-title/_page-title.scss deleted file mode 100644 index db5b84a2..00000000 --- a/source-3.0/_patterns/03-components/page-title/_page-title.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Page title. - -.page-title {} diff --git a/source-3.0/_patterns/03-components/page-title/page-title.md b/source-3.0/_patterns/03-components/page-title/page-title.md deleted file mode 100644 index 86854952..00000000 --- a/source-3.0/_patterns/03-components/page-title/page-title.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .page-title -title: Page Title ---- -_Component for Page Title_ - -## Variables -* page_title: [string] Title of page. diff --git a/source-3.0/_patterns/03-components/page-title/page-title.twig b/source-3.0/_patterns/03-components/page-title/page-title.twig deleted file mode 100644 index d34e3314..00000000 --- a/source-3.0/_patterns/03-components/page-title/page-title.twig +++ /dev/null @@ -1 +0,0 @@ -<h1 class="page-title">{{ page_title }}</h1> diff --git a/source-3.0/_patterns/03-components/page-title/page-title.yml b/source-3.0/_patterns/03-components/page-title/page-title.yml deleted file mode 100644 index f163e798..00000000 --- a/source-3.0/_patterns/03-components/page-title/page-title.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -page_title: 'Page Title' diff --git a/source-3.0/_patterns/03-components/pagers/_pager.scss b/source-3.0/_patterns/03-components/pagers/_pager.scss deleted file mode 100644 index 0f160aa8..00000000 --- a/source-3.0/_patterns/03-components/pagers/_pager.scss +++ /dev/null @@ -1,68 +0,0 @@ -// @file -// Styles for Pager. - -$bp-ellipsis: 800px; -$bp-pager: 600px; -$pager-bg-color: #f1f1f1; -$pager-bg-color-active: #d6d7d9; - -.pager {} - -.pager__items { - @include list-clean(); - clear: both; - margin: em($vertical-spacing * 2) 0; - padding: 0; - text-align: center; -} - -.pager__item { - display: inline-block; - font-weight: bold; - line-height: 1; - margin: 0; - padding: 0; - text-align: center; - vertical-align: top; - - &:not([class*='pager__item--']) { - display: none; - - @include breakpoint($bp-pager) { - display: inline-block; - } - } -} - -%pager__link { - background-color: $pager-bg-color; - color: #212121; - min-width: rem(44px); - padding: em(13px); -} - -.pager__item--ellipsis { - @extend %pager__link; - display: none; - - @include breakpoint($bp-ellipsis) { - display: inline-block; - } -} - -.pager__item--current { - @extend %pager__link; - background-color: $pager-bg-color-active; -} - -.pager__link { - @extend %pager__link; - display: inline-block; - text-decoration: none; - - &:focus, - &:hover { - background-color: $pager-bg-color-active; - color: inherit; - } -} diff --git a/source-3.0/_patterns/03-components/pagers/pager--mini/_page--mini.scss b/source-3.0/_patterns/03-components/pagers/pager--mini/_page--mini.scss deleted file mode 100644 index 69623773..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager--mini/_page--mini.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Mini Pager. - -.pager--mini {} diff --git a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.md b/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.md deleted file mode 100644 index e4a21628..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -el: .pager--mini -title: Pager Mini ---- -_Component for Mini Pager_ - -## Variables - * items: [array] The pager items. Each item is an object containing: - * previous: [boolean] True/False identifying previous page. - * next: [boolean] True/False identifying next page. - * current: [string] Current page number. diff --git a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.twig b/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.twig deleted file mode 100644 index c6a5a565..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.twig +++ /dev/null @@ -1,33 +0,0 @@ -{% if items.previous or items.next %} - <nav class="pager pager--mini" role="navigation" aria-labelledby="pagination-heading"> - <h4 id="pagination-heading" class="visually-hidden">{{ heading|default('Pagination') }}</h4> - <ul class="pager__items js-pager__items"> - - {% if items.previous %} - <li class="pager__item pager__item--previous"> - <a class="pager__link pager__link--previous" href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }} " rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}> - <span class="visually-hidden">{{ 'Previous page'|t }}</span> - <span aria-hidden="true">‹</span> - </a> - </li> - {% endif %} - - {% if items.current %} - <li class="pager__item pager__item--current"> - <span class="visually-hidden">Currently on page {{ items.current }}</span> - {{ items.current }} - </li> - {% endif %} - - {% if items.next %} - <li class="pager__item pager__item--next"> - <a class="pager__link pager__link--next" href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}> - <span class="visually-hidden">{{ 'Next page'|t }}</span> - <span aria-hidden="true">›</span> - </a> - </li> - {% endif %} - - </ul> - </nav> -{% endif %} diff --git a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.yml b/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.yml deleted file mode 100644 index 1bbd276b..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager--mini/pager--mini.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -items: - previous: true - next: true - current: 6 diff --git a/source-3.0/_patterns/03-components/pagers/pager.md b/source-3.0/_patterns/03-components/pagers/pager.md deleted file mode 100644 index 7049e8a4..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -el: .pager -title: Pager ---- -_Component for Pager_ - -## Variables - * modifier_classes: [string] Classes to modify the default component styling. - * heading: [string] Accessible heading. - * items: [array] The pager items. Each item is an object containing: - * url: [string] URL of the item (optional). diff --git a/source-3.0/_patterns/03-components/pagers/pager.twig b/source-3.0/_patterns/03-components/pagers/pager.twig deleted file mode 100644 index 64295357..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager.twig +++ /dev/null @@ -1,90 +0,0 @@ -{# - /** - * @file - * Component for a Pager. - * - * Variables: - * - modifier_classes: [string] Classes to modify the default component styling. - * - heading: [string] Accessible heading. - * - items: [array] The pager items. Each item is an object containing: - * - url: [string] URL of the item (optional). - */ -#} - -{% if items %} - <nav class="pager {{ modifier_classes }}" role="navigation" aria-labelledby="pagination-heading"> - <h4 id="pagination-heading" class="visually-hidden">{{ heading|default('Pagination') }}</h4> - <ul class="pager__items js-pager__items"> - - {# Print first item if we are not on the first page. #} - {% if items.first %} - <li class="pager__item pager__item--first"> - <a class="pager__link pager__link--first" href="{{ items.first.href }}" title="{{ 'Go to first page'|t }}"{{ items.first.attributes|without('href', 'title') }}> - <span class="visually-hidden">{{ 'First page'|t }}</span> - <span aria-hidden="true">First</span> - </a> - </li> - {% endif %} - - {# Print previous item if we are not on the first page. #} - {% if items.previous %} - <li class="pager__item pager__item--previous"> - <a class="pager__link pager__link--previous" href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}> - <span class="visually-hidden">{{ 'Previous page'|t }}</span> - <span aria-hidden="true">Previous</span> - </a> - </li> - {% endif %} - - {# Add an ellipsis if there are further previous pages. #} - {% if ellipses.previous %} - <li class="pager__item pager__item--ellipsis" role="presentation">…</li> - {% endif %} - - {# Now generate the actual pager piece. #} - {% for key, item in items.pages %} - <li class="pager__item{{ current == key ? ' pager__item--current' : '' }}"> - {% if current == key %} - <span class="visually-hidden"> - {{ 'Current page'|t }} - </span> - {{- key -}} - {% else %} - <a class="pager__link" href="{{ item.href }}" title="{{ 'Go to page @key'|t({'@key': key}) }}"{{ item.attributes|without('href', 'title') }}> - <span class="visually-hidden"> - {{ 'Page'|t }} - </span> - {{- key -}} - </a> - {% endif %} - </li> - {% endfor %} - - {# Add an ellipsis if there are further next pages. #} - {% if ellipses.next %} - <li class="pager__item pager__item--ellipsis" role="presentation">…</li> - {% endif %} - - {# Print next item if we are not on the last page. #} - {% if items.next %} - <li class="pager__item pager__item--next"> - <a class="pager__link pager__link--next" href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}> - <span class="visually-hidden">{{ 'Next page'|t }}</span> - <span aria-hidden="true">Next</span> - </a> - </li> - {% endif %} - - {# Print last item if we are not on the last page. #} - {% if items.last %} - <li class="pager__item pager__item--last"> - <a class="pager__link pager__link--last" href="{{ items.last.href }}" title="{{ 'Go to last page'|t }}"{{ items.last.attributes|without('href', 'title') }}> - <span class="visually-hidden">{{ 'Last page'|t }}</span> - <span aria-hidden="true">Last</span> - </a> - </li> - {% endif %} - - </ul> - </nav> -{% endif %} diff --git a/source-3.0/_patterns/03-components/pagers/pager.yml b/source-3.0/_patterns/03-components/pagers/pager.yml deleted file mode 100644 index b38a3fc1..00000000 --- a/source-3.0/_patterns/03-components/pagers/pager.yml +++ /dev/null @@ -1,22 +0,0 @@ ---- -items: - pages: - 1: - url: '#' - 2: - url: '#' - 3: - url: '#' - 4: - url: '#' - 5: - url: '#' - 6: - url: '#' - first: false - previous: true - next: true - last: false - ellipses: - previous: true - next: true diff --git a/source-3.0/_patterns/03-components/progress/_progress.scss b/source-3.0/_patterns/03-components/progress/_progress.scss deleted file mode 100644 index 38519160..00000000 --- a/source-3.0/_patterns/03-components/progress/_progress.scss +++ /dev/null @@ -1,60 +0,0 @@ -// @file -// Styles for progress bars. - -$progress-border-radius: rem(3px) !default; -$progress-color: #aeb0b5 !default; -$progress-color-bar: $color-link !default; -$progress-color-border: #5b616b !default; - -.progress { - position: relative; -} - -.progress__track { - background-color: $progress-color; - border: 1px solid $progress-color-border; - border-radius: $progress-border-radius; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); - height: 1rem; - margin: 0.2em 0; - max-width: 100%; - min-width: 6em; - overflow: hidden; -} - -.progress__bar { - background-color: $progress-color-bar; - border-radius: $progress-border-radius; - height: 1rem; - transition-duration: 0.5s; - transition-property: width; - transition-timing-function: ease-out; - width: 3%; -} - -.progress__description, -.progress__percentage { - color: $color-text-secondary; - font-size: rem($font-size-xs); - overflow: hidden; -} - -.progress__description { - float: left; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - float: right; - } - } -} - -.progress__percentage { - float: right; // LTR - - @if $support-for-rtl { - [dir='rtl'] & { - float: left; - } - } -} diff --git a/source-3.0/_patterns/03-components/progress/progress.md b/source-3.0/_patterns/03-components/progress/progress.md deleted file mode 100644 index 4fb9b1f3..00000000 --- a/source-3.0/_patterns/03-components/progress/progress.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -el: .progress -title: Progress Bar ---- -_Component for Progress Bar_ - -## Variables - * label: [string] Label for progress bar. - * percent: [string] Progress bar percentage complete - * message: [string] Progress bar description. diff --git a/source-3.0/_patterns/03-components/progress/progress.twig b/source-3.0/_patterns/03-components/progress/progress.twig deleted file mode 100644 index 611fd765..00000000 --- a/source-3.0/_patterns/03-components/progress/progress.twig +++ /dev/null @@ -1,10 +0,0 @@ -<div class="progress" data-drupal-progress> - {% if label %} - <div class="progress__label">{{ label }}</div> - {% endif %} - <div class="progress__track"> - <div class="progress__bar" style="width: {{ percent }}"></div> - </div> - <div class="progress__percentage">{{ percent }}</div> - <div class="progress__description">{{ message }}</div> -</div> diff --git a/source-3.0/_patterns/03-components/progress/progress.yml b/source-3.0/_patterns/03-components/progress/progress.yml deleted file mode 100644 index dc069130..00000000 --- a/source-3.0/_patterns/03-components/progress/progress.yml +++ /dev/null @@ -1,4 +0,0 @@ ---- -label: 'Progress bar label' -percent: '68%' -message: 'This is the description for this progress bar.' diff --git a/source-3.0/_patterns/03-components/site-logo/_site-logo.scss b/source-3.0/_patterns/03-components/site-logo/_site-logo.scss deleted file mode 100644 index fd1dbc03..00000000 --- a/source-3.0/_patterns/03-components/site-logo/_site-logo.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Site logo. - -.site-logo {} diff --git a/source-3.0/_patterns/03-components/site-logo/site-logo.md b/source-3.0/_patterns/03-components/site-logo/site-logo.md deleted file mode 100644 index f858da0c..00000000 --- a/source-3.0/_patterns/03-components/site-logo/site-logo.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -el: .site-logo -title: Site Logo ---- -_Component for Site Logo_ - -## Variables -* url: [string] The site link url. -* site_logo: [string] The path to logo image. diff --git a/source-3.0/_patterns/03-components/site-logo/site-logo.twig b/source-3.0/_patterns/03-components/site-logo/site-logo.twig deleted file mode 100644 index d1888810..00000000 --- a/source-3.0/_patterns/03-components/site-logo/site-logo.twig +++ /dev/null @@ -1,3 +0,0 @@ -<a class="site-logo" href="{{ url }}" title="{{ 'Home'|t }}" rel="home"> - <img class="site-logo__image" src="{{ site_logo }}" alt="{{ 'Home'|t }}" /> -</a> diff --git a/source-3.0/_patterns/03-components/site-name/_site-name.scss b/source-3.0/_patterns/03-components/site-name/_site-name.scss deleted file mode 100644 index f8f2a72b..00000000 --- a/source-3.0/_patterns/03-components/site-name/_site-name.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Site name. - -.site-name {} diff --git a/source-3.0/_patterns/03-components/site-name/site-name.md b/source-3.0/_patterns/03-components/site-name/site-name.md deleted file mode 100644 index a4895a27..00000000 --- a/source-3.0/_patterns/03-components/site-name/site-name.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -el: .site-name -title: Site Name ---- -_Component for Site Name_ - -## Variables -* url: [string] The site link url. -* site_name: [string] the site name. diff --git a/source-3.0/_patterns/03-components/site-name/site-name.twig b/source-3.0/_patterns/03-components/site-name/site-name.twig deleted file mode 100644 index 154cfd94..00000000 --- a/source-3.0/_patterns/03-components/site-name/site-name.twig +++ /dev/null @@ -1,3 +0,0 @@ -<a class="site-name" href="{{ url }}" title="{{ 'Home'|t }}" rel="home"> - <h1 class="site-name__text">{{ site_name }}</h1> -</a> diff --git a/source-3.0/_patterns/03-components/site-slogan/_site-slogan.scss b/source-3.0/_patterns/03-components/site-slogan/_site-slogan.scss deleted file mode 100644 index 4cbe2dd3..00000000 --- a/source-3.0/_patterns/03-components/site-slogan/_site-slogan.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for Site slogan. - -.site-slogan {} diff --git a/source-3.0/_patterns/03-components/site-slogan/site-slogan.md b/source-3.0/_patterns/03-components/site-slogan/site-slogan.md deleted file mode 100644 index c8c69513..00000000 --- a/source-3.0/_patterns/03-components/site-slogan/site-slogan.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -el: .site-slogan -title: Site Slogan ---- -_Component for Site Slogan_ - -## Variables -* site_slogan: [string] the site slogan. diff --git a/source-3.0/_patterns/03-components/site-slogan/site-slogan.twig b/source-3.0/_patterns/03-components/site-slogan/site-slogan.twig deleted file mode 100644 index c381c5e9..00000000 --- a/source-3.0/_patterns/03-components/site-slogan/site-slogan.twig +++ /dev/null @@ -1 +0,0 @@ -<span class="site-slogan">{{ site_slogan }}</span> diff --git a/source-3.0/_patterns/03-components/tabs/_tabs.scss b/source-3.0/_patterns/03-components/tabs/_tabs.scss deleted file mode 100644 index 41509052..00000000 --- a/source-3.0/_patterns/03-components/tabs/_tabs.scss +++ /dev/null @@ -1,92 +0,0 @@ -// @file -// Styles for Tabs. - -$tab-border-radius: rem(3px) !default; -$tab-color-bg: #d6d7d9 !default; -$tab-color-bg-active: #212121 !default; -$tab-color-bg-disabled: #d6d7d9 !default; -$tab-color-bg-hover: #aeb0b5 !default; -$tab-color-border: #aeb0b5 !default; -$tab-color-text: #212121 !default; -$tab-color-text-active: #fff !default; -$tab-color-text-disabled: #323a45 !default; -$tab-color-text-hover: #212121 !default; -$tab-font-size: $font-size-md !default; - -.tabs { - @include clearfix; -} - -.tabs__items { - @include list-clean; - display: flex; - flex-direction: column; - - @include breakpoint($bp-small) { - flex-direction: row; - } - - @media print { - display: none; - } -} - -.tabs__item { - &:first-child { - .tabs__link { - border-bottom-left-radius: $tab-border-radius; - border-left: 0; - border-top-left-radius: $tab-border-radius; - } - } - - &:last-child { - .tabs__link { - border-bottom-right-radius: $tab-border-radius; - border-top-right-radius: $tab-border-radius; - } - } -} - -.tabs__link { - @extend %system-font-family; - @include button( - $tab-color-bg, - $tab-color-text, - $tab-color-bg-hover, - $tab-color-text-hover, - $tab-color-bg-active, - $tab-color-text-active, - $tab-color-bg-disabled, - $tab-color-text-disabled, - 0); - border-left: 1px solid $tab-color-border; - display: block; - font-size: rem($font-size-sm); - line-height: (17px / $font-size-sm); - margin: 0; - padding: rem(8px) rem(16px); - - &:focus { - background-color: $tab-color-bg-hover; - } - - &:hover, - &:visited { - color: $tab-color-text; - } - - &:active { - background-color: $tab-color-bg-active; - color: $tab-color-text-active; - } - - &.is-active { - background-color: $tab-color-bg-active; - color: $tab-color-text-active; - - &:hover { - color: $tab-color-text-active; - } - } -} diff --git a/source-3.0/_patterns/03-components/tabs/tabs.md b/source-3.0/_patterns/03-components/tabs/tabs.md deleted file mode 100644 index 356dd677..00000000 --- a/source-3.0/_patterns/03-components/tabs/tabs.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -el: .tabs -title: Tabs ---- -_Component for Tabs_ - -## Variables - * modifier_classes: [string] Classes to modify the default component styling. - * heading: [string] Accessible heading. - * tabs: [array] The pager items. Each item is an object containing: - * text: [string] text of the item. - * url: [string] URL of the item. - * active: [boolean] True/False whether tab item is active. diff --git a/source-3.0/_patterns/03-components/tabs/tabs.twig b/source-3.0/_patterns/03-components/tabs/tabs.twig deleted file mode 100644 index 251a0c07..00000000 --- a/source-3.0/_patterns/03-components/tabs/tabs.twig +++ /dev/null @@ -1,20 +0,0 @@ -{% if tabs %} - <nav class="tabs {{ modifier_classes }}" role="navigation"> - <h2 class="visually-hidden">{{ heading|default('Primary tabs'|t) }}</h2> - <ul class="tabs__items"> - {% for tab in tabs %} - {% set active_class = tab.active ? 'is-active' : '' %} - <li class="tabs__item {{ active_class }}"> - {% block link %} - <a href="{{ tab.url }}" class="tabs__link {{ active_class }}"> - {{ tab.text }} - {% if tab.active %} - <span class="visually-hidden">{{ active_label|default('(active tab)') }}</span> - {% endif %} - </a> - {% endblock link %} - </li> - {% endfor %} - </ul> - </nav> -{% endif %} diff --git a/source-3.0/_patterns/03-components/tabs/tabs.yml b/source-3.0/_patterns/03-components/tabs/tabs.yml deleted file mode 100644 index e10e633e..00000000 --- a/source-3.0/_patterns/03-components/tabs/tabs.yml +++ /dev/null @@ -1,14 +0,0 @@ ---- -modifier_classes: '' -heading: '' -tabs: - - - text: 'View' - url: '#' - active: true - - - text: 'Edit' - url: '#' - - - text: 'Delete' - url: '#' diff --git a/source-3.0/_patterns/03-components/teaser/_teaser.scss b/source-3.0/_patterns/03-components/teaser/_teaser.scss deleted file mode 100644 index faf4c79a..00000000 --- a/source-3.0/_patterns/03-components/teaser/_teaser.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for teaser. - -.teaser {} diff --git a/source-3.0/_patterns/03-components/teaser/teaser.md b/source-3.0/_patterns/03-components/teaser/teaser.md deleted file mode 100644 index 178f9159..00000000 --- a/source-3.0/_patterns/03-components/teaser/teaser.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -el: .teaser -title: Teaser ---- -_Component for Teaser_ - -## Variables -* url: [string] URL for teaser. -* title: [string] Teaser title of component. -* date: [string] Teaser date of component. -* summary: [string] Teaser summary of component. diff --git a/source-3.0/_patterns/03-components/teaser/teaser.twig b/source-3.0/_patterns/03-components/teaser/teaser.twig deleted file mode 100644 index 1c317cb7..00000000 --- a/source-3.0/_patterns/03-components/teaser/teaser.twig +++ /dev/null @@ -1,5 +0,0 @@ -<article class="teaser" role="article"> - <h2><a href="{{ url }}">{{ title }}</a></h2> - {{ date }} - {{ summary }} -</article> diff --git a/source-3.0/_patterns/03-components/teaser/teaser.yml b/source-3.0/_patterns/03-components/teaser/teaser.yml deleted file mode 100644 index 08b3f495..00000000 --- a/source-3.0/_patterns/03-components/teaser/teaser.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -url: '#' -title: 'Title' -date: 'Teaser Date' -summary: |- - <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.</p> diff --git a/source-3.0/_patterns/03-components/views/_view.scss b/source-3.0/_patterns/03-components/views/_view.scss deleted file mode 100644 index 9df7b96e..00000000 --- a/source-3.0/_patterns/03-components/views/_view.scss +++ /dev/null @@ -1,8 +0,0 @@ -// @file -// Styles for a view. - -.view {} - -.view__filters { - margin-bottom: rem($vertical-spacing); -} diff --git a/source-3.0/_patterns/03-components/views/views-view-unformatted/_views-view-unformatted.scss b/source-3.0/_patterns/03-components/views/views-view-unformatted/_views-view-unformatted.scss deleted file mode 100644 index 789229ba..00000000 --- a/source-3.0/_patterns/03-components/views/views-view-unformatted/_views-view-unformatted.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for views-view-unformatted. - -.views-view-unformatted {} diff --git a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.md b/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.md deleted file mode 100644 index 55a8ff01..00000000 --- a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -el: .views-view-unformatted -title: Views View Unformatted ---- -_Views View Unformatted Component_ - -### Variables: -* title: [string] title content. -* title_element: [string] HTML element to use for title. -* has_wrapper: [boolean] True/False value if row item should have wrapper element. -* element: [string] HTML element to use for row item wrapper. -* rows: [array] rows array containing multiple row items diff --git a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.twig b/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.twig deleted file mode 100644 index 1a7c8629..00000000 --- a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.twig +++ /dev/null @@ -1,17 +0,0 @@ -{% set additional_row_attributes = { - 'class': ['view__row'], -} %} - -{% if title %} - <{{ title_element ?: 'h3' }}>{{ title }}</{{ title_element ?: 'h3' }}> -{% endif %} - -{% for row in rows %} - {% if has_wrapper %} - <{{ element ?: 'div' }} {{ add_attributes(additional_row_attributes) }}> - {{ row.content }} - </{{ element ?: 'div' }}> - {% else %} - {{ row.content }} - {% endif %} -{% endfor %} diff --git a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.yml b/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.yml deleted file mode 100644 index 77418e53..00000000 --- a/source-3.0/_patterns/03-components/views/views-view-unformatted/views-view-unformatted.yml +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: false -title_element: 'h3' -has_wrapper: true -element: 'div' -rows: - - content: 'Row Content' \ No newline at end of file diff --git a/source-3.0/_patterns/03-components/views/views-view/_views-view.scss b/source-3.0/_patterns/03-components/views/views-view/_views-view.scss deleted file mode 100644 index 20b06a03..00000000 --- a/source-3.0/_patterns/03-components/views/views-view/_views-view.scss +++ /dev/null @@ -1,4 +0,0 @@ -// @file -// Styles for views-view. - -.views-view {} diff --git a/source-3.0/_patterns/03-components/views/views-view/views-view.md b/source-3.0/_patterns/03-components/views/views-view/views-view.md deleted file mode 100644 index dfed40c3..00000000 --- a/source-3.0/_patterns/03-components/views/views-view/views-view.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -el: .views-view -title: Views View ---- -_Views View Component_ - -### Variables: -* element: [string] HTML element to use for view wrapper. -* title: [string] title content. -* header: [object] header object. -* exposed: [object] exposed object. -* attachment_before: [object] attachment object added before row items. -* rows: [array] row items. -* empty: [string] content displayed when there are no row items. -* pager: [object] pager object. -* attachment_after: [object] attachment object added after row items. -* more: [array] more link and text. -* header: [object] footer object. -* feed_icons: [array] rss feed icons. diff --git a/source-3.0/_patterns/03-components/views/views-view/views-view.twig b/source-3.0/_patterns/03-components/views/views-view/views-view.twig deleted file mode 100644 index 81b7dd4e..00000000 --- a/source-3.0/_patterns/03-components/views/views-view/views-view.twig +++ /dev/null @@ -1,67 +0,0 @@ -{% set additional_attributes = { - 'class': ['view'], -} %} - -<{{ element ?: 'div' }} {{ add_attributes(additional_attributes) }}> - - {{ title_prefix }} - {% if title %} - {{ title }} - {% endif %} - {{ title_suffix }} - - {% if header %} - <div class="view__header"> - {{ header }} - </div> - {% endif %} - - {% if exposed %} - <div class="view__filters"> - {{ exposed }} - </div> - {% endif %} - - {% if attachment_before %} - <div class="attachment attachment--before"> - {{ attachment_before }} - </div> - {% endif %} - - {% if rows %} - <div class="view__content"> - {{ rows }} - </div> - {% elseif empty %} - <div class="view__empty"> - {{ empty }} - </div> - {% endif %} - - {% if pager %} - {{ pager }} - {% endif %} - - {% if attachment_after %} - <div class="attachment attachment--after"> - {{ attachment_after }} - </div> - {% endif %} - - {% if more %} - {{ more }} - {% endif %} - - {% if footer %} - <div class="view__footer"> - {{ footer }} - </div> - {% endif %} - - {% if feed_icons %} - <div class="feed-icons"> - {{ feed_icons }} - </div> - {% endif %} - -</{{ element ?: 'div' }}> diff --git a/source-3.0/_patterns/03-components/views/views-view/views-view.yml b/source-3.0/_patterns/03-components/views/views-view/views-view.yml deleted file mode 100644 index 5ac3a714..00000000 --- a/source-3.0/_patterns/03-components/views/views-view/views-view.yml +++ /dev/null @@ -1,13 +0,0 @@ ---- -element: 'div' -title: false -header: false -exposed: false -attachment_before: false -rows: 'Rows' -empty: false -pager: 'Pager' -attachment_after: false -more: false -footer: false -feed_icons: false diff --git a/source-3.0/_patterns/04-templates/article.twig b/source-3.0/_patterns/04-templates/article.twig deleted file mode 100644 index 5a9c244a..00000000 --- a/source-3.0/_patterns/04-templates/article.twig +++ /dev/null @@ -1,6 +0,0 @@ -{% include '@components/article/article.twig' with { - 'article_page_title': article_title, - 'has_footer': true, - 'footer': article_footer, - 'content': article_content -} %} diff --git a/source-3.0/_patterns/04-templates/article.yml b/source-3.0/_patterns/04-templates/article.yml deleted file mode 100644 index dc3a76e2..00000000 --- a/source-3.0/_patterns/04-templates/article.yml +++ /dev/null @@ -1,6 +0,0 @@ ---- -article_title: 'Article Title' -article_content: |- - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis mattis ipsum, non hendrerit justo. Pellentesque libero dui, varius ut ex quis, interdum aliquet est. Integer iaculis sapien libero, ut ullamcorper est tristique et. Vivamus orci nunc, commodo at vulputate gravida, tempus id nisi. Praesent feugiat elit at nunc dignissim consequat. Cras posuere venenatis augue, quis ultricies mauris sagittis quis. Proin blandit arcu est, ac pulvinar ante tristique non. Suspendisse eu maximus erat. Vestibulum hendrerit arcu id ex ullamcorper, id ultrices magna euismod. Maecenas id elit ultrices purus elementum sollicitudin. Sed id magna id metus pretium vulputate id a risus. Curabitur tellus quam, congue tristique rutrum in, sagittis vel nibh. Mauris aliquet purus vel faucibus faucibus. Nullam lacinia diam ante, nec consequat sem pulvinar non. Mauris et dolor quis metus cursus fermentum nec vitae risus.</p> - <p>Nam auctor laoreet ipsum, nec finibus tellus interdum vel. Nunc dui nisi, cursus ut tortor vel, porta porttitor quam. Curabitur tempor tellus a eros bibendum rhoncus. Quisque faucibus volutpat malesuada. Aliquam dapibus libero sem, et mollis libero rutrum eu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pharetra augue, sed feugiat est. Donec in velit sed libero sollicitudin eleifend. Nunc et erat mollis, placerat ex vitae, volutpat risus. Nam in enim quis nibh volutpat egestas nec a magna. Curabitur congue pretium arcu ac hendrerit. Sed iaculis tempor tellus, nec scelerisque diam ornare id. Aenean interdum accumsan tincidunt. Maecenas commodo lacinia nibh id iaculis.</p> -article_footer: 'Footer Content' diff --git a/source-3.0/_patterns/04-templates/homepage.twig b/source-3.0/_patterns/04-templates/homepage.twig deleted file mode 100644 index 7a7afd73..00000000 --- a/source-3.0/_patterns/04-templates/homepage.twig +++ /dev/null @@ -1,28 +0,0 @@ -{% set homepage_hero %} - {% include '@components/hero-bg-image/hero-bg-image.twig' with { - 'has_overlay': true, - 'hero_image': homepage_hero_image, - 'hero_title': homepage_hero_title, - 'hero_subtitle': false, - 'hero_summary': homepage_hero_summary, - 'hero_button_text': homepage_hero_button_text, - 'hero_button_url': homepage_hero_button_url - } %} -{% endset %} - -{% set homepage_grid %} - {% include '@layouts/grids/grid.twig' with { - 'modifier_classes': 'l-grid--2col', - 'content': homepage_grid_content - } %} -{% endset %} - -{% include '@layouts/section/section.twig' with { - 'section_title': false, - 'section_content': homepage_hero -} %} - -{% include '@layouts/section/section.twig' with { - 'section_title': homepage_grid_title, - 'section_content': homepage_grid -} %} diff --git a/source-3.0/_patterns/04-templates/homepage.yml b/source-3.0/_patterns/04-templates/homepage.yml deleted file mode 100644 index 65cc8eef..00000000 --- a/source-3.0/_patterns/04-templates/homepage.yml +++ /dev/null @@ -1,9 +0,0 @@ ---- -homepage_hero_image: 'https://picsum.photos/1600/800?image=62' -homepage_hero_title: 'Hero Title' -homepage_hero_summary: |- - <p>Nam auctor laoreet ipsum, nec finibus tellus interdum vel. Nunc dui nisi, cursus ut tortor vel, porta porttitor quam.</p> -homepage_hero_button_text: 'Call To Action Text' -homepage_hero_button_url: '#' -homepage_grid_title: 'Grid Area Title' -homepage_grid_content: 'Homepage Grid Content' \ No newline at end of file diff --git a/source-3.0/_patterns/04-templates/landing-page.twig b/source-3.0/_patterns/04-templates/landing-page.twig deleted file mode 100644 index ff818ec8..00000000 --- a/source-3.0/_patterns/04-templates/landing-page.twig +++ /dev/null @@ -1,8 +0,0 @@ -{% include '@components/page-title/page-title.twig' with { - 'page_title': landing_page_title -} %} - -{% include '@layouts/section/section.twig' with { - 'section_title': false, - 'section_content': landing_page_content -} %} diff --git a/source-3.0/_patterns/04-templates/landing-page.yml b/source-3.0/_patterns/04-templates/landing-page.yml deleted file mode 100644 index 079ce278..00000000 --- a/source-3.0/_patterns/04-templates/landing-page.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -landing_page_title: 'Landing Page Title' -landing_page_content: |- - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis mattis ipsum, non hendrerit justo. Pellentesque libero dui, varius ut ex quis, interdum aliquet est. Integer iaculis sapien libero, ut ullamcorper est tristique et. Vivamus orci nunc, commodo at vulputate gravida, tempus id nisi. Praesent feugiat elit at nunc dignissim consequat. Cras posuere venenatis augue, quis ultricies mauris sagittis quis. Proin blandit arcu est, ac pulvinar ante tristique non. Suspendisse eu maximus erat. Vestibulum hendrerit arcu id ex ullamcorper, id ultrices magna euismod. Maecenas id elit ultrices purus elementum sollicitudin. Sed id magna id metus pretium vulputate id a risus. Curabitur tellus quam, congue tristique rutrum in, sagittis vel nibh. Mauris aliquet purus vel faucibus faucibus. Nullam lacinia diam ante, nec consequat sem pulvinar non. Mauris et dolor quis metus cursus fermentum nec vitae risus.</p> - <p>Nam auctor laoreet ipsum, nec finibus tellus interdum vel. Nunc dui nisi, cursus ut tortor vel, porta porttitor quam. Curabitur tempor tellus a eros bibendum rhoncus. Quisque faucibus volutpat malesuada. Aliquam dapibus libero sem, et mollis libero rutrum eu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pharetra augue, sed feugiat est. Donec in velit sed libero sollicitudin eleifend. Nunc et erat mollis, placerat ex vitae, volutpat risus. Nam in enim quis nibh volutpat egestas nec a magna. Curabitur congue pretium arcu ac hendrerit. Sed iaculis tempor tellus, nec scelerisque diam ornare id. Aenean interdum accumsan tincidunt. Maecenas commodo lacinia nibh id iaculis.</p> diff --git a/source-3.0/_patterns/04-templates/page.twig b/source-3.0/_patterns/04-templates/page.twig deleted file mode 100644 index 04e3d15b..00000000 --- a/source-3.0/_patterns/04-templates/page.twig +++ /dev/null @@ -1,5 +0,0 @@ -{% include '@components/article/article.twig' with { - 'article_page_title': page_title, - 'has_footer': false, - 'content': page_content -} %} diff --git a/source-3.0/_patterns/04-templates/page.yml b/source-3.0/_patterns/04-templates/page.yml deleted file mode 100644 index 9aaa4bc7..00000000 --- a/source-3.0/_patterns/04-templates/page.yml +++ /dev/null @@ -1,5 +0,0 @@ ---- -page_title: 'Page Title' -page_content: |- - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis mattis ipsum, non hendrerit justo. Pellentesque libero dui, varius ut ex quis, interdum aliquet est. Integer iaculis sapien libero, ut ullamcorper est tristique et. Vivamus orci nunc, commodo at vulputate gravida, tempus id nisi. Praesent feugiat elit at nunc dignissim consequat. Cras posuere venenatis augue, quis ultricies mauris sagittis quis. Proin blandit arcu est, ac pulvinar ante tristique non. Suspendisse eu maximus erat. Vestibulum hendrerit arcu id ex ullamcorper, id ultrices magna euismod. Maecenas id elit ultrices purus elementum sollicitudin. Sed id magna id metus pretium vulputate id a risus. Curabitur tellus quam, congue tristique rutrum in, sagittis vel nibh. Mauris aliquet purus vel faucibus faucibus. Nullam lacinia diam ante, nec consequat sem pulvinar non. Mauris et dolor quis metus cursus fermentum nec vitae risus.</p> - <p>Nam auctor laoreet ipsum, nec finibus tellus interdum vel. Nunc dui nisi, cursus ut tortor vel, porta porttitor quam. Curabitur tempor tellus a eros bibendum rhoncus. Quisque faucibus volutpat malesuada. Aliquam dapibus libero sem, et mollis libero rutrum eu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pharetra augue, sed feugiat est. Donec in velit sed libero sollicitudin eleifend. Nunc et erat mollis, placerat ex vitae, volutpat risus. Nam in enim quis nibh volutpat egestas nec a magna. Curabitur congue pretium arcu ac hendrerit. Sed iaculis tempor tellus, nec scelerisque diam ornare id. Aenean interdum accumsan tincidunt. Maecenas commodo lacinia nibh id iaculis.</p> diff --git a/source-3.0/_patterns/05-pages/article.twig b/source-3.0/_patterns/05-pages/article.twig deleted file mode 100644 index b7c901ca..00000000 --- a/source-3.0/_patterns/05-pages/article.twig +++ /dev/null @@ -1,57 +0,0 @@ -{% include '@layouts/regions/header/header.twig' %} -{% include '@layouts/regions/navigation/navigation.twig' %} -{% include '@layouts/regions/breadcrumb/breadcrumb.twig' %} -{% include '@layouts/regions/highlighted/highlighted.twig' %} -{% include '@layouts/regions/help/help.twig' %} - -{# define dummy article template footer content #} -{% set article_footer %} - {% include '@components/date/date.twig' with { - 'format': 'long-datetime' - } %} - {% include '@components/author/author.twig' with { - 'author': 'Inigo Montoya' - } %} -{% endset %} - -<main id="main" class="main" role="main" tabindex="-1"> - {% include '@layouts/regions/preface/preface.twig' %} - {% embed '@layouts/regions/content/content.twig' %} - {% block content %} - {% include '@templates/article.twig' with { - 'article_title': 'As You Wish', - 'article_content': '<p>You\'re the Dread Pirate Roberts, admit it. How many - do you think you could handle? You mean you wish to surrender to me? - Very well, I accept. But how can you be sure? Will this do? You truly love - each other and so you might have been truly happy. Not one couple in a - century has that chance, no matter what the story books say. And so I think - no man in a century will suffer as greatly as you will. You only think I - guessed wrong! That\'s what\'s so funny! I switched glasses when your back - was turned! Ha ha! You fool! You fell victim to one of the classic blunders - - The most famous of which is "never get involved in a land war in Asia" - - but only slightly less well-known is this: "Never go against a Sicilian - when death is on the line"! Ha ha ha ha ha ha ha! Ha ha ha ha ha ha ha! Ha - ha ha...</p> - <p>They were both poisoned. I spent the last few years building up an - immunity to iocane powder. Unless the enemy has studied his Agrippa... - which I have. Move? You\'re alive. If you want I can fly. You just shook - your head... doesn\'t that make you happy? Truly, you have a dizzying - intellect. Probably he means no *harm*.</p> - <p>Well, I\'m not saying I\'d like to build a summer home here, but the - trees are actually quite lovely. And YOU: friendless, brainless, helpless, - hopeless! Do you want me to send you back to where you were? Unemployed, - in Greenland? No, there is too much. Let me sum up. Buttercup is marry - Humperdinck in a little less than half an hour. So all we have to do is - get in, break up the wedding, steal the princess, make our escape... after - I kill Count Rugen. You seem a decent fellow... I hate to kill you. You - seem a decent fellow... I hate to die. Naturally... but I find that - Thibault cancels out Capa Ferro. Don\'t you?</p> - ', - 'article_footer': article_footer - } %} - {% endblock %} - {% endembed %} - {% include '@layouts/regions/postscript/postscript.twig' %} -</main> - -{% include '@layouts/regions/footer/footer.twig' %} \ No newline at end of file diff --git a/source-3.0/_patterns/05-pages/article.yml b/source-3.0/_patterns/05-pages/article.yml deleted file mode 100644 index d9af6c16..00000000 --- a/source-3.0/_patterns/05-pages/article.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -body_class: 'not-front node-page node-page--node-type-article' diff --git a/source-3.0/_patterns/05-pages/homepage.twig b/source-3.0/_patterns/05-pages/homepage.twig deleted file mode 100644 index 54c8c41f..00000000 --- a/source-3.0/_patterns/05-pages/homepage.twig +++ /dev/null @@ -1,63 +0,0 @@ -{% include '@layouts/regions/header/header.twig' %} -{% include '@layouts/regions/navigation/navigation.twig' %} -{% include '@layouts/regions/breadcrumb/breadcrumb.twig' %} -{% include '@layouts/regions/highlighted/highlighted.twig' %} -{% include '@layouts/regions/help/help.twig' %} - -{# define some cards as dummy content for homepage grid #} -{% set homepage_grid_content %} - {% include '@components/card/card.twig' with { - 'title': 'It\'s Only a Model', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=1069">', - 'content': '<p>The Lady of the Lake, her arm clad in the purest shimmering samite, - held aloft Excalibur from the bosom of the water, signifying by divine providence - that I, Arthur, was to carry Excalibur.</p>' - } %} - {% include '@components/card/card.twig' with { - 'title': 'Let Us Ride To Camelot', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=1025">', - 'content': '<p>Well, we did do the nose. I don\'t want to talk to you no more, you - empty-headed animal food trough water!</p>' - } %} - {% include '@components/card/card.twig' with { - 'title': 'What a Strange Person', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=1040">', - 'content': '<p>Your mother was a hamster and your father smelt of elderberries! - Now leave before I am forced to taunt you a second time!</p>' - } %} - {% include '@components/card/card.twig' with { - 'title': 'The Knights Who Say Ni', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=870">', - 'content': '<p>Ah, now we see the violence inherent in the system! How do you - know she is a witch? We shall say \'Ni\' again to you, if you do not appease - us.</p>' - } %} -{% endset %} - -<main id="main" class="main" role="main" tabindex="-1"> - {% include '@layouts/regions/preface/preface.twig' %} - {% embed '@layouts/regions/content/content.twig' %} - {% block content %} - {% include '@templates/homepage.twig' with { - 'homepage_hero_image': 'https://picsum.photos/1600/800/?image=96&gravity=north', - 'homepage_hero_title': 'Where\'d You Get The Coconuts?', - 'homepage_hero_summary': '<p>The swallow may fly south with the sun, and the - house martin or the plover may seek warmer climes in winter, yet these are - not strangers to our land. Are you suggesting that coconuts migrate? Not at - all. They could be carried. What? A swallow carrying a coconut? It could - grip it by the husk!</p>', - 'homepage_hero_button_text': 'Ni! Ni! Ni! Ni!', - 'homepage_hero_button_url': '#', - 'homepage_grid_title': 'You Don\'t Vote For Kings', - 'homepage_grid_content': homepage_grid_content - } %} - {% endblock %} - {% endembed %} - {% include '@layouts/regions/postscript/postscript.twig' %} -</main> - -{% include '@layouts/regions/footer/footer.twig' %} \ No newline at end of file diff --git a/source-3.0/_patterns/05-pages/homepage.yml b/source-3.0/_patterns/05-pages/homepage.yml deleted file mode 100644 index 0c275c84..00000000 --- a/source-3.0/_patterns/05-pages/homepage.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -body_class: 'front' diff --git a/source-3.0/_patterns/05-pages/landing-page.twig b/source-3.0/_patterns/05-pages/landing-page.twig deleted file mode 100644 index e6937b5b..00000000 --- a/source-3.0/_patterns/05-pages/landing-page.twig +++ /dev/null @@ -1,117 +0,0 @@ -{% include '@layouts/regions/header/header.twig' %} -{% include '@layouts/regions/navigation/navigation.twig' %} -{% include '@layouts/regions/breadcrumb/breadcrumb.twig' %} -{% include '@layouts/regions/highlighted/highlighted.twig' %} -{% include '@layouts/regions/help/help.twig' %} - -{# defining cards with dummy content #} -{% set card1 %} - {% include '@components/card/card.twig' with { - 'title': 'Delorean', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=429">', - 'content': 'It\'s a board with wheels. What\'s with the life preserver?' - } %} -{% endset %} - -{% set card2 %} - {% include '@components/card/card.twig' with { - 'title': 'Eighty Eight MPH', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=823">', - 'content': 'No no no this sucker\'s electrical, but I need a nuclear reaction to - generate the one point twenty-one gigawatts of electricity that I need.' - } %} -{% endset %} - -{% set card3 %} - {% include '@components/card/card.twig' with { - 'title': '1.21 Gigawatts', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=967">', - 'content': 'If you guys ever have kids and one of them when he\'s eight years old, - accidentally sets fire to the living room rug, be easy on him.' - } %} -{% endset %} - -{% set card4 %} - {% include '@components/card/card.twig' with { - 'title': 'Doctor Brown', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=1024">', - 'content': 'Hey, Doc, we better back up, we don\'t have enough road to get up to 88.' - } %} -{% endset %} - -{% set card5 %} - {% include '@components/card/card.twig' with { - 'title': 'Enchantment Under The Sea', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=659">', - 'content': 'Not a word, not a word, not a word now. Quiet... you want me to make a - donation to the coast guard youth auxiliary?' - } %} -{% endset %} - -{% set card6 %} - {% include '@components/card/card.twig' with { - 'title': 'Twin Pines Mall', - 'url': '#', - 'media': '<img src="https://picsum.photos/800/600?image=660">', - 'content': 'You fell and you hit your head on the sink, and that\'s when you came - up with the idea for the flux capacitor, which makes time travel possible.' - } %} -{% endset %} - -{# defining an unformatted content display of a view with the cards as content #} -{% set grid_content %} - {% include '@components/views/views-view-unformatted/views-view-unformatted.twig' with { - 'title': false, - 'has_wrapper': false, - 'rows': [ - { 'content': card1 }, - { 'content': card2 }, - { 'content': card3 }, - { 'content': card4 }, - { 'content': card5 }, - { 'content': card6 } - ] - } %} -{% endset %} - -{# defining rows as a grid with the unformatted view content inside #} -{% set rows %} - {% include '@layouts/grids/grid.twig' with { - 'modifier_classes': 'l-grid--3col', - 'content': grid_content - } %} -{% endset %} - -{# defining the pager for the view #} -{% set pager %} - {% include '@components/pagers/pager.twig' %} -{% endset %} - -{# defining the content of the landing page template as a view, using view content from above #} -{% set landing_page_content %} - {% include '@components/views/views-view/views-view.twig' with { - 'title': false, - 'pager': pager, - 'rows': rows - } %} -{% endset %} - -<main id="main" class="main" role="main" tabindex="-1"> - {% include '@layouts/regions/preface/preface.twig' %} - {% embed '@layouts/regions/content/content.twig' %} - {% block content %} - {% include '@templates/landing-page.twig' with { - 'landing_page_title': 'Great Scott!', - 'landing_page_content': landing_page_content - } %} - {% endblock %} - {% endembed %} - {% include '@layouts/regions/postscript/postscript.twig' %} -</main> - -{% include '@layouts/regions/footer/footer.twig' %} diff --git a/source-3.0/_patterns/05-pages/landing-page.yml b/source-3.0/_patterns/05-pages/landing-page.yml deleted file mode 100644 index 43b3c88e..00000000 --- a/source-3.0/_patterns/05-pages/landing-page.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -body_class: 'not-front' diff --git a/source-3.0/_patterns/05-pages/page.twig b/source-3.0/_patterns/05-pages/page.twig deleted file mode 100644 index da90c696..00000000 --- a/source-3.0/_patterns/05-pages/page.twig +++ /dev/null @@ -1,78 +0,0 @@ -{% include '@layouts/regions/header/header.twig' %} -{% include '@layouts/regions/navigation/navigation.twig' %} -{% include '@layouts/regions/breadcrumb/breadcrumb.twig' %} -{% include '@layouts/regions/highlighted/highlighted.twig' %} -{% include '@layouts/regions/help/help.twig' %} - -<main id="main" class="main" role="main" tabindex="-1"> - {% include '@layouts/regions/preface/preface.twig' %} - {% embed '@layouts/regions/content/content.twig' %} - {% block content %} - {% include '@templates/page.twig' with { - 'page_title': 'Look, I Can Take You As Far As Anchorhead', - 'page_content': '<p>Alderaan? I\'m not going to Alderaan. I\'ve got to go home. - It\'s late, I\'m in for it as it is. Still, <a href="#">she\'s got a lot of - spirit</a>. I don\'t know, what do you think? Partially, but it also obeys - your commands. Ye-ha! Escape is not his plan. I must face him, alone. Look, - I ain\'t in this for your revolution, and I\'m not in it for you, Princess. - I expect to be well paid. <em>Your eyes can deceive you.</em> Don\'t trust - them.</p> - <p>I need your help, Luke. She needs your help. <strong> I\'m in it for the - money.</strong> I\'m getting too old for this sort of thing. Don\'t - underestimate the Force. I\'m surprised you had the courage to take the - responsibility yourself. I call it luck. A tremor in the Force. The last - time I felt it was in the presence of my old master. I don\'t know what - you\'re talking about. I am a member of the Imperial Senate on a diplomatic - mission to Alderaan-- But with the blast shield down, I can\'t even see! - How am I supposed to fight?</p> - <h2>Don\'t underestimate the Force</h2> - <p>Don\'t be too proud of this technological terror you\'ve constructed. The - ability to destroy a planet is insignificant next to the power of the Force. - The more you tighten your grip, Tarkin, the more star systems will slip - through your fingers.</p> - <ul> - <li>Remember, a Jedi can feel the Force flowing through him.</li> - <li>The plans you refer to will soon be back in our hands.</li> - <li>He is here.</li> - </ul> - <p>Hey, Luke! May the Force be with you. I have traced the Rebel spies to her. - Now she is my only link to finding their secret base. Hokey religions and - ancient weapons are no match for a good blaster at your side, kid.</p> - <blockquote>Kid, I\'ve flown from one side of this galaxy to the other. I\'ve - seen a lot of strange stuff, but I\'ve never seen anything to make me - believe there\'s one all-powerful Force controlling everything. There\'s no - mystical energy field that controls my destiny. It\'s all a lot of simple - tricks and nonsense.<cite>Han Solo</cite></blockquote> - <p>Obi-Wan is here. The Force is with him. You\'re all clear, kid. Let\'s blow - this thing and go home! Your eyes can deceive you. Don\'t trust them. I find - your lack of faith disturbing. All right. Well, take care of yourself, Han. - I guess that\'s what you\'re best at, ain\'t it? I\'m trying not to, kid. - What?! What!? Obi-Wan is here. The Force is with him. He is here.</p> - <h2>Dantooine. They\'re on Dantooine.</h2> - <p>Don\'t act so surprised, Your Highness. You weren\'t on any mercy mission - this time. Several transmissions were beamed to this ship by Rebel spies. - I want to know what happened to the plans they sent you. I need your help, - Luke. She needs your help. I\'m getting too old for this sort of thing.</p> - <ol> - <li>Look, I can take you as far as Anchorhead. You can get a transport - there to Mos Eisley or wherever you\'re going.</li> - <li>Escape is not his plan. I must face him, alone.</li> - <li>The Force is strong with this one. I have you now.</li> - </ol> - <h1>Header One</h1> - <h2>Header Two</h2> - <h3>Header Three</h3> - <h4>Header Four</h4> - <h5>Header Five</h5> - <h6>Header Six</h6> - <div><a href="#" class="button">Button</a></div>' - } %} - {% endblock %} - {% endembed %} - {% include '@layouts/regions/postscript/postscript.twig' %} -</main> - -{% include '@layouts/regions/footer/footer.twig' %} - - - diff --git a/source-3.0/_patterns/05-pages/page.yml b/source-3.0/_patterns/05-pages/page.yml deleted file mode 100644 index 489c7507..00000000 --- a/source-3.0/_patterns/05-pages/page.yml +++ /dev/null @@ -1,2 +0,0 @@ ---- -body_class: 'not-front node-page node-page--node-type-page' diff --git a/source-3.0/_patterns/_shame.scss b/source-3.0/_patterns/_shame.scss deleted file mode 100644 index dbe7ebf6..00000000 --- a/source-3.0/_patterns/_shame.scss +++ /dev/null @@ -1,5 +0,0 @@ -// @file -// Quick fixes -// -// Deadlines happen, so put your quick fixes here. Hopefully there will be time -// later to move/re-factor these styles into their proper place. diff --git a/source-3.0/_patterns/_utility-classes.scss b/source-3.0/_patterns/_utility-classes.scss deleted file mode 100644 index 735b1f0d..00000000 --- a/source-3.0/_patterns/_utility-classes.scss +++ /dev/null @@ -1,63 +0,0 @@ -// @file -// Utility classes - -// Clearfix -.clearfix { - @include clearfix-important; -} - -// Accessibility utility classes -.visually-hidden { - @include visually-hidden-important; - &.focusable { - &:active, - &:focus { - @include visually-hidden-off-important; - } - } -} - -.hidden { - @include hidden-important; -} - -.invisible { - @include invisible-important; -} - -// Styles for accessible skiplinks. -.skiplinks { - @extend %system-font-family; - left: 50%; - margin-left: -7em; - position: absolute; - width: 14em; - z-index: 9999; -} - -.skiplinks__link, -.skiplinks__link:visited, -.skiplinks__link:focus { - background-color: #333; - border: 2px solid #eee; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top: 0; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); - color: #eee; - display: inline-block; - font-weight: bold; - line-height: 1.5; - margin: 0; - outline: 0; - padding: 0.25em 0.5em; - text-align: center; - text-decoration: none; - width: 14em; -} - -// Remove :focus styles for skiplink targets. -/* stylelint-disable-next-line selector-max-id */ -#main:focus { - outline: 0; -} diff --git a/source-3.0/_twig-components/filters/clean_class.filter.php b/source-3.0/_twig-components/filters/clean_class.filter.php deleted file mode 100644 index fb9e0a50..00000000 --- a/source-3.0/_twig-components/filters/clean_class.filter.php +++ /dev/null @@ -1,19 +0,0 @@ -<?php -function addCleanClassFilter(\Twig_Environment &$env, $config) { - $env->addFilter(new \Twig_SimpleFilter('clean_class', function ($string) { - $filters = [ - ' ' => '-', - '_' => '-', - '/' => '-', - '[' => '-', - ']' => '', - ]; - $string = str_replace(array_keys($filters), array_values($filters), $string); - $string = preg_replace('/[^\x{002D}\x{0030}-\x{0039}\x{0041}-\x{005A}\x{005F}\x{0061}-\x{007A}\x{00A1}-\x{FFFF}]/u', '', $string); - $string = preg_replace([ - '/^[0-9]/', - '/^(-[0-9])|^(--)/' - ], ['_', '__'], $string); - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/clean_id.filter.php b/source-3.0/_twig-components/filters/clean_id.filter.php deleted file mode 100644 index 0602eea2..00000000 --- a/source-3.0/_twig-components/filters/clean_id.filter.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php -function addCleanIdFilter(\Twig_Environment &$env, $config) { - $env->addFilter(new \Twig_SimpleFilter('clean_id', function ($string) { - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/format_date.filter.php b/source-3.0/_twig-components/filters/format_date.filter.php deleted file mode 100644 index d2de046c..00000000 --- a/source-3.0/_twig-components/filters/format_date.filter.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php -function addFormatDateFilter(\Twig_Environment &$env, $config) { - $env->addFilter(new \Twig_SimpleFilter('format_date', function ($string) { - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/placeholder.filter.php b/source-3.0/_twig-components/filters/placeholder.filter.php deleted file mode 100644 index 2557f11e..00000000 --- a/source-3.0/_twig-components/filters/placeholder.filter.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php -function addPlaceholderFilter(\Twig_Environment &$env, $config) { - $env->addFilter(new \Twig_SimpleFilter('placeholder', function ($string) { - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/render.filter.php b/source-3.0/_twig-components/filters/render.filter.php deleted file mode 100644 index ede591ca..00000000 --- a/source-3.0/_twig-components/filters/render.filter.php +++ /dev/null @@ -1,7 +0,0 @@ -<?php -function addRenderFilter(\Twig_Environment &$env, $config) { - // Drupal Render filter - $env->addFilter(new \Twig_SimpleFilter('render', function ($string) { - return $string; - })); -} diff --git a/source-3.0/_twig-components/filters/safe_join.filter.php b/source-3.0/_twig-components/filters/safe_join.filter.php deleted file mode 100644 index a49b7b1b..00000000 --- a/source-3.0/_twig-components/filters/safe_join.filter.php +++ /dev/null @@ -1,7 +0,0 @@ -<?php -function addSafeJoinFilter(\Twig_Environment &$env, $config) { - // Drupal Safe Join filter - $env->addFilter(new \Twig_SimpleFilter('safe_join', function ($string) { - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/t.filter.php b/source-3.0/_twig-components/filters/t.filter.php deleted file mode 100644 index d25cf683..00000000 --- a/source-3.0/_twig-components/filters/t.filter.php +++ /dev/null @@ -1,7 +0,0 @@ -<?php -function addTFilter(\Twig_Environment &$env, $config) { - // Drupal translate filter - $env->addFilter(new \Twig_SimpleFilter('t', function ($string) { - return $string; - })); -} \ No newline at end of file diff --git a/source-3.0/_twig-components/filters/without.filter.php b/source-3.0/_twig-components/filters/without.filter.php deleted file mode 100644 index 51757035..00000000 --- a/source-3.0/_twig-components/filters/without.filter.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php -function addWithoutFilter(\Twig_Environment &$env, $config) { - $env->addFilter(new Twig_SimpleFilter('without', function ($string) { - return $string; - })); -} diff --git a/source-3.0/_twig-components/functions/add_attributes.function.drupal.php b/source-3.0/_twig-components/functions/add_attributes.function.drupal.php deleted file mode 100644 index fb11e377..00000000 --- a/source-3.0/_twig-components/functions/add_attributes.function.drupal.php +++ /dev/null @@ -1,97 +0,0 @@ -<?php -/** - * @file - * Creates an "add_attributes" function for Drupal - * that adds attributes, title_attributes, or content_attributes with optional - * additions while preventing attributes from trickling down through includes. - * Based on https://github.com/drupal-pattern-lab/add-attributes-twig-extension - */ - -use Drupal\Core\Template\Attribute; - -$function = new Twig_SimpleFunction('add_attributes', function ($context, $additional_attributes = [], $attribute_type = 'attributes') { - if (!in_array($attribute_type, ['attributes','title_attributes','content_attributes'])) { - throw new Exception('Invalid attribute type.'); - } - - if (class_exists('Drupal')) { - $attributes = new Attribute(); - - if (!empty($additional_attributes)) { - foreach ($additional_attributes as $key => $value) { - if (is_array($value)) { - foreach ($value as $index => $item) { - // Handle bem() output. - if ($item instanceof Attribute) { - // Remove the item. - unset($value[$index]); - $value = array_merge($value, $item->toArray()[$key]); - } - } - } - else { - // Handle bem() output. - if ($value instanceof Attribute) { - $value = $value->toArray()[$key]; - } - elseif (is_string($value)) { - $value = [$value]; - } - else { - continue; - } - } - // Merge additional attribute values with existing ones. - if ($context[$attribute_type]->offsetExists($key)) { - $existing_attribute = $context[$attribute_type]->offsetGet($key)->value(); - $value = array_merge($existing_attribute, $value); - } - - $context[$attribute_type]->setAttribute($key, $value); - } - } - - // Set all attributes. - foreach($context[$attribute_type] as $key => $value) { - $attributes->setAttribute($key, $value); - // Remove this attribute from context so it doesn't filter down to child - // elements. - $context[$attribute_type]->removeAttribute($key); - } - - return $attributes; - } - // Pattern Lab. - else { - $attributes = []; - - foreach ($additional_attributes as $key => $value) { - if (is_array($value)) { - foreach ($value as $index => $item) { - // Handle bem() output. - if (strpos($item, $key . '=') !== FALSE) { - parse_str($item, $result); - // Remove the item. - unset($value[$index]); - // Strip surrounding quotes. - $value[] = substr($result[$key], 1, -1); - } - } - - $attributes[] = $key . '="' . implode(' ', $value) . '"'; - } - else { - // Handle bem() output. - if (strpos($value, $key . '=') !== FALSE) { - $attributes[] = $value; - } - else { - $attributes[] = $key . '="' . $value . '"'; - } - } - } - - return implode(' ', $attributes); - } - -}, array('needs_context' => true, 'is_safe' => array('html'))); diff --git a/source-3.0/_twig-components/functions/add_attributes.function.patternlab.php b/source-3.0/_twig-components/functions/add_attributes.function.patternlab.php deleted file mode 100644 index 97008a2f..00000000 --- a/source-3.0/_twig-components/functions/add_attributes.function.patternlab.php +++ /dev/null @@ -1,98 +0,0 @@ -<?php -/** - * @file - * Creates an "add_attributes" function for Pattern Lab - * that adds attributes, title_attributes, or content_attributes with optional - * additions while preventing attributes from trickling down through includes. - * Based on https://github.com/drupal-pattern-lab/add-attributes-twig-extension - */ -function addAddAttributesFunction(\Twig_Environment &$env, $config) { - //use Drupal\Core\Template\Attribute; - $env->addFunction(new Twig_SimpleFunction('add_attributes', function ($context, $additional_attributes = [], $attribute_type = 'attributes') { - if (!in_array($attribute_type, ['attributes','title_attributes','content_attributes'])) { - throw new Exception('Invalid attribute type.'); - } - - if (class_exists('Drupal')) { - $attributes = new Attribute(); - - if (!empty($additional_attributes)) { - foreach ($additional_attributes as $key => $value) { - if (is_array($value)) { - foreach ($value as $index => $item) { - // Handle bem() output. - if ($item instanceof Attribute) { - // Remove the item. - unset($value[$index]); - $value = array_merge($value, $item->toArray()[$key]); - } - } - } - else { - // Handle bem() output. - if ($value instanceof Attribute) { - $value = $value->toArray()[$key]; - } - elseif (is_string($value)) { - $value = [$value]; - } - else { - continue; - } - } - // Merge additional attribute values with existing ones. - if ($context[$attribute_type]->offsetExists($key)) { - $existing_attribute = $context[$attribute_type]->offsetGet($key)->value(); - $value = array_merge($existing_attribute, $value); - } - - $context[$attribute_type]->setAttribute($key, $value); - } - } - - // Set all attributes. - foreach($context[$attribute_type] as $key => $value) { - $attributes->setAttribute($key, $value); - // Remove this attribute from context so it doesn't filter down to child - // elements. - $context[$attribute_type]->removeAttribute($key); - } - - return $attributes; - } - // Pattern Lab. - else { - $attributes = []; - - foreach ($additional_attributes as $key => $value) { - if (is_array($value)) { - foreach ($value as $index => $item) { - // Handle bem() output. - if (strpos($item, $key . '=') !== FALSE) { - parse_str($item, $result); - // Remove the item. - unset($value[$index]); - // Strip surrounding quotes. - $value[] = substr($result[$key], 1, -1); - } - } - - $attributes[] = $key . '="' . implode(' ', $value) . '"'; - } - else { - // Handle bem() output. - if (strpos($value, $key . '=') !== FALSE) { - $attributes[] = $value; - } - else { - $attributes[] = $key . '="' . $value . '"'; - } - } - } - - return implode(' ', $attributes); - } - - }, array('needs_context' => true, 'is_safe' => array('html')))); - -} \ No newline at end of file diff --git a/source-3.0/_twig-components/functions/attach_library.function.php b/source-3.0/_twig-components/functions/attach_library.function.php deleted file mode 100644 index 4c931cc8..00000000 --- a/source-3.0/_twig-components/functions/attach_library.function.php +++ /dev/null @@ -1,6 +0,0 @@ -<?php -function addAttachLibraryFunction(\Twig_Environment &$env, $config) { - $env->addFunction(new \Twig_SimpleFunction('attach_library', function ($string) { - return; - })); -} diff --git a/source-3.0/_twig-components/functions/link.function.php b/source-3.0/_twig-components/functions/link.function.php deleted file mode 100644 index a1e7c120..00000000 --- a/source-3.0/_twig-components/functions/link.function.php +++ /dev/null @@ -1,15 +0,0 @@ -<?php -function addLinkFunction(\Twig_Environment &$env, $config) { - $env->addFunction(new Twig_SimpleFunction( - 'link', - function ($title, $url, $attributes) { - if (isset($attributes) && isset($attributes['class'])) { - $classes = join(' ', $attributes['class']); - return '<a href="' . $url . '" class="' . $classes . '">' . $title . '</a>'; - } else { - return '<a href="' . $url . '">' . $title . '</a>'; - } - }, - array('is_safe' => array('html')) - )); -} diff --git a/source-3.0/_twig-components/functions/path.function.php b/source-3.0/_twig-components/functions/path.function.php deleted file mode 100644 index ea32e728..00000000 --- a/source-3.0/_twig-components/functions/path.function.php +++ /dev/null @@ -1,10 +0,0 @@ -<?php -function addPathFunction(\Twig_Environment &$env, $config) { - $env->addFunction(new \Twig_SimpleFunction('path', function ($string) { - if ($string === '<front>') { - return '/'; - } else { - return $string; - } - })); -} diff --git a/source-3.0/_twig-components/functions/url.function.php b/source-3.0/_twig-components/functions/url.function.php deleted file mode 100644 index 43243261..00000000 --- a/source-3.0/_twig-components/functions/url.function.php +++ /dev/null @@ -1,7 +0,0 @@ -<?php -function addUrlFunction(\Twig_Environment &$env, $config) { - // https://www.drupal.org/node/2486991 - $env->addFunction(new \Twig_SimpleFunction('url', function ($string) { - return '#'; - })); -} diff --git a/source-3.0/favicon.ico b/source-3.0/favicon.ico deleted file mode 100644 index eee4aa78fdf0366fc7278096cdafb710d2dbb49c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 32988 zcmeI4d7Ks1mB$}%=>-rF*HI_aXpBUS+qg`-L^KTIhPYsm%(%u(!Vu%QfR1R|eKe>E z5tNUK$lCp0Z*(`^(9O~W0fE6dIvAaxQHcpkR1)K^@aFrgs{5#}uB!K5Z}E@!KA-BU zy7%0(-FweD_uN|@iS&!aBO^vcxR*tSa~~CnM9RvX_aTwUb(HPDzw=%iiOd`ui439K zf{#ZcD=&*ghSLVHNClV5za+mXd<+^mFtTrHY2-k2>0RYqu`daqJ;Da^9aLN#JEx>1 zerHKZVgb)<5{cNBqN3P4#l`UtxjyFlNbi)t!hIcZmB8N(?3mKh(y#OgBYlXZq$F~1 zadF~DMMd!?$nhTXrMq$cC6S1?(f-Eb;^MFMp%{6SLe`NbC9z8S?a$qiH%wO_fVUR> z=jP2^FE&8#GvTYHmt^+U2V-IddN`*S#mb6W<GiRSF$cMK^`-1?TF_52FAmGfY!3rq zqpo0nZ*%kVw|Zv$y^Fp1eh-Tngl+(|9_yy8J8A!cY@>MBUGH39bO*1-q8$YUvEIFM z`LaZ!-^woVxP$q+lJRmM_VM!4()cNi*{{NleEv|beRw~F@^bv&zW{eP@XNU8?K^1y zOmT7KknTy^xi$P9T2vH$ArINVfd8e;lWR&!O3FH8%wB@;N8gFdq1nXsS+2D0IHKst z>=bf?z|NJ$<MH3*NPj2ea3Sy~=Y~BuDD-e5eLEW-KF@^@bnseHQPJ0P!yXK^#~zWr zp}Q#;n!v4RE{_bx*8Ljh$f@|fRk`q^K2v<%4XQEdH0D5SCvx8ho&MdRl~2<m=-m!q zpJwAtaRP{o^FeN4nZLyB;jt?)@6zuVnl^oTNA}Uk_g0t=9R454moM6l0B`7AV|@LA zd3jR4xO);F`o}QWe;1|$yDoNK9(3{X(dWZ(((l`#eOw+mJAk&gSHx4P83S8d<_}7x zQUlxD+gY`D?T2qV3>~}?#xM0-z`kcL6tFS3gyEv@L&nFMx!`ic)Yqqusi{fbP*+zo z51H3jRaL!OU0wNRDrMa_)YjH6sIE><uBoXxKAk3Ik;kvJH1SXH6}s+%=lipv?B73f z0C@fsE`Rg~+3=Y9apT6tkms_xy41?*>Z&hVTAI^Kmb9dsni|s$4U5u?7S&sKy{ml5 zlIC<xP4&*Yy1La|m(Q9tD`9YDyAxYY2<KZdrWJPuqC!Xah2bEcsS0fDsYs<3mebem zix)SgTUr*U>*{JHTe`YB6?zG-xp}d5F(%d}lgTqYr~_Z|jZcK}&zyZUsPVvo1NRBD zr_{ZjYd(f?KB>OG_5<~4E;9S+MD3)9MT_b_VO~rL;@e$L9t{~1fwlm<wF4Rc-rdGL zv#$BKFx}C1vVje|Gq3Nl`K}M`XFr+!$}~r8Jy!iRjIOC;jD9bR9DcfthQ(EiC&91$ zWatlDcAMs~#;~6(T`jAvtw}Fkx+INmv)V8iEJ6MkgLM#n7MKopg;;qw@PY9ZeScf1 z;8bGY&Qo92*Vpx^>_%tOsqAD;O_J<(_>VboU6B09vXlDb-5BuqlS1HGt49uY!+W3c zXG59uugTUKetYBI*w`TaZ#6Vj9^mD{^S(cFD#z@bKcnteH$1+hDhQVH7B{Tlv*x_U zXK%>t#o5{_I?3sNe7MV4hla`2?1C*t#+QQSk6!PB?ew^C;llk=spOyJ&%M0%#=GVi z^xkL84eP{=s{osIRgg@K|E+*3_YzUQ1h`KEV7~x1G{(n2e_wG;SN&X9bR>U}%_m~h zjtG%!*MI?uqiy-)qXJ}4Gf%bwGgxpzKl-9k@^?j!uC|eXrT<r@)9J7{xtKBVO0aCP zizO5Ndvy>DK5-2ofiz~%t{+1G|50PItFm;Zo#SKvj1JfZ4gS%8OM_)gSo0c~$w4s6 zuLom~M2PK=O(v^8?`eOZO(%*6?5p;aF#gC*{4!WJD`yiS=D(Y(lb^855|4-B#}}Vt zc*(|dPu7d3#vJr74dV~le-b1cbK~b~Oa1-9Fo{q<!`Q!6e2AZ(lrI}D*;>Uy(7!rN ze&o6*NH*s7V~+gf<^B5~+hFM^hz2p=MVgC$3;FF>sOs_{-m=Mt{4)i^{J$f3j>Kk% z;jgVto`L<})z|Wip7dT<R~?$yVvJ7@l8y3*B^&F$z*rfW#bNT-*VmU}|32)km_KM9 zIQDiY_W$rO{*<o>lAnIRU2U<Emj=PGF4!!PAR4n~ZA!qy^O}o6y!J-9#y)gknLBsx zfFRyfj%*u(WFzLkMlk*RCr${0p<HX9e-K>IPqBDk#r{T@PW(3~h$oe6?*{$@b9vZ2 zlf&GHu@JIW3eWFjgTL9AHqf^HS_g*Dee(0)LjGNTeT%&0a5MXo%6+W%gLBG4_YW9{ zv1GDxO<%>pihWscJ~w;z?2@qlN5+a^nXDX0W?u-nhl63`FGD8->qnDZ=V-0}dOHr3 z-IuLF=a=~L;VO$VzeDydV^6qX@d2@OL*!R%c$OR9@0mWC+uFLcSM8we3^}$%e)K(M z<*`_VJ@{CsxK?sf{%sHZp7D6>%@7^bdf+>~(kDZilP}t~DLlt*>{zaMVhnQV&BR%$ zS5v7u2X-Rv6jW4HL@O&R4;VJ=D^-IB4@^^RUG#5856J!w`y7Ag#R1H$5cxkN7Cgb* z#{15C=m=thH+otJlAXEr7Wg~l?F{`nbLQ;De#vd*%GWRsx6hd~J3W2+&(f17O-v6T zeyF8`L?UYGK)Ei{&V9GfrTE)RM=znVkio?`_y)YZsJYPHxDa`*yl;Jd%`5b)ZypBQ zbGqt9&*a_Zj}#*qzkKn<7pD95i=>GM(LwBN!>i{mKk%!NF_11TE%MGA4+{HLIWhX8 zQnpGw<(nH4ymG0F7i-_Bx*?UC>w69sogB*^(R<3d2hAm|&omw{yl{-h!3M4lxo@`s z%#91e<i|$*o--A``zLNZ=9%@;c=mxdNe|+|tQ94n(TRE1STVdxcE-^2tZ%O{xV(3J z54mc!-N(s5`K1@(B~DL|9echN^LcT(-uto7)gGn;{Aw%kfjV^IvL2^TZz-k^$FbL& zMAkPYug0e4v~;4o-tD<kwT<~hm!>AL_ZfPg1Y0}8=rgGA-R05~<3#6FLVwtSlaW8m zd8>rAb`C}4Qz;+8UT`_{`U;+JCU%}m{5Y9$auq_K!o1nrr<rdN@=rDM+bw6%v&IxO z|C=l88GGdaS=bnG>K^cAtd9zj|51&dAbGvz8e`~r%l!HCv+m;|!XVauIh^;4%>Xv5 zK6^tYZEbD0=hOdA+_<@=r6n|$HN48-)6Y7Wnu#6!pZhH??fdT(_Ty|tOFq8Ej!BZ$ zM!sC`#0olpnMM9Mel@Wb-!VQHoZW?i&e&M2-<G}h8j_wh>v3y6;2rDUciC2ZZ?gJ= zeCcEFZ_Pyqf<a#?bkXH=QDMBXpK~O#&ojILn;tc4q~$-t@=x+NZEdZxef7E6K0hAN z!Ci)K4)>46C+qJsz!mkwmrogZP6OYQ(Csi670ZDqJz>Il#z2#EUZ%#1D<re}TsBX# z<9}BGle2H}<B#*t|CxjAp1BhJHF=i1X{Yt0=m+j4xo8fh%}8|qW8~gQTi+apc!|fO zmJUumwLCp-+JhOHW$P3hXf1+Yt;m)uaM2EZbnL-j^4Ei9L$)K&Gwdm84F3fArfP0+ z-NyTal+UGptvQ3_my`FSOB+iE<T^hZJ9f;i&CQJyh#Rj(_EC&?YmYZns5~n<Yj+~P z@mW7!axIf=-YeI({&3O%MU2z)6s0@hgW*FtqtG+5{=8=QCwa8vTatwKG4|<>FkNkn zZ919pyCe^OJ@%pNx?rBHbZl%_+3&G-oU0rIKW%-ZhuE+1h2vnp+rFj86yP9YPM<~& zVJ5!mwVu=k__l)g7vMKJ`<`aKNAcNv53zI5!6VA4!1sGzeYowPw~qH6wBuXh1p9Zf zG0ykVJ<4NWBGb2HI-`xR;`^@X6y$plxn^+9wD0nN(Oc+eeIItRlVkbPjqkqHSzpl_ z4xuux5nMg^e*y+5PEfq0IES&WGY0qItFEWN&u8!HV953O4;mw&`6TlOdtv()_dL_H zQ~n8KaUIV$3>XjzJwucWlhEV)G}{llXc$_7cL#Pm_o>jyX<hE+2fF$es?)clE<W_V z2H(iarr5ExtIp!hevkf|z2JP-ZV6&e{jUNa`C?DQ*JSEWbM}uFhqBLVt>MNo1|G+E z{{eoyZU3tA;g!+ny&rA)7Jheo@qrIs2HtP_!21>LDIU3`7dIb@=|=lCFlE#~?3G)% zOnp9gVu!CO?)TthjS)G_4-d4@^6<Nh_JQZ1v?s(mU~p?|=vjdhaJIPdf^$9ey}2#e zjlb-MV^06Tk56*A=dv!J$NFnC`&Vz1^V~{Kdv!xY{Z#VyemV61tSd6#T}dCz<!jxz z8E;p4^i<=n*E9LOgIN1DD>taK!c9#L)>=^ev&t7~Jq%y(kw5&Qw=LuI8_1S92hY5I z9hg!Bhfdt*DL!Uw4>NVTBUc%?Ulk3l!M%AH^DbVNEo-Abd9S;@p7DXxjf}cO^AeTA z+i-Xz-nZ9ItQY62-2C(n8U4K8&UJ+E2Z#^tRcp^Em8$Hpr=zp(Mh7;1`wS$yzt-?2 z9+;;c{tpGTuM}+~V=i~)q}Z=}y{V~VuAh0_Zqu-GYi}SU<1;qHMgM*5_I^fo-J!oW zpM0?4PkBMwcKC)9Iu$Nj=)Cwa_|bRRj-9a11!Zy>4Gj(Zkz4+2SRTsI^WN15=%B;5 zE%f>L-L$O!J_GqznKJ6vx@E7ct2)}`e7yLxz5C@wq2oCd9Xns^Ef@V~-1Oo9NYSzP zaPr&x7Jb@Rx$!|~w4r6+t@8;Pd(Rx%0(|D1Npc;WL#}*BIiGCudh6}ET6K?`K6d8{ zH+^DKzPpZ3bB&2lm?vfKHjJUBeDd+)Lw%+>z&XMWJ_}k8xoCYVAKH0L#QxPypM9i} z8vnWWfzA|&U(QpkmydAcibf;<<C6a+>f{Fwr0ipri#Nu@a(5d&CzA{3tXQ!;YafWV za+A!L&*}OO=L*WpPZ-TUvz60g%roD1@3ldDv5PPEqvIXUKP%6NpJ`gYe3@nQy?t$T zt}zGw&)9Fv_)Tp0n5L%sjSCjc|8(Ze8R@gn9&Pd9jwhf!%GEFMW}PGI;3IV=UpdD` zix%zB+?I~jFSb9j_vo?zYm>?O8Q$3&9bxu}WkWP3<R8Y5zjU2f$BJ>>IzUIhdy(*P z5Z6TTJ%zrPF+LmFlYbB&{LfyT_`(LS-;l3tZf@R)JRQbHQBmaU(6`2c;RBuA@5PzV zJN9$6=(+pLp37C+=lYy+WPV<4XzQ*%!9S(^&b8#g$0gTaf8BO_+}eIq<8#?EYtLY1 zP<!INJG?wl_D9NYqD=?i<cEWCC7V*qUQT-7efLgl%!vn$O^sj1$PUKx@qTSh8SQU& z^I)FgL-~d}uA8tMW6=-mqWHJa+m)1&x9pg|1z&pT(81}66DPhzUsMw_O`A7wo^SkV zXq!9Z?;Py0?{_BZ7sHde2bF>Emt3LW+8CNX_rc)3lezJhAAUpIeK&BlX{Y=wADnp? zDet406?~2Kug;VC?Ol9`{$*c(>a|~a6AW*#2QlN}$jLd-*m>$F=#?uM6W+|fb~wda zC?CVsojd_C^>NtriHdU-!*b1m$NL$lmvv_!nfZSuy4QY@V-GssRnEnE=0r-lD1RwC zm)dc+mBY*6b#Q$S-<oHc{UD7gT~7T&VC&!;yx8SifY;jGv>`8H?E_sz%=uN|_jJDL zK2|!T51%%$q9b1b%s?+*y*q1}_YFKYVTs0rAFR8Kei-N2F-sPnb>63g58z$v#TN~3 z_|hIkr=R}6#kzItGV3P;ptHxceM#*do!w>Xbcf~?mmVA3b({;@n>AzwG2bTQr|s-* z{vKbu1YbA74X1UCOSi1)Gygwufb4`r`#pDVRj~-TUYGrq50($oT1__DjuUHY@uL}e z7;pT4C)4M#$8FwYV_kCnm*I){;sDlM+l5R1#qH}%T(WZI3dO<;OdIY|aQ#*^;Q4Ld z2QqJd?&xM0`I=)5EHT7m;@c0mp{00JaR@SG_R7GO`Tj|9E_9X)KjUB<xGh<=K4X2e zO}a3+g6{SjFlp&Ryn*L}-TFvi8>7$K{70WRyf0X=;85`Ke=o9sH?KGW{@YDk=JH7f zKjY?B`ec)XUweYq5BOp5|3xnN9sOutSwGoK7yc<cx7hlLzXQM?0s?;#dVftZT##N& zxwGz{W+CTKX=&`+HoqE2i7UYW!0z|>X$Fp5K}ELMTJmYk*3>LK%CzJDDD%^@FWBCH z1oxS{<%!AXT0dkM$oP1{=CAV_PPjEbS!ZQ(7CL)+)KQ1O#aZh#am;HV(zh}R@c&jc zxUgrtZ4T#j59B=Ls<t*eF4i0~IT`rg#n`vvNO&1c{%ED<iu&Wm8*fPW?_YAe&8d|m zxqP>dVw)&0Hg&pV8~84-Za&}SuP5GZ$6h>CQ&X9VrKq30YE`?n{?d9$dTnT^8}G&; z+iGYyHgHdOeb_T{{9^g?Hft_wKCW1y^+??mcN^s|6gL?f=<5G8SKKf@&qG+7-ErJ; z$GvaX6Y4Me<}+f&BfRj~z+ud{7hE(nuQ%{MRq=p)vE~nDm+?NsiCL_5PkH%C>A7>C z+St<4RKq$cV=ufkcppUDC)D4fV=kxvjbF=@s~)*!%f9P_E3ioO5I%KwVtWX!m%v}q zot*xlK@pulAzn^=Pxge19C7SB(iO~Qat=X^Doz^0RmPQPoTS+CyU?AFKH2+ITpD`} z+82Q;!4>!;Huxbr*+E-N&qnulUnJBAzu_9~hd})<IO;#*ekU-JQ*roS@p$BP^{tIZ zeH**Rje|BfiKZRT?*6}vtQkA-OZ$<)zVG0%Y?|Uw%05NEneP!8XXTBJi<+4$+nA$o zG&a^fi7hx#G=X*2-d64{MmzSEL_6^#)dP2`*7U8dtr@?qc}-mKJMdcTF>us5I#NDu zHSfD<YJCfV|J<N_vD<&@SvC*b`-o`JW{lcH`(DPwR>vnt)~;Q<FaG6IKmQ^dN8NL3 z&u_S`gTzAGzb@HTxM9PFz3>ko`{fUvb+K%mev0Smhs1pOY53P%EmH;ZFPANF^Dm#% z-o8>Xh5A*$OJu8|%i1;ZAC4?PRs}i4BeB8nDu$3B6W@{@yc^rwXP1y8ID68hNzd)S z|GxZBh{%b~_jQVWKQcBRI)~5)vvhWy{@aM%y^Fkb$>z<QkCrW8v*u~eEY8}>WsMK$ z6SG_T<XnAlOg?4G%?~{N^lB?70*`NR*|H^L@9lA5$Ir}_C+Q>YA05V}^Mc<gD(bg% zz<^S|1^M^SSkphl*{F*puluJth8!<Dx^>wqdp^bE{Z;_4c@g%DgJU!}?j?p_0M4i2 z?UpdP!jKi}3K}SAprC<*1_~M|XrQ2hf(8m2C}^Odfr17K8YpO>pn-x03K}SAprC<* n1_~M|XrQ2hf(8m2C}^Odfr17K8YpO>pn-x03L5zGY2g0>D_A%) diff --git a/source-3.0/pattern-lab.scss b/source-3.0/pattern-lab.scss deleted file mode 100644 index 1c7b1656..00000000 --- a/source-3.0/pattern-lab.scss +++ /dev/null @@ -1,210 +0,0 @@ -// CSS styles and overrides for Pattern Lab only. -// This stylesheet is not loaded by the theme. -@import 'breakpoint'; - -@import '_patterns/00-global/**/*'; - -// The container for the 'view all' screen, which contains the list of patterns. -/* stylelint-disable-next-line selector-max-id */ -#sg-patterns { - box-sizing: border-box !important; - max-width: em($max-page-width); - padding: 0 ($gutter-width / 2); -} - -// Hide headers for some Gesso folders -/* stylelint-disable selector-max-id */ -#viewall-global-config, -#viewall-global-tools, -#viewall-base-fonts, -#viewall-base-normalize, -#viewall-base-html-elements, -#viewall-base-extendables, -#viewall-layouts-constrain, -#viewall-components-cms-styles { - /* stylelint-enable */ - display: none; -} - -// <html> tag class around content (e.g., _00-head.twig) -.pattern-lab-content { - min-height: 0; -} - -.sg-subtype { - h2 { - font-size: 24px; - margin: 3em 0 0.25em; - text-transform: capitalize; - } - - a { - color: #666; - text-decoration: none; - - &:focus, - &:hover { - color: #333; - } - } -} - -// Color Swatches -.pattern-lab-color-list { - display: flex; - flex-direction: column; - list-style: none; - margin: 0; - padding: 0; - text-align: center; - - @include breakpoint(800px) { - flex-direction: row; - } - - li { - display: block; - width: 100%; - - @include breakpoint(800px) { - margin: 1% 1% 1% 0; - } - } -} - -.pattern-lab-color-list__set { - list-style: none; - margin: 0; - padding: 0; - width: 100%; - - li { - margin-top: 1.2em; - width: 100%; - } -} - -.pattern-lab-swatch { - color: #546673; - display: block; - font-size: 32px; - height: 2.5em; - margin: 0; - overflow: hidden; - position: relative; - width: 100%; -} - -.pattern-lab-swatch__meta-data { - bottom: 0; - display: block; - left: 0; - position: absolute; - right: 0; - top: .55em; - transition: 0.2s all; -} - -.pattern-lab-swatch__variable { - display: block; - font-size: 11px; -} - -.pattern-lab-swatch__hex { - display: block; - font-size: 14px; -} - -.pattern-lab-swatch--light-text { - color: #fff; -} - -// Typography -.pattern-lab-font { - margin-bottom: 30px; -} - -.pattern-lab-font__family { - font-size: 20px; - font-weight: 700; - margin-bottom: 5px; - text-align: center; - - @include breakpoint(800px) { - text-align: left; - } -} - -.pattern-lab-font__item { - display: flex; - flex-direction: column; - margin: 30px 0; - - @include breakpoint(800px) { - flex-direction: row; - } -} - -.pattern-lab-font__preview { - border-bottom: 2px solid #eee; - font-size: 18px; - font-style: normal; - font-weight: 400; - padding: 20px 0; - text-align: center; - width: 100%; - - @include breakpoint(800px) { - border-bottom: 0; - border-right: 2px solid #eee; - margin: 5px 30px 0 0; - padding: 0 20px; - text-align: left; - width: 65%; - } -} - -.pattern-lab-font__preview-character { - font-size: 90px; - font-weight: 400; - line-height: 1; - text-align: center; - width: 100%; - - @include breakpoint(800px) { - text-align: left; - width: 25%; - } -} - -.pattern-lab-font__preview-meta { - text-align: center; - width: 100%; - - @include breakpoint(800px) { - text-align: left; - } -} - -.pattern-lab-font__label { - color: #999; -} - -.pattern-lab-font__name { - color: #565454; - font-size: .9rem; - line-height: 1.5; - margin: 5px 0; -} - -.pattern-lab-font__weight { - color: #000; - font-size: 13px; - margin-bottom: 5px; -} - -.pattern-lab-font__style { - color: #000; - font-size: 13px; - margin-bottom: 5px; -} diff --git a/source-3.0/styles.scss b/source-3.0/styles.scss deleted file mode 100644 index 20d14643..00000000 --- a/source-3.0/styles.scss +++ /dev/null @@ -1,11 +0,0 @@ -// @file -// Main styles - -@import 'breakpoint'; - -@import '_patterns/00-global/**/*.scss'; -@import '_patterns/01-base/**/*.scss'; -@import '_patterns/02-layouts/**/*.scss'; -@import '_patterns/03-components/**/*.scss'; -@import '_patterns/utility-classes'; -@import '_patterns/shame'; diff --git a/source/_patterns/01-global/00-colors/_color-item.twig b/source/_patterns/01-global/00-colors/_color-item.twig deleted file mode 100644 index fc71a0f6..00000000 --- a/source/_patterns/01-global/00-colors/_color-item.twig +++ /dev/null @@ -1,22 +0,0 @@ -{% if color is iterable %} - {% set color_label = color['sass'] %} - {% set color_value = color['fallback'] is empty ? color['sass'] : color['fallback'] %} -{% else %} - {% set color_label = color %} - {% set color_value = color %} -{% endif %} -{% set style = 'background-color:' ~ color_value ~ ';' %} - -<div class="pattern-lab-color-swatch"> - <div class="pattern-lab-color-swatch__indicator" style="{{ style }}"></div> - <div class="pattern-lab-color-swatch__meta"> - <div class="pattern-lab-color-swatch__name">{{ name }}</div> - <div class="pattern-lab-color-swatch__hex"> - {% if color_value is sameas(color_label) %} - {{ color_value }} - {% else %} - {{ color_value }}<br />(<code>{{ color_label }}</code>) - {% endif %} - </div> - </div> -</div> diff --git a/source/_patterns/01-global/00-colors/_colors.scss b/source/_patterns/01-global/00-colors/_colors.scss new file mode 100755 index 00000000..85cb9888 --- /dev/null +++ b/source/_patterns/01-global/00-colors/_colors.scss @@ -0,0 +1,80 @@ +// @file +// Color variables +// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ + +$color-body: #fff; +$color-gradient-dark: rgba(0, 0, 0, 0.1); +$color-gradient-light: rgba(255, 255, 255, 0.1); +$color-link: #0071bc; +$color-link-hover: #205493; +$color-link-visited: #4c2c92; +$color-selection-background: #dce4ef; +$color-selection-foreground: #212121; +$color-text-primary: #212121; +$color-text-secondary: #5b616b; + +// Theses are all the digital colors. Some have a 5th, +// however the color is not accessible with the other colors. +// The primary color is the 3rd. +// 2nd is lighter than 3rd and 1st is lighter than 1st. +// 4th is darker than 3rd. + +// University Colors +$uw-colors-uw-blacks-hex: (lvl1: #dfdfdf, lvl2: #a2a2a2, lvl3: #787878, lvl4: #000, primary: #000); +$uw-colors-uw-golds-hex: (lvl1: #fffaaa, lvl2: #ffea30, lvl3: #fdd54f, lvl4: #e4b429, primary: #fdd54f); +$uw-colors-uw-whites-hex: (lvl1: #fff, primary: #fff); +// Faculties Colors +$uw-colors-fac-ahs-hex: (lvl1: #97dfef, lvl2: #00bed0, lvl3: #0098a5, lvl4: #005963, primary: #005963); +$uw-colors-fac-art-hex: (lvl1: #ffd5a5, lvl2: #fbaf00, lvl3: #e78100, lvl4: #d93f00, primary: #fbaf00); +$uw-colors-fac-eng-hex: (lvl1: #d0b4ef, lvl2: #be33da, lvl3: #8100b4, lvl4: #57058b, primary: #8100b4); +$uw-colors-fac-env-hex: (lvl1: #daf582, lvl2: #bed500, lvl3: #b4be00, lvl4: #607000, primary: #b4be00); +$uw-colors-fac-mat-hex: (lvl1: #ffbeef, lvl2: #ff63aa, lvl3: #df2498, lvl4: #c60078, primary: #df2498); +$uw-colors-fac-sci-hex: (lvl1: #b4d5ff, lvl2: #63a0ff, lvl3: #0073ce, lvl4: #0033be, primary: #0073ce); +// Affiliate +$uw-colors-aff-ren-hex: (green: #00693c, red: #de3831, gold: #d2c295); +$uw-colors-aff-stj-hex: (green: #01573e, gold: #c88a11); +$uw-colors-aff-stp-hex: (green: #879637, brown: #584528); +$uw-colors-aff-cgc-hex: (red: #c4262e); +// School and Satellite Campus Colors +$uw-colors-school-hex: (lvl1: #ffa5aa, lvl2: #e41740, lvl3: #b71233, lvl4: #80001f, primary: #b71233); + +$colors: ( + uw: ( + black: $uw-colors-uw-blacks-hex, + golds: $uw-colors-uw-golds-hex, + whites: $uw-colors-uw-whites-hex + ), + fac: ( + ahs: $uw-colors-fac-ahs-hex, + art: $uw-colors-fac-art-hex, + eng: $uw-colors-fac-eng-hex, + env: $uw-colors-fac-env-hex, + mat: $uw-colors-fac-mat-hex, + sci: $uw-colors-fac-sci-hex + ), + aff: ( + ren: $uw-colors-aff-ren-hex, + stj: $uw-colors-aff-stj-hex, + stp: $uw-colors-aff-stp-hex, + cgc: $uw-colors-aff-cgc-hex + ), + sch: ( + default: $uw_colors_school-hex + ) +); + +@each $gkey, $group in $colors { + @each $sgkey, $sub_group in $group { + @each $key, $value in $sub_group { + header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground, + body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground { + color: #{$value}; + } + + header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background, + body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background { + background-color: #{$value}; + } + } + } +} diff --git a/source/_patterns/01-global/00-colors/_swatches.scss b/source/_patterns/01-global/00-colors/_swatches.scss new file mode 100755 index 00000000..0b6c82e5 --- /dev/null +++ b/source/_patterns/01-global/00-colors/_swatches.scss @@ -0,0 +1,55 @@ +/** + * This stylesheet is for styles you want to include only when displaying demo + * styles for grids, animations, color swatches, etc. + * These styles will not be your production CSS. + */ +.sg-patterns { + -webkit-box-sizing: border-box !important; + box-sizing: border-box !important; + max-width: 100%; + padding: 0 0.5em; +} + +.demo-animate { + background: #ddd; + border-radius: 8px; + cursor: pointer; + margin-bottom: 1em; + padding: 1em; + text-align: center; +} + +.sg-colors { + //display: -webkit-box; + //display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none !important; + margin: 0 !important; + padding: 0 !important; +} + +.sg-colors li { + border: 1px solid #ddd; + border-radius: 8px; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + margin: 0 0.5em 0.5em 0; + max-width: 14em; + min-width: 5em; + padding: 0.3em; +} + +.sg-swatch { + border-radius: 5px; + display: block; + height: 4em; + margin-bottom: 0.3em; +} + +.sg-label { + font-size: 90%; + line-height: 1; +} diff --git a/source/_patterns/01-global/00-colors/color.md b/source/_patterns/01-global/00-colors/color.md deleted file mode 100644 index 0ea70605..00000000 --- a/source/_patterns/01-global/00-colors/color.md +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Color ---- diff --git a/source/_patterns/01-global/00-colors/color.twig b/source/_patterns/01-global/00-colors/color.twig deleted file mode 100644 index 1adbd644..00000000 --- a/source/_patterns/01-global/00-colors/color.twig +++ /dev/null @@ -1,142 +0,0 @@ -<div class="pattern-lab__color-groups"> - - <h4>Brand</h4> - - {% for key, list in gesso.palette.brand %} - {% set light = {} %} - {% set dark = {} %} - {% set base = {} %} - {% set other = {} %} - - <div class="pattern-lab__color-group"> - {% for color_key, color in list %} - - {% if color_key starts with 'light' %} - {% set light = light|merge({(color_key) : color}) %} - {% elseif color_key starts with 'dark' %} - {% set dark = dark|merge({(color_key) : color}) %} - {% elseif color_key starts with 'base' %} - {% set base = base|merge({(color_key) : color}) %} - {% else %} - {% set other = other|merge({(color_key) : color}) %} - {% endif %} - - {% endfor %} - - {% if base|length > 0 %} - {% for base_key, base_value in base %} - {% include '@global/_color-item.twig' with { - color: base_value, - name: key ~'-'~ base_key - } %} - {% endfor %} - {% endif %} - - {% if light|length > 0 %} - {% for light_key, light_value in light %} - {% include '@global/_color-item.twig' with { - color: light_value, - name: key ~'-'~ light_key - } %} - {% endfor %} - {% endif %} - - {% if dark|length > 0 %} - {% for dark_key, dark_value in dark %} - {% include '@global/_color-item.twig' with { - color: dark_value, - name: key ~'-'~ dark_key - } %} - {% endfor %} - {% endif %} - - {% if other|length > 0 %} - {% for other_key, other_value in other %} - {% include '@global/_color-item.twig' with { - color: other_value, - name: key ~'-'~ other_key - } %} - {% endfor %} - {% endif %} - - </div> - {% endfor %} -</div> - -<h4>Grayscale</h4> - -<div class="pattern-lab__color-groups"> - <div class="pattern-lab__color-group"> - {% for name, color in gesso.palette.grayscale %} - {% include '@global/_color-item.twig' with { - color: color, - name: name - } %} - {% endfor %} - </div> -</div> - - -<h4>Other</h4> - -<div class="pattern-lab__color-groups"> - {% for key, list in gesso.palette.other %} - {% set light = {} %} - {% set dark = {} %} - {% set base = {} %} - {% set other = {} %} - - <div class="pattern-lab__color-group"> - {% for color_key, color in list %} - - {% if color_key starts with 'light' %} - {% set light = light|merge({(color_key) : color}) %} - {% elseif color_key starts with 'dark' %} - {% set dark = dark|merge({(color_key) : color}) %} - {% elseif color_key starts with 'base' %} - {% set base = base|merge({(color_key) : color}) %} - {% else %} - {% set other = other|merge({(color_key) : color}) %} - {% endif %} - - {% endfor %} - - {% if base|length > 0 %} - {% for base_key, base_value in base %} - {% include '@global/_color-item.twig' with { - color: base_value, - name: key ~'-'~ base_key - } %} - {% endfor %} - {% endif %} - - {% if light|length > 0 %} - {% for light_key, light_value in light %} - {% include '@global/_color-item.twig' with { - color: light_value, - name: key ~'-'~ light_key - } %} - {% endfor %} - {% endif %} - - {% if dark|length > 0 %} - {% for dark_key, dark_value in dark %} - {% include '@global/_color-item.twig' with { - color: dark_value, - name: key ~'-'~ dark_key - } %} - {% endfor %} - {% endif %} - - {% if other|length > 0 %} - {% for other_key, other_value in other %} - {% include '@global/_color-item.twig' with { - color: other_value, - name: key ~'-'~ other_key - } %} - {% endfor %} - {% endif %} - - </div> - {% endfor %} -</div> diff --git a/source/_patterns/01-global/00-colors/colors.twig b/source/_patterns/01-global/00-colors/colors.twig new file mode 100755 index 00000000..13724582 --- /dev/null +++ b/source/_patterns/01-global/00-colors/colors.twig @@ -0,0 +1,22 @@ +{% for group in items.groups %} + <h1> {{ group.name }}</h1> + {% for sub_group in group.sub_groups %} + {% if (sub_group.primary_color) %} + <h2> {{ sub_group.name }} - {{ sub_group.primary_color }}</h2> + {% else %} + <h2> {{ sub_group.name }}</h2> + {% endif %} + <ul class="sg-colors"> + {% for color in sub_group.colors %} + <li> + <div class="sg-swatch uw-colors--{{ group.abbv }}-{{ sub_group.abbv }}-{{ color.abbv }}--background" style="background: {{ color.hex }}"></div> + <code>{{ color.name }}</code> + <div class="sg-info"> + <span>{{ color.hex }}</span> <br/> + <code>body.{{ group.abbv }}-{{ sub_group.abbv }}<br/> .uw-colors-{{ color.abbv }}--(background|foreground)</code> + </div> + </li> + {% endfor %} + </ul> + {% endfor %} +{% endfor %} diff --git a/source-3.0/_patterns/00-global/00-config/colors/colors.twig b/source/_patterns/01-global/00-colors/colors.twig.old old mode 100644 new mode 100755 similarity index 100% rename from source-3.0/_patterns/00-global/00-config/colors/colors.twig rename to source/_patterns/01-global/00-colors/colors.twig.old diff --git a/source/_patterns/01-global/00-colors/colors.yml b/source/_patterns/01-global/00-colors/colors.yml new file mode 100755 index 00000000..8f58f037 --- /dev/null +++ b/source/_patterns/01-global/00-colors/colors.yml @@ -0,0 +1,294 @@ +test: "hello test" +items: + groups: + - + name: "University of Waterloo" + abbv: uw + sub_groups: + - + name: "Gold/Yellow" + abbv: golds + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#ffffaa' + - + name: 'Level 2' + abbv: lvl2 + hex: '#ffea3d' + - + name: 'Level 3' + abbv: lvl3 + hex: '#ffd54f' + - + name: 'Level 4' + abbv: lvl4 + hex: '#e4b429' + - + name: 'Primary' + abbv: primary + hex: '#ffd54f' + - + name: "Black/Grey" + abbv: blacks + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#dfdfdf' + - + name: 'Level 2' + abbv: lvl2 + hex: '#a2a2a2' + - + name: 'Level 3' + abbv: lvl3 + hex: '#787878' + - + name: 'Level 4' + abbv: lvl4 + hex: '#000000' + - + name: 'Primary' + abbv: primary + hex: '#000000' + - + name: "White" + abbv: whites + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#ffffff' + - + name: "Faculties" + abbv: fac + sub_groups: + - + name: "Faculty of Arts" + abbv: art + primary_color: orange + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#ffd5a5' + - + name: 'Level 2' + abbv: lvl2 + hex: '#fbaf00' + - + name: 'Level 3' + abbv: lvl3 + hex: '#e78100' + - + name: 'Level 4' + abbv: lvl4 + hex: '#d93f00' + - + name: 'Primary' + abbv: primary + hex: '#fbaf00' + - + name: "Faculty of Applied Health Sciences" + abbv: ahs + primary_color: teal + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#97dfef' + - + name: 'Level 2' + abbv: lvl2 + hex: '#00bed0' + - + name: 'Level 3' + abbv: lvl3 + hex: '#0098a5' + - + name: 'Level 4' + abbv: lvl4 + hex: '#005963' + - + name: 'Primary' + abbv: primary + hex: '#005963' + - + name: "Faculty of Engineering" + abbv: eng + primary_color: purple + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#d0b4ef' + - + name: 'Level 2' + abbv: lvl2 + hex: '#be33da' + - + name: 'Level 3' + abbv: lvl3 + hex: '#8100b4' + - + name: 'Level 4' + abbv: lvl4 + hex: '#57058b' + - + name: 'Primary' + abbv: primary + hex: '#8100b4' + - + name: "Faculty of Environment" + abbv: env + primary_color: green + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#daf582' + - + name: 'Level 2' + abbv: lvl2 + hex: '#bed500' + - + name: 'Level 3' + abbv: lvl3 + hex: '#b4be00' + - + name: 'Level 4' + abbv: lvl4 + hex: '#607000' + - + name: 'Primary' + abbv: primary + hex: '#b4be00' + - + name: "Faculty of Math" + abbv: mat + primary_color: pink + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#ffbeef' + - + name: 'Level 2' + abbv: lvl2 + hex: '#ff63aa' + - + name: 'Level 3' + abbv: lvl3 + hex: '#df2498' + - + name: 'Level 4' + abbv: lvl4 + hex: '#c60078' + - + name: 'Primary' + abbv: primary + hex: '#df2498' + - + name: "Faculty of Science" + abbv: sci + primary_color: blue + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#b4d5ff' + - + name: 'Level 2' + abbv: lvl2 + hex: '#63a0ff' + - + name: 'Level 3' + abbv: lvl3 + hex: '#0073ce' + - + name: 'Level 4' + abbv: lvl4 + hex: '#0033be' + - + name: 'Primary' + abbv: primary + hex: '#0073ce' + - + name: "Affiliated and Federated Institutions of Waterloo" + abbv: aff + sub_groups: + - + name: "Renison University College" + abbv: ren + colors: + - + name: "Renison green" + abbv: green + hex: '#00693c' + - + name: "Renison red" + abbv: red + hex: '#de3831' + - + name: "Renison gold" + abbv: gold + hex: '#d2c295' + - + name: "St. Jerome's University" + abbv: stj + colors: + - + name: "St. Jerome's green" + abbv: green + hex: '#01573e' + - + name: "St. Jerome's gold" + abbv: gold + hex: '#c88a11' + - + name: "St. Paul's University College" + abbv: stp + colors: + - + name: "St. Paul's green" + abbv: green + hex: '#879637' + - + name: "St. Paul's brown" + abbv: brown + hex: '#584528' + - + name: "Conrad Grebel University College" + abbv: cgc + colors: + - + name: "Conrad Grebel red" + abbv: red + hex: '#c4262e' + - + name: "Schools and Satellite Campuses" + abbv: sch + sub_groups: + - + name: "Schools and Satellite Campuses" + abbv: default + primary_color: red + colors: + - + name: 'Level 1' + abbv: lvl1 + hex: '#ffA5aa' + - + name: 'Level 2' + abbv: lvl2 + hex: '#e41740' + - + name: 'Level 3' + abbv: lvl3 + hex: '#b71233' + - + name: 'Level 4' + abbv: lvl4 + hex: '#80001f' diff --git a/source-3.0/_patterns/00-global/00-config/colors/colors.yml b/source/_patterns/01-global/00-colors/colors.yml.old old mode 100644 new mode 100755 similarity index 100% rename from source-3.0/_patterns/00-global/00-config/colors/colors.yml rename to source/_patterns/01-global/00-colors/colors.yml.old diff --git a/source/_patterns/01-global/01-colors-bars/_colors-bars.scss b/source/_patterns/01-global/01-colors-bars/_colors-bars.scss new file mode 100755 index 00000000..e79412af --- /dev/null +++ b/source/_patterns/01-global/01-colors-bars/_colors-bars.scss @@ -0,0 +1,72 @@ +@import "../00-colors/colors.scss"; + +// Classes attached to the body or header that color bars colors. +$different-color-bars: ( + default: $uw-colors-uw-golds-hex, + fac-ahs: $uw-colors-fac-ahs-hex, + fac-art: $uw-colors-fac-art-hex, + fac-eng: $uw-colors-fac-eng-hex, + fac-env: $uw-colors-fac-env-hex, + fac-mat: $uw-colors-fac-mat-hex, + fac-sci: $uw-colors-fac-sci-hex, + sch: $uw-colors-school-hex, +); + +// All the colors are for the bars are already generated in base-colors +// The only one that is not, is when there is no class. +@each $ckey, $hex in $uw-colors-uw-golds-hex { + header.default .uw-colors--#{$ckey}--background { + background: $hex; + } + + header.default .uw-colors--#{$ckey}--foreground { + color: $hex; + } +} + +.uw-site--colours { + margin-left: auto; + margin-right: auto; + max-width: 100%; +} + +.uw-site--cbar { + display: flex; + flex-direction: row wrap; + justify-content: flex-start; + width: 100%; +} + +@media screen and (min-width: 1rem) { + .uw-cbar { + height: 0.625rem; + } +} + +@media screen and (min-width: 40.0625rem) { + .uw-cbar { + height: 0.875rem; + } +} + +@media screen and (min-width: 48.0625rem) { + .uw-cbar { + height: 1rem; + } +} + +@media screen and (min-width: 63.1875rem) { + .uw-cbar { + height: 1.125rem; + } +} + +.uw-cbar { + -webkit-box-flex: 1; + -webkit-flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; + padding: 0; +} diff --git a/source/_patterns/01-global/01-colors-bars/colors-bars.twig b/source/_patterns/01-global/01-colors-bars/colors-bars.twig new file mode 100755 index 00000000..a4ea3f7a --- /dev/null +++ b/source/_patterns/01-global/01-colors-bars/colors-bars.twig @@ -0,0 +1,36 @@ +{% set lvl = 0 %} +{% set cbar_num = 0 %} +{% for group in items.groups %} + <h1> {{ group.name }}</h1> + {% if (group.sub_groups) %} + {% for sub_group in group.sub_groups %} + <h2>{{ sub_group.name }}</h2> + <div id="color-bar{{ cbar_num }}" class="uw_site--colors"> + <div class="uw-cbar" style="background: black"></div> + <div class="uw-section--innner"> + <div class="uw-site--cbar"> + {% set lvl = 0 %} + {% for hex in sub_group.colors %} + {% set lvl = lvl + 1 %} + <div class="uw-colors--lvl{{ lvl }} uw-cbar" style="background: {{ hex }}"></div> + {% endfor %} + </div> + </div> + </div> + {% endfor %} + {% else %} + <div id="color-bar{{ cbar_num }}" class="uw_site--colors"> + <div class="uw-cbar" style="background: black"></div> + <div class="uw-section--innner"> + <div class="uw-site--cbar"> + {% set lvl = 0 %} + {% for hex in group.colors %} + {% set lvl = lvl + 1 %} + <div class="uw-colors--lvl{{ lvl }} uw-cbar" style="background: {{ hex }}"></div> + {% endfor %} + </div> + </div> + </div> + + {% endif %} +{% endfor %} diff --git a/source/_patterns/01-global/01-colors-bars/colors-bars.yml b/source/_patterns/01-global/01-colors-bars/colors-bars.yml new file mode 100755 index 00000000..73cb2fd1 --- /dev/null +++ b/source/_patterns/01-global/01-colors-bars/colors-bars.yml @@ -0,0 +1,70 @@ +items: + groups: + - + name: "University of Waterloo" + abbv: uw + colors: + - '#ffffaa' + - '#ffea3d' + - '#ffd54f' + - '#e4b429' + - + name: "Faculties" + abbv: fac + sub_groups: + - + name: "Faculty of Arts" + abbv: art + colors: + - '#ffd5a5' + - '#fbaf00' + - '#e78100' + - '#d93f00' + - + name: "Faculty of Applied Health Sciences" + abbv: ahs + colors: + - '#97dfef' + - '#00bed0' + - '#0098a5' + - '#005963' + - + name: "Faculty of Engineering" + abbv: eng + colors: + - '#d0b4ef' + - '#be33da' + - '#8100b4' + - '#57058b' + - + name: "Faculty of Environment" + abbv: env + colors: + - '#daf582' + - '#bed500' + - '#b4be00' + - '#607000' + - + name: "Faculty of Math" + abbv: mat + colors: + - '#ffbeef' + - '#ff63aa' + - '#df2498' + - '#c60078' + - + name: "Faculty of Science" + abbv: sci + colors: + - '#b4d5ff' + - '#63a0ff' + - '#0073ce' + - '#0033be' + - + name: "Schools and Satellite Campuses" + abbv: sch + colors: + - '#ffA5aa' + - '#e41740' + - '#b71233' + - '#80001f' diff --git a/source/_patterns/01-global/01-typography/fonts.md b/source/_patterns/01-global/01-typography/fonts.md deleted file mode 100644 index 57363338..00000000 --- a/source/_patterns/01-global/01-typography/fonts.md +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Fonts ---- diff --git a/source/_patterns/01-global/01-typography/fonts.twig b/source/_patterns/01-global/01-typography/fonts.twig deleted file mode 100644 index 605eaa98..00000000 --- a/source/_patterns/01-global/01-typography/fonts.twig +++ /dev/null @@ -1,36 +0,0 @@ -{% for name ,item in gesso.typography['font-family'] %} - - {% set stack = item.stack|replace({'\\' : ""}) %} - {% set font_family = 'font-family: ' ~ stack ~ ';' %} - - <div class="pattern-lab-font"> - <h3 class="pattern-lab-font__family" style='{{font_family}}'> - {{item.name}} - </h3> - - {% for key, weight in gesso.typography['font-weight'] %} - {% set font_weight = 'font-weight: ' ~ weight ~ ';' %} - - {% set preview_style = 'font-style: normal;' ~ font_weight ~ font_family %} - - <div class="pattern-lab-font__item"> - <div class="pattern-lab-font__preview-character" style='{{preview_style}}'>AaBbCc</div> - <div class="pattern-lab-font__preview" style='{{preview_style}}'> - ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/>abcdefghijklmnopqrstuvwxyz<br/>1234567890(,.;:?!$&*) - </div> - <div class="pattern-lab-font__preview-meta"> - <div class="pattern-lab-font__name">{{item.name }}</div> - <div class="pattern-lab-font__weight"> - <span class="pattern-lab-font__label">Weight:</span> - {{ weight }} - </div> - <div class="pattern-lab-font__style"> - <span class="pattern-lab-font__label">Style:</span> - {{ stack }} - </div> - </div> - </div> - - {% endfor %} - </div> -{% endfor %} diff --git a/source/_patterns/01-global/01-typography/fonts.yml b/source/_patterns/01-global/01-typography/fonts.yml deleted file mode 100644 index 6358638e..00000000 --- a/source/_patterns/01-global/01-typography/fonts.yml +++ /dev/null @@ -1 +0,0 @@ -# todo use this file to exclude font weights for selected font families diff --git a/source/_patterns/01-global/01-typography/text-styles.twig b/source/_patterns/01-global/01-typography/text-styles.twig deleted file mode 100644 index 01723daf..00000000 --- a/source/_patterns/01-global/01-typography/text-styles.twig +++ /dev/null @@ -1,14 +0,0 @@ -{% for name, style in gesso.typography.display %} - - {% set rendered_style = '' %} - {% for prop, value in style %} - {% set rendered_style = prop ~ ': ' ~ value ~ '; ' ~ rendered_style %} - {% endfor %} - - <div class="pattern-lab__text-style"> - <div class="pattern-lab-text-style__label">{{name}}</div> - <div class="pattern-lab__text-style-preview" style='{{rendered_style}}'> - Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, ‘and what is the use of a book,’ thought Alice ‘without pictures or conversations?’ - </div> - </div> -{% endfor %} diff --git a/source/_patterns/01-global/02-typography/_typography.scss b/source/_patterns/01-global/02-typography/_typography.scss new file mode 100755 index 00000000..67fece2b --- /dev/null +++ b/source/_patterns/01-global/02-typography/_typography.scss @@ -0,0 +1,147 @@ +// @file +// Typography variables +// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_ + +$base-font-size: 17px; +$base-line-height: 1.5; +$vertical-spacing: $base-font-size; // Used as the default spacing below most items such as paragraphs, lists, etc. +$vertical-spacing-forms: 30px; // Used as the default spacing below form elements. + +// Fonts +//$system-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Open Sans', 'Helvetica Neue', sans-serif; +$system-font-family: georgia, "droid serif", "Times New Roman", Times, serif; +$base-font-family: georgia, "droid serif", "Times New Roman", Times, serif; +$header-font-family: georgia, "droid serif", "Times New Roman", Times, serif; +$monospace-font-family: Consolas, 'Lucida Console', 'Liberation Mono', 'Courier New', monospace, sans-serif; + +// Typographic Scale +$font-size-xxl: 40px; +$font-size-xl: 30px; +$font-size-lg: 20px; +$font-size-md: $base-font-size; +$font-size-sm: 15px; +$font-size-xs: 13px; +$font-size-xxs: 11px; + +// Heading Sizes +$font-size-h1: $font-size-xxl; +$font-size-h2: $font-size-xl; +$font-size-h3: $font-size-lg; +$font-size-h4: $font-size-md; +$font-size-h5: $font-size-sm; +$font-size-h6: $font-size-xs; + +@font-face { + font-family: 'BureauGrotCond Book'; + font-style: normal; + font-weight: normal; + src: url('/fonts/Bureau_Grot-Condensed_Book.eot'), url('/fonts/Bureau_Grot-Condensed_Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Condensed_Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Condensed_Book.woff') format('woff'), url('/fonts/Bureau_Grot-Condensed_Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Condensed_Book.svg#Bureau_Grot-Condensed_Book') format('svg'); +} + +@font-face { + font-family: 'BureauGrotWide'; + font-style: normal; + font-weight: 300; + src: url('/fonts/Bureau_Grot-Wide_Light.eot'), url('/fonts/Bureau_Grot-Wide_Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Wide_Light.woff2') format('woff2'), url('/fonts/Bureau_Grot-Wide_Light.woff') format('woff'), url('/fonts/Bureau_Grot-Wide_Light.ttf') format('truetype'), url('/fonts/Bureau_Grot-Wide_Light.svg#Bureau_Grot-Wide_Light') format('svg'); +} + +@font-face { + font-family: 'BureauGrot Book'; + font-style: normal; + font-weight: normal; + src: url('/fonts/BureauGrot-Book.eot'), url('/fonts/Bureau_Grot-Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Book.woff') format('woff'), url('/fonts/Bureau_Grot-Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Book.svg#Bureau_Grot-Book') format('svg'); +} + +@font-face { + font-family: 'BureauGrotCond'; + font-style: normal; + font-weight: bold; + src: url('/fonts/BureauGrot-Condensed_Bold.eot'), url('/fonts/Bureau_Grot-Condensed_Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Condensed_Bold.woff2') format('woff2'), url('/fonts/Bureau_Grot-Condensed_Bold.woff') format('woff'), url('/fonts/Bureau_Grot-Condensed_Bold.ttf') format('truetype'), url('/fonts/Bureau_Grot-Condensed_Bold.svg#Bureau_Grot-Condensed_Bold') format('svg'); +} + +@font-face { + font-family: 'BureauGrot'; + font-style: normal; + font-weight: 300; + src: url('/fonts/BureauGrot-Light.eot'), url('/fonts/Bureau_Grot-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Light.woff2') format('woff2'), url('/fonts/Bureau_Grot-Light.woff') format('woff'), url('/fonts/Bureau_Grot-Light.ttf') format('truetype'), url('/fonts/Bureau_Grot-Light.svg#Bureau_Grot-Light') format('svg'); +} + +@font-face { + font-family: 'BureauGrotWide Book'; + font-style: normal; + font-weight: normal; + src: url('/fonts/BureauGrotWide-Book.eot'), url('/fonts/Bureau_Grot-Wide_Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Wide_Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Wide_Book.woff') format('woff'), url('/fonts/Bureau_Grot-Wide_Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Wide_Book.svg#Bureau_Grot-Wide_Book') format('svg'); +} + +@font-face { + font-family: 'iconic'; + font-style: normal; + font-weight: normal; + src: url("/fonts/iconic.eot"); + src: url("/fonts/iconic.eot?#iefix") format("embedded-opentype"), url("../fonts/iconic.svg#iconic") format("svg"), url("/fonts/iconic.woff") format("woff"), url("/fonts/iconic.ttf") format("truetype"); +} + +/* Complete 1451 */ + +@font-face { + font-family: "Typ1451-Regularalternate"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-regularalternate.eot"), url("/fonts/lineto-typ1451-regularalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regularalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-regularalternate.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Mediumalternate"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-mediumalternate.eot"), url("/fonts/lineto-typ1451-mediumalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-mediumalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-mediumalternate.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Regular"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-regular.eot"), url("/fonts/lineto-typ1451-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regular.woff2") format("woff2"), url("/fonts/lineto-typ1451-regular.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Boldalternate"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-boldalternate.eot"), url("/fonts/lineto-typ1451-boldalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-boldalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-boldalternate.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Medium"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-medium.eot"), url("/fonts/lineto-typ1451-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-medium.woff2") format("woff2"), url("/fonts/lineto-typ1451-medium.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Bold"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-bold.eot"), url("/fonts/lineto-typ1451-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-bold.woff2") format("woff2"), url("/fonts/lineto-typ1451-bold.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Light"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-light.eot"), url("/fonts/lineto-typ1451-light.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-light.woff2") format("woff2"), url("/fonts/lineto-typ1451-light.woff") format("woff"); +} + +@font-face { + font-family: "Typ1451-Lightalternate"; + font-style: normal; + font-weight: normal; + src: url("/fonts/lineto-typ1451-lightalternate.eot"), url("/fonts/lineto-typ1451-lightalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-lightalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-lightalternate.woff") format("woff"); +} + +@font-face { + font-family: "fdsu-rwd"; + font-style: normal; + font-weight: normal; + src: url("/fonts/fdsu-rwd.eot"), url("/fonts/fdsu-rwd.eot?#iefix") format("embedded-opentype"), url("/fonts/fdsu-rwd.ttf") format("truetype"), url("/fonts/fdsu-rwd.woff") format("woff"), url("/fonts/fdsu-rwd.svg?#fdsu-rwd") format("svg"); +} diff --git a/source-3.0/_patterns/00-global/00-config/typography/typography.twig b/source/_patterns/01-global/02-typography/typography.twig old mode 100644 new mode 100755 similarity index 87% rename from source-3.0/_patterns/00-global/00-config/typography/typography.twig rename to source/_patterns/01-global/02-typography/typography.twig index 9d14bc69..c7ac0be7 --- a/source-3.0/_patterns/00-global/00-config/typography/typography.twig +++ b/source/_patterns/01-global/02-typography/typography.twig @@ -4,7 +4,7 @@ {% for font in webfont.font %} <div class="pattern-lab-font__item"> <div class="pattern-lab-font__preview-character" style="{{ font.font_preview_style }}">{{ font.font_preview_character }}</div> - <div class="pattern-lab-font__preview" style="{{ font.font_preview_style }}">{{ font.font_preview }}</div> + <div class="pattern-lab-font__preview" style='{{ font.font_preview_style}}'>{{ font.font_preview }}</div> <div class="pattern-lab-font__preview-meta"> <div class="pattern-lab-font__name">{{ font.font_name }}</div> <div class="pattern-lab-font__weight"><span class="pattern-lab-font__label">Weight:</span> {{ font.font_weight }}</div> diff --git a/source/_patterns/01-global/02-typography/typography.yml b/source/_patterns/01-global/02-typography/typography.yml new file mode 100755 index 00000000..f46c55f7 --- /dev/null +++ b/source/_patterns/01-global/02-typography/typography.yml @@ -0,0 +1,210 @@ +--- +webfonts: +- + family_name: 'georgia' + style: 'font-family: "georgia";' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: 'font-family: georgia; font-weight: 300; font-style: normal;' + font_name: 'georgia' + font_weight: '300' + font_style: 'normal' + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: 'font-family: georgia; font-weight: 400; font-style: normal;' + font_name: 'georgia' + font_weight: '400' + font_style: 'normal' + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: 'font-family: georgia; font-weight: 600; font-style: normal;' + font_name: 'georgia' + font_weight: '600' + font_style: 'normal' + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"georgia\"; font-weight: 700; font-style: normal;" + font_name: 'georgia' + font_weight: '700' + font_style: 'normal' +- + family_name: 'BureauGrot' + style: 'font-family: "BureauGrot", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrot\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrot' + font_weight: '300' + font_style: 'normal' +- + family_name: 'BureauGrotCond' + style: 'font-family: "BureauGrotCond", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrotCond\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrotCond' + font_weight: '300' + font_style: 'bold' +- + family_name: 'BureauGrotWide' + style: 'font-family: "BureauGrotWide", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrotWide\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrotWide' + font_weight: '300' + font_style: 'normal' +- + family_name: 'BureauGrot Book' + style: 'font-family: "BureauGrot Book", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrot Book\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrot Book' + font_weight: '300' + font_style: 'normal' +- + family_name: 'BureauGrotCond Book' + style: 'font-family: "BureauGrotCond Book", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrotCond Book\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrotCond Book' + font_weight: '300' + font_style: 'normal' +- + family_name: 'BureauGrotWide Book' + style: 'font-family: "BureauGrotWide Book", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"BureauGrotWide Book\"; font-weight: 400; font-style: normal;" + font_name: 'BureauGrotWide Book' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'iconic' + style: 'font-family: "iconic", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"iconic\"; font-weight: 400; font-style: normal;" + font_name: 'iconic' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Regularalternate' + style: 'font-family: "Typ1451-Regularalternate", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Regularalternate\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Regularalternate' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Mediumalternate' + style: 'font-family: "Typ1451-Mediumalternate", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Mediumalternate\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Mediumalternate' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Regular' + style: 'font-family: "Typ1451-Regular", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Regular\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Regular' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Boldalternate' + style: 'font-family: "Typ1451-Boldalternate", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Boldalternate\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Boldalternate' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Medium' + style: 'font-family: "Typ1451-Medium", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Medium\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Medium' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Bold' + style: 'font-family: "Typ1451-Bold", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Bold\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Bold' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Light' + style: 'font-family: "Typ1451-Light", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Light\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Light' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'Typ1451-Lightalternate' + style: 'font-family: "Typ1451-Lightalternate", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"Typ1451-Lightalternate\"; font-weight: 400; font-style: normal;" + font_name: 'Typ1451-Lightalternate' + font_weight: 'normal' + font_style: 'normal' +- + family_name: 'fdsu-rwd' + style: 'font-family: "fdsu-rwd", serif;' + font: + - + font_preview_character: 'Aa' + font_preview: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />abcdefghijklmnopqrstuvwxyz<br />1234567890(,.;:?!$&*)' + font_preview_style: "font-family: \"fdsu-rwd\"; font-weight: 400; font-style: normal;" + font_name: 'fdsu-rwd' + font_weight: 'normal' + font_style: 'normal' diff --git a/source/_patterns/01-global/02-spacing/space.md b/source/_patterns/01-global/05-spacing/space.md similarity index 100% rename from source/_patterns/01-global/02-spacing/space.md rename to source/_patterns/01-global/05-spacing/space.md diff --git a/source/_patterns/01-global/02-spacing/space.twig b/source/_patterns/01-global/05-spacing/space.twig similarity index 100% rename from source/_patterns/01-global/02-spacing/space.twig rename to source/_patterns/01-global/05-spacing/space.twig -- GitLab