diff --git a/source-3.0/_annotations/annotations.js b/source-3.0/_annotations/annotations.js deleted file mode 100644 index 9b26ed927d1295b707401a02296f178325468e44..0000000000000000000000000000000000000000 --- 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 ca98116168f73d066c9dd746b5b220bb806640e2..0000000000000000000000000000000000000000 --- 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 9e26dfeeb6e641a33dae4961196235bdb965b21b..0000000000000000000000000000000000000000 --- 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 e7850619c9fa4e42416f367a7d1ffcd1dcba5f86..0000000000000000000000000000000000000000 --- 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 cdd065ddb6c5499b876efb5dd9199b48d97554ab..0000000000000000000000000000000000000000 --- 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 cdd065ddb6c5499b876efb5dd9199b48d97554ab..0000000000000000000000000000000000000000 --- 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 bb4591de040c4a52a4f8aab6e02dcedfdf1a29bb..0000000000000000000000000000000000000000 --- 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 4412635823d7fdaeaba32cb50bc7936adc6433c2..0000000000000000000000000000000000000000 --- 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 797d9418d939cb05501a1b895767efb2f43dd350..0000000000000000000000000000000000000000 --- 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 b6b90cda7dbc31a129c0bd06a4e3010f953db340..0000000000000000000000000000000000000000 --- 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 6b29f3d810792307f6bb6821b8d451a88a647290..0000000000000000000000000000000000000000 --- 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 d748cf74a8d00539bcea9544d84c6d1c80e222ed..0000000000000000000000000000000000000000 --- 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 4873b098e409b4bc90179f4919aced4746ee3785..0000000000000000000000000000000000000000 --- 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 52658a1979fb83fff457d3aa4f88a9c6a8d9af78..0000000000000000000000000000000000000000 --- 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 f0dda752cf869f915bd4aab6e5baab3140e1f4a5..0000000000000000000000000000000000000000 --- 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 dc57285a373025a76b35fdec9be4e0deab406a68..0000000000000000000000000000000000000000 --- 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 ff60bfbdf9273a102d47c1ded170b6e3345a1901..0000000000000000000000000000000000000000 --- 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 babd70ddace75e182c6c72a45cce09b1cc855492..0000000000000000000000000000000000000000 --- 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 509550060e98e7700f1f51af27fe97014d10c144..0000000000000000000000000000000000000000 --- 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 237666402fed2019c0ff7cb38b1b5bd8a5c07ff6..0000000000000000000000000000000000000000 --- 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 4d878e4e5d19a98f4c1020256060b529032017b9..0000000000000000000000000000000000000000 --- 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 1ff393e947acf084a27421fa5c86ad2558eaae8d..0000000000000000000000000000000000000000 --- 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 3154dac677d2388d867d1293cfd40346ce30069b..0000000000000000000000000000000000000000 --- 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 e2fe8e2065ec98fafb151ae63d0bc16dc3b8793b..0000000000000000000000000000000000000000 --- 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 5f9f7e916523c3b06a6af6c1c3c23eff5bddf1b9..0000000000000000000000000000000000000000 --- 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 b7ca82cba3f6db4dedb0fffffceaf11748663ef1..0000000000000000000000000000000000000000 --- 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 8bd785d97d12f2b5e63b27210dfa80d1522a0fcd..0000000000000000000000000000000000000000 --- 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 a155894b5dc0bf3e3facf5a4b47dcc4bb383f254..0000000000000000000000000000000000000000 --- 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 24615977f8ca3abf77234fe1f5d30bc60e8e0534..0000000000000000000000000000000000000000 --- 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 5fb33c804ee7b0dc635a9e2f50400b8283da9b2f..0000000000000000000000000000000000000000 --- 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 2899c1113d6cd708eef1f495ffb93ca80981657f..0000000000000000000000000000000000000000 --- 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 4a81f511d522d97e41b46c0f1a1b72bbcccc88a5..0000000000000000000000000000000000000000 --- 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 3f705c62226f93a2530e67cc0dcab16fae04b88b..0000000000000000000000000000000000000000 --- 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 f023ff168d994d8558aa5fdd62f82042aed55a80..0000000000000000000000000000000000000000 --- 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 70e69d803c2e232a744faae9fab15e336e120dbe..0000000000000000000000000000000000000000 --- 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 220c518917a8202581d4271e164fc96f8dd36976..0000000000000000000000000000000000000000 --- 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 dba62d9b9082a5ff5336ebd3339c145820040b93..0000000000000000000000000000000000000000 --- 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 dc96436a33ac54fe9b7f76e1fbb3a6194845b5c9..0000000000000000000000000000000000000000 --- 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 df8069a2ddb50fdbbf532ad4ef550ed31c41167f..0000000000000000000000000000000000000000 --- 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 a25031a6dea27d19a2ecc4902cafe3a85e967281..0000000000000000000000000000000000000000 --- 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 d5a6fe0819070751b0cb272a71d38f409b852025..0000000000000000000000000000000000000000 --- 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 50ddc9ad0726cda215664bedbcc6fbfa0156bf98..0000000000000000000000000000000000000000 --- 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 f6cbefac14311cb1e8def5780bbecf67b3a05dc5..0000000000000000000000000000000000000000 --- 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 1300854d581fb07b753e188785e7ff4fb665d564..0000000000000000000000000000000000000000 --- 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 2216b16354b997482768a0c7cf36405ae554acc4..0000000000000000000000000000000000000000 --- 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 40734badf59a2c557bcaf734a9b07bd7eb868fc8..0000000000000000000000000000000000000000 --- 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 22397cf08ccd35d3fcb0d64ccf2aea18f554a3b7..0000000000000000000000000000000000000000 --- 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 2156af2ce67ab2968c040cacf2a92400de343799..0000000000000000000000000000000000000000 --- 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 476a3eabb4ad140b14e76f12bcd66a9949759285..0000000000000000000000000000000000000000 --- 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 6c2c43cef5c119c09a651f7dcbf7f1b5ff02894e..0000000000000000000000000000000000000000 --- 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 366bdee7409ba43c62286667cb245f8861cd638d..0000000000000000000000000000000000000000 --- 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 ecb39e2957fbfa5f8bc1cec025e4c7bff476ed2f..0000000000000000000000000000000000000000 --- 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 368efb71b4e0f975bb979bccc7dfd0cee41a941f..0000000000000000000000000000000000000000 --- 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 db6b8882c7e004c20a4ecd776ce04615fdc279e0..0000000000000000000000000000000000000000 --- 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 525b49eca80bd3fa0ccf54082d2113f3f26b8fd4..0000000000000000000000000000000000000000 --- 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 0cede89e3834830d40ff622c0f73f0d5adcaf7ab..0000000000000000000000000000000000000000 --- 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 d28cb3d2b6434b77880dcfa1851ee719a6ea18d0..0000000000000000000000000000000000000000 --- 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 e123ba7e3e621c371618b785bf1879c2822e58a7..0000000000000000000000000000000000000000 --- 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 f2f368627aae1007d8c7496d50b28c73bbc0109a..0000000000000000000000000000000000000000 --- 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 97f582bc661f8b82a7ac510adfa9c44c120d3a18..0000000000000000000000000000000000000000 --- 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 deb9562ec1c1b823be8cf1053cbbab04bd52ae4a..0000000000000000000000000000000000000000 --- 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 6aa5eb68129e359cff087047cd071885e691b23a..0000000000000000000000000000000000000000 --- 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 06660afe4830b0de9382af15d451139359a42ea9..0000000000000000000000000000000000000000 --- 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 1132ff6a788e773a4a01db1117d518d07de31461..0000000000000000000000000000000000000000 --- 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 daec252f5eb927d08e509e77b9c438109a5a3c32..0000000000000000000000000000000000000000 --- 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 c4cb4eaaa62e297cb5ee320c2ef652b3b57b9638..0000000000000000000000000000000000000000 --- 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 829f9e2926d6860beae4029bb866b335f4301cf0..0000000000000000000000000000000000000000 --- 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 516fec49c7541bf9df25874a30cc9a7eba48a8e2..0000000000000000000000000000000000000000 --- 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 42d4e836797b51b77c16a801f9e521bf95673284..0000000000000000000000000000000000000000 --- 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 dc093ba6531f627f1f022fdfa151bc7259639f84..0000000000000000000000000000000000000000 --- 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 9b886bac876054aa4f75e27530483faa6b4e1a70..0000000000000000000000000000000000000000 --- 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 ffcb94c24e936251282186eeaa0637866c11161c..0000000000000000000000000000000000000000 --- 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 656c29219b0a19a91a15e891c7e0222f3f5480bd..0000000000000000000000000000000000000000 --- 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 9ba8eed123c37cc120dad3880c686f68f1eb8eea..0000000000000000000000000000000000000000 --- 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 4df9f234a6f2ea7e8755e293e157c8a59ca29ef3..0000000000000000000000000000000000000000 --- 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 85fa6bc5f95546992a373371bc0823a344305cf9..0000000000000000000000000000000000000000 --- 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 84a7a0e3acbf37b4d3e46ed7ba2f67c298352aab..0000000000000000000000000000000000000000 --- 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 8bd0937c55e240899f3b400c80c87a6f6e90ebf4..0000000000000000000000000000000000000000 --- 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 3822a677f176aa43da7005215fb44e158450e770..0000000000000000000000000000000000000000 --- 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 b5a78504d9596acab2cb142f7db506d6bf7ea21a..0000000000000000000000000000000000000000 --- 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 ac6194a9341057f872e5ceee593527ce1eb5d334..0000000000000000000000000000000000000000 --- 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 daea7966d71ef93da0f2c96a2bf73942d7cdc522..0000000000000000000000000000000000000000 --- 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 e2854edd0d7c2f22f53e0a470e9ec7d2ecb67e1d..0000000000000000000000000000000000000000 --- 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 1161348bd586ff72d2b6e6e1b5b78a05f621ffd3..0000000000000000000000000000000000000000 --- 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 4d0804b80bd81ea27083ef030d8eda3607bdd944..0000000000000000000000000000000000000000 --- 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 0f639182558afceac40458c0714e841dc68761a9..0000000000000000000000000000000000000000 --- 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 833bc209324342335c69a3db2881235468865878..0000000000000000000000000000000000000000 --- 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 666dffe83056cc822458dd4ebb00abd9e1e8055d..0000000000000000000000000000000000000000 --- 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 a09b79608acb721ad2a7f6ee994037f2d3f0d2f6..0000000000000000000000000000000000000000 --- 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 28b4978a753415d1f5ebc3496e9a6731fe3f41aa..0000000000000000000000000000000000000000 --- 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 ac781e82338d2ee4626315d88cb146e87e9fcc42..0000000000000000000000000000000000000000 --- 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 b75f03ae08bbe64642163e469b26683beaf47e78..0000000000000000000000000000000000000000 --- 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 effa709572118a3f224d0d3e885bf74ce8081aa6..0000000000000000000000000000000000000000 --- 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 26ebbd541d28bf4dcbd466af85b1100c111cc183..0000000000000000000000000000000000000000 --- 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 ba7cb37e353f56a10c889d29a3d580c2ad27969e..0000000000000000000000000000000000000000 --- 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 26ebbd541d28bf4dcbd466af85b1100c111cc183..0000000000000000000000000000000000000000 --- 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 a05508b2442f7edb42f75d048c1c882136684d67..0000000000000000000000000000000000000000 --- 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 26ebbd541d28bf4dcbd466af85b1100c111cc183..0000000000000000000000000000000000000000 --- 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 49983b3ec6774b5550e901da0871a2372ed48592..0000000000000000000000000000000000000000 --- 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 26ebbd541d28bf4dcbd466af85b1100c111cc183..0000000000000000000000000000000000000000 --- 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 0d0e56c809199500a8298e066473a94544c0a9e1..0000000000000000000000000000000000000000 --- 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 93516304a6bfa549b303351984f4cb2cb6fd6f16..0000000000000000000000000000000000000000 --- 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 87db783a59bcb65571d9e15eed6488487a45f870..0000000000000000000000000000000000000000 --- 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 99e631c606291bacb446e8495047c29921c8d481..0000000000000000000000000000000000000000 --- 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 7cb690851127be5c8859cc5f72e968844f301ca0..0000000000000000000000000000000000000000 --- 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 7a9ec9f794e10c26ead345f2bb5411e706c3ef6e..0000000000000000000000000000000000000000 --- 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 b5eeaa3b4fe94117da7cd8d214d043dc72a6ce5d..0000000000000000000000000000000000000000 --- 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 72948032bca6181388c80a1d1fd9e3e2d08a3ac7..0000000000000000000000000000000000000000 --- 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 11df581e622f3a0adc3541d6534e1f12780c6734..0000000000000000000000000000000000000000 --- 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 09682e83b240304b335b87ceb5544d924ee2d571..0000000000000000000000000000000000000000 --- 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 d7cd6aff680232392373e9f748cba24349e6654e..0000000000000000000000000000000000000000 --- 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 662958bc3aaae9511439a557db2241915eeae9c2..0000000000000000000000000000000000000000 --- 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 2c055fbb5a9b6fe9b513da795f9777998682152e..0000000000000000000000000000000000000000 --- 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 c0e296c0095a88797bed732d63fbe68f353ae3c8..0000000000000000000000000000000000000000 --- 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 d0a69c696cc1ed92a37ebf8339d4e13a04b16f26..0000000000000000000000000000000000000000 --- 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 c565a426b0f0cf99ab8b9aadaeaa64cbbabeb0d5..0000000000000000000000000000000000000000 --- 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 c3e69b46c18616307707f03717edca9206f0e34b..0000000000000000000000000000000000000000 --- 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 2c4e53983f4a5caf33a6e555d959e6c846ec285a..0000000000000000000000000000000000000000 --- 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 bcc014ea40defb7b155b97d1215e8c2908a8a3e6..0000000000000000000000000000000000000000 --- 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 250a985080b7c3660f995cb5fd4834e416712d43..0000000000000000000000000000000000000000 --- 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 4ebff8dd83b2ffe5f902d8213f3ff279a8013d9e..0000000000000000000000000000000000000000 --- 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 46cb96673ff5e9adcb2acb6e4bb101bb0b36cdff..0000000000000000000000000000000000000000 --- 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 b10a75254205f1c3c301428b766acb687ed8a777..0000000000000000000000000000000000000000 --- 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 a5fea9aadc8268667c028afb61c0d6e9d28eb345..0000000000000000000000000000000000000000 --- 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 e8407f25502fad39532f726ee31267366aaf7bcb..0000000000000000000000000000000000000000 --- 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 a6a3d6e46a7d43493bd49374409aedda7e320af1..0000000000000000000000000000000000000000 --- 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 93d0035a90c328eb18710f809e96e8debbec19c1..0000000000000000000000000000000000000000 --- 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 053750c2754fbd6fb6d8f9d6b74e74f870c4f179..0000000000000000000000000000000000000000 --- 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 a0ce60cff4ca38efc6f893569dcaae5e8e7b2ef7..0000000000000000000000000000000000000000 --- 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 929c4920e48a3c25c71d6b7d19cdd99a5bc144f5..0000000000000000000000000000000000000000 --- 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 eb6184fdcba63879f0d66145ce49d3e3f38ee392..0000000000000000000000000000000000000000 --- 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 64507d87c1dc59d80995efb287c4c7277255625a..0000000000000000000000000000000000000000 --- 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 0c5cc087af75c54533d917b063614b0edcd3f41b..0000000000000000000000000000000000000000 --- 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 ec98500545c863858b00d81dd4d0a0a78bf33e5e..0000000000000000000000000000000000000000 --- 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 6b02805fb39c5cdd26d2786ab38dd69e4fe19bcd..0000000000000000000000000000000000000000 --- 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 04e6330bf15e8d617dfe6d5adbf74acb6919c4f4..0000000000000000000000000000000000000000 --- 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 2ef2d8fcf8a2e789d67bfd4ebc28e523404915dd..0000000000000000000000000000000000000000 --- 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 6f447b27c08d6132af00325f8f07e63f9a510d8d..0000000000000000000000000000000000000000 --- 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 02132ff078aa1428cfe1382b0faa3d6f64e8d607..0000000000000000000000000000000000000000 --- 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 708679c0bf066d2b7cd419e8ebac989583fbfac1..0000000000000000000000000000000000000000 --- 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 7005a990bb449b8ffd5240ab085586602b3e34b4..0000000000000000000000000000000000000000 --- 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 73572af9d1f3f366d0a354f5ddc7bc7d7e8a4bc2..0000000000000000000000000000000000000000 --- 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 8e82e31c9135ee9f4d5edc4482a82a47ae1e10ba..0000000000000000000000000000000000000000 --- 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 5614678e80061375dcd58d1f56c5217b1981b9d2..0000000000000000000000000000000000000000 --- 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 adfb802ae6d62961c3219deb7197f6489676241b..0000000000000000000000000000000000000000 --- 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 3cef5a9698c828e7b8fa73e028226cee1572e9d1..0000000000000000000000000000000000000000 --- 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 de8c29b8414e47f047e5ec8440a1ccaeacbbe0af..0000000000000000000000000000000000000000 --- 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 7e74bd69c29723e9f8e11526b4757d992b852b5d..0000000000000000000000000000000000000000 --- 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 c8c6ebc33ecce717eaa7fab00aa5fc7d4937b5bb..0000000000000000000000000000000000000000 --- 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 539e5fd9ccc7488e844a81a317a862995b24df8d..0000000000000000000000000000000000000000 --- 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 6f823433314c6e320e459120dd80361833918e0c..0000000000000000000000000000000000000000 --- 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 2a3fd7ca318d2d13ef784cfbad3639598f6430f5..0000000000000000000000000000000000000000 --- 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 c4b2f1b9fc16c6054e2a3f669e041febdfd21bbf..0000000000000000000000000000000000000000 --- 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 4e974eeda33e56e2213ffd0da067766553bcb8bf..0000000000000000000000000000000000000000 --- 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 6dc69f2b1fdd156d24a243419c8c3d71074052a0..0000000000000000000000000000000000000000 --- 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 ed7fc9e356b6aa125699df5b1dd89ac737d6650b..0000000000000000000000000000000000000000 --- 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 78dd5876286829b1f26218c66871fa0e037431a9..0000000000000000000000000000000000000000 --- 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 34351733d77b3facb30cf4f182cac42b48c8d21a..0000000000000000000000000000000000000000 --- 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 66d8fc01884829ea33d2024d5c88875f07824880..0000000000000000000000000000000000000000 --- 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 9430d92800a056d6cb062bc5e36b4991b33c05b6..0000000000000000000000000000000000000000 --- 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 04cbdc38451c92842a73b01614f95ceb5ae23b46..0000000000000000000000000000000000000000 --- 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 6dd292df7b04a2a85e5be8a0d297fe3910902dcc..0000000000000000000000000000000000000000 --- 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 9a632feafe1dbada7c9bcddc2054c3782bd0c82c..0000000000000000000000000000000000000000 --- 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 4080cadafdc4b84d5ba12883a94b4e0646593f77..0000000000000000000000000000000000000000 --- 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 664a3f069cbed7e420a1b5010393730b53ba2efb..0000000000000000000000000000000000000000 --- 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 f638accabc9198594114f3a853918e850038981d..0000000000000000000000000000000000000000 --- 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 664a3f069cbed7e420a1b5010393730b53ba2efb..0000000000000000000000000000000000000000 --- 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 a64229eab017cc2208fd67627c67bc4895ea093a..0000000000000000000000000000000000000000 --- 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 664a3f069cbed7e420a1b5010393730b53ba2efb..0000000000000000000000000000000000000000 --- 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 a79a236986ea2d6091bdefe33c4dd54918a2ae86..0000000000000000000000000000000000000000 --- 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 664a3f069cbed7e420a1b5010393730b53ba2efb..0000000000000000000000000000000000000000 --- 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 d7619c8612234c9933496aa3bb9b0b80f1e0ed52..0000000000000000000000000000000000000000 --- 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 664a3f069cbed7e420a1b5010393730b53ba2efb..0000000000000000000000000000000000000000 --- 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 e559a101bbd07175f1d9bcc3cbdef336ae9f569a..0000000000000000000000000000000000000000 --- 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 5293c2f4e6a3c09e9cd58cf1e899e45ef08a3ed0..0000000000000000000000000000000000000000 --- 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 32cc23f05d9717c70cffd6998bfc2d7f83f832fd..0000000000000000000000000000000000000000 --- 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 ae4bc5ddda63463c794545d7de7264ace40d8a64..0000000000000000000000000000000000000000 --- 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 f07c1851b44e1ae42ba5cbc5cd9c7dd3035310a9..0000000000000000000000000000000000000000 --- 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 a5a664cba0b2c20371305e98280ae3f5b35dbc1d..0000000000000000000000000000000000000000 --- 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 1c884f74b6f7cd794e4bb2cfa1ae57dd9375a7d7..0000000000000000000000000000000000000000 --- 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 2ffdd2f6f3d8f76d623a4c1dc0242a72f51362b8..0000000000000000000000000000000000000000 --- 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 9e65152cd242748ea35142e0f60e15a6480b3168..0000000000000000000000000000000000000000 --- 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 dc2363778ac021aa6f2fe29e5213db6a6501bb75..0000000000000000000000000000000000000000 --- 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 13987290f7a5f470040f63d34b9974bc6a89e427..0000000000000000000000000000000000000000 --- 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 eef05879b57fbd9c61990e5f19bfe8aa6e42d035..0000000000000000000000000000000000000000 --- 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 be38a2192cb2ac471dcf767c98abceb804a280ba..0000000000000000000000000000000000000000 --- 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 5c7f1125ad726bc254a6561b02a5ed3cdbe591e5..0000000000000000000000000000000000000000 --- 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 69acf74ed9fa17a5c151830950ab0ec8df9fcc3c..0000000000000000000000000000000000000000 --- 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 20ddb3e1a06df7999cf367f1ea7eb5612044d40a..0000000000000000000000000000000000000000 --- 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 b3f450e6fea8f87c1fa23413441adfd19b247f67..0000000000000000000000000000000000000000 --- 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 05c81f4f32e1cf9cb66fb6065ed1e7dda060163d..0000000000000000000000000000000000000000 --- 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 0dff23bda65d70eda559a6784d6c4c4f35348cc9..0000000000000000000000000000000000000000 --- 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 fe0e726bab73e692c4f1974d0bc95a07d094d203..0000000000000000000000000000000000000000 --- 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 8783ffa0db1864e066ef6e764fd84af53e1a09dc..0000000000000000000000000000000000000000 --- 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 1bfe8b2b9c50a2f4e417a3b300dd81c03ad4164d..0000000000000000000000000000000000000000 --- 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 c32533f843f2663a72e02d30b5c00ed1da6169c4..0000000000000000000000000000000000000000 --- 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 78f26bfcafd896d3109fb1bccd51d4aed7cab351..0000000000000000000000000000000000000000 --- 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 1d75b8693173304e43706654b790709962218402..0000000000000000000000000000000000000000 --- 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 4ec9e28e3cdc50c6ebd03b6ced2753c85005033f..0000000000000000000000000000000000000000 --- 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 21985a2efc08d91c217313ef78bee110a456f82a..0000000000000000000000000000000000000000 --- 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 0629e7e86d543deafe7f2a9bca85747082f57574..0000000000000000000000000000000000000000 --- 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 537948613671d5f80efa79979fa789a8a966e4cb..0000000000000000000000000000000000000000 --- 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 220224a9a9d3837ebd2a518c205bf48e98203923..0000000000000000000000000000000000000000 --- 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 fc949f576bc40410b8bc384727cfafe59d27f0bd..0000000000000000000000000000000000000000 --- 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 8347815018aebba4d6404e41e0f4f4acda326a54..0000000000000000000000000000000000000000 --- 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 a99338d303d5157b55c9228f6f7fee3bde87fa52..0000000000000000000000000000000000000000 --- 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 6863e057deb3928ea9b9b48a29593ab92f0fe27e..0000000000000000000000000000000000000000 --- 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 10c678a018dc26c54b3c84c63d1a7623bf9e14e1..0000000000000000000000000000000000000000 --- 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 302f9c311b34f2c1c5e2ddc9e800de047750f142..0000000000000000000000000000000000000000 --- 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 f5ce8b061348047ae55fb24e01f2507cab611854..0000000000000000000000000000000000000000 --- 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 bc246fb15541ebe483ca4ea9a5291ed0a477fef4..0000000000000000000000000000000000000000 --- 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 d1c9e4e51401d4ccf86ac495ea2985671ad1393f..0000000000000000000000000000000000000000 --- 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 06de7eed4860d293abbb5806e1f42802c641ed17..0000000000000000000000000000000000000000 --- 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 08b02fd86a46f927162f8e9125b1ceb1d4ee4419..0000000000000000000000000000000000000000 --- 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 888e3f326ff25a6daf61c6978a9439b8e00b4894..0000000000000000000000000000000000000000 --- 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 2e618316a12347b295e5d4cc4d53c61c189f19e8..0000000000000000000000000000000000000000 --- 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 975ad27540a8e4c3afe5a659f194aa22e7d32ca6..0000000000000000000000000000000000000000 --- 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 019a7f089b4ce658107cb641ae96f823d0ddf0fa..0000000000000000000000000000000000000000 --- 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 cccbdf11451e250e6054aa5418cec8e2d0cfc2d1..0000000000000000000000000000000000000000 --- 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 d5bc3116aeed30f78838a095f36147bb87f45585..0000000000000000000000000000000000000000 --- 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 ecfcb54678825bdd66b461f008e8b0a9f269c1a8..0000000000000000000000000000000000000000 --- 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 ad7a42feea95e1708f2dd1bb1171a11917f5cf87..0000000000000000000000000000000000000000 --- 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 700c8eaea4e855d1d6bdf157fb870814f8fac147..0000000000000000000000000000000000000000 --- 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 b3d70171b353f95e4a3d0dfcb2be77dde88db715..0000000000000000000000000000000000000000 --- 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 ddecb36e2976232d19001bd4c5ffa93c551b0a35..0000000000000000000000000000000000000000 --- 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 1489d8a35089e19b948c7282b82588579315c89b..0000000000000000000000000000000000000000 --- 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 77cc5aa5371310b25392a5b9b8c3c9bf24050260..0000000000000000000000000000000000000000 --- 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 1b0ed2d39790e7bbcf7b340ec6c9fa92b60b9f1e..0000000000000000000000000000000000000000 --- 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 a17ba5250ccb19000942334f3f034b9415b26249..0000000000000000000000000000000000000000 --- 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 d9d21505e17a8c12229a02b9cf5c3afec5e47677..0000000000000000000000000000000000000000 --- 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 333a4f45de88e00e86dc013f5b85ed71d4cc711d..0000000000000000000000000000000000000000 --- 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 e10678b6f47caad32193159e3d334cc766722381..0000000000000000000000000000000000000000 --- 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 498cd64750fa15dc75c300b3fbaef1ad126b3412..0000000000000000000000000000000000000000 --- 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 3b8329aaf90d00910b152bd0b4c670438472d9d3..0000000000000000000000000000000000000000 --- 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 c8cfd4d3b266b8ad9360c3168e25b42b4ac60242..0000000000000000000000000000000000000000 --- 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 79cb6da8fb293fa82c033fa7eac2bc86944ba816..0000000000000000000000000000000000000000 --- 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 dc562f0326629165290f9f7e32e09a83a5b5ee2b..0000000000000000000000000000000000000000 --- 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 dcbc74533311a9ea09603ae2870b6a769b6f3f14..0000000000000000000000000000000000000000 --- 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 fe324e5bf8c6b26461c4dd3dfc26ac7e690f1e56..0000000000000000000000000000000000000000 --- 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 230df4a536d5e03680e46f9884567decfdcd8b9d..0000000000000000000000000000000000000000 --- 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 fe324e5bf8c6b26461c4dd3dfc26ac7e690f1e56..0000000000000000000000000000000000000000 --- 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 7bc68d2b1f5fb8c0baba37dbe100ae6a3af28ceb..0000000000000000000000000000000000000000 --- 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 fe324e5bf8c6b26461c4dd3dfc26ac7e690f1e56..0000000000000000000000000000000000000000 --- 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 162af10be6d99638490bd453ec3f1d9c03e0f35c..0000000000000000000000000000000000000000 --- 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 fe324e5bf8c6b26461c4dd3dfc26ac7e690f1e56..0000000000000000000000000000000000000000 --- 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 ff9bd475dd1d9b7aecf280a6f679982bb327765c..0000000000000000000000000000000000000000 --- 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 fe324e5bf8c6b26461c4dd3dfc26ac7e690f1e56..0000000000000000000000000000000000000000 --- 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 1f7cc385b60ff92cf5c895576518e39ad086dc83..0000000000000000000000000000000000000000 --- 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 fc89603ba1a24e67f53c0f377d31fe1ff67d9910..0000000000000000000000000000000000000000 --- 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 bc9cbe817fa9816426bf09becea59ecb660f96e4..0000000000000000000000000000000000000000 --- 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 de03e67bbd0b22b6b2b63a49dc721c1518cd5c82..0000000000000000000000000000000000000000 --- 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 e46507243dd9e4e1893bd03b8da61bb369c16f6c..0000000000000000000000000000000000000000 --- 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 00efb7fff191b37cfac1397291e7580078d966a8..0000000000000000000000000000000000000000 --- 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 2b7430a17e52d1615e7c299fc9073a12cb55ece6..0000000000000000000000000000000000000000 --- 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 75a61000f2cc91235d2122e9ac325637f28147ce..0000000000000000000000000000000000000000 --- 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 d314158f21656d03a5282c276ca2d058155de38f..0000000000000000000000000000000000000000 --- 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 2b7430a17e52d1615e7c299fc9073a12cb55ece6..0000000000000000000000000000000000000000 --- 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 b999dee3269445d9b2d426c2775ad36f76390bd4..0000000000000000000000000000000000000000 --- 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 6aa7e4009670b18f319b23f199de1fff684667f4..0000000000000000000000000000000000000000 --- 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 2b7430a17e52d1615e7c299fc9073a12cb55ece6..0000000000000000000000000000000000000000 --- 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 6aee4ebd517e8f88950824309c1d24dd84e4c638..0000000000000000000000000000000000000000 --- 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 c6011547a01387c705f6b8861da862a5da05b578..0000000000000000000000000000000000000000 --- 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 85de217c0f4e9f5fa9d886574491a54cfd885958..0000000000000000000000000000000000000000 --- 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 2b7430a17e52d1615e7c299fc9073a12cb55ece6..0000000000000000000000000000000000000000 --- 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 e8ebee62dcd471695989207a7f5c76e7dbc21f58..0000000000000000000000000000000000000000 --- 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 799d3f58c999b3af395d89ad888e1eb3d742a178..0000000000000000000000000000000000000000 --- 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 9a4393d4cf00aca938e9d91a3d0965e369463a27..0000000000000000000000000000000000000000 --- 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 b81194b1c9911d2ed60565d7edc8102f9a6887d2..0000000000000000000000000000000000000000 --- 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 187ad866c414b5b8c232d4a298aa41b504103a1d..0000000000000000000000000000000000000000 --- 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 c542c1a44dabfca3854c81d7563e8d7611bc56b8..0000000000000000000000000000000000000000 --- 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 e0c84263cc54652990cc34a9edb5242f23418e95..0000000000000000000000000000000000000000 --- 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 c542c1a44dabfca3854c81d7563e8d7611bc56b8..0000000000000000000000000000000000000000 --- 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 ed8a81add8291e860b80a2c6815250e6cbe5218f..0000000000000000000000000000000000000000 --- 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 d0457ffc27a1211b6bf378931bd153c06834e18a..0000000000000000000000000000000000000000 --- 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 bb1bd188c945f6ca8fb3aa0b4eca8ecb930c5fb6..0000000000000000000000000000000000000000 --- 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 a5864bb6f79fb450402bf7cf32547b598bd13f9d..0000000000000000000000000000000000000000 --- 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 fef66248aa9f89019ace8e00e7db1e88e74ece1b..0000000000000000000000000000000000000000 --- 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 db5b84a27e84b96630a172a2dfbe30352f9d6171..0000000000000000000000000000000000000000 --- 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 8685495291900986a75c26760c01cf6cc1218668..0000000000000000000000000000000000000000 --- 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 d34e331432f65ca6bdfc0307e9b11617168707db..0000000000000000000000000000000000000000 --- 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 f163e79823559966b02b322604965df3fd7d871b..0000000000000000000000000000000000000000 --- 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 0f160aa804d32d414fb75f55766d9caa66f0c175..0000000000000000000000000000000000000000 --- 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 69623773391b834d7ca1ccc2a290e57afc3781e1..0000000000000000000000000000000000000000 --- 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 e4a21628786b0c94f54ed803562827d623f36682..0000000000000000000000000000000000000000 --- 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 c6a5a565dea2225756d764f1a91dc38020acb1e2..0000000000000000000000000000000000000000 --- 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 1bbd276b77595f95a6835adf01ae16f8a8f3628d..0000000000000000000000000000000000000000 --- 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 7049e8a42e55560600b8057dfec8bd03859a46a3..0000000000000000000000000000000000000000 --- 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 64295357833de8b06f90393eb01bdc2c682d16d4..0000000000000000000000000000000000000000 --- 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 b38a3fc18c2b91fb103502e586764a9e376e27b8..0000000000000000000000000000000000000000 --- 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 3851916039dd43e8d9c59a81c06b11a6304ae14b..0000000000000000000000000000000000000000 --- 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 4fb9b1f39471d959dae7dedecb763b4e5cca0b1e..0000000000000000000000000000000000000000 --- 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 611fd76511e6c2f7fb82a4cdd686558fd2503f68..0000000000000000000000000000000000000000 --- 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 dc0691302fe565a3372122aa6364d67b4a7cd1a7..0000000000000000000000000000000000000000 --- 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 fd1dbc03ac41e296c70e7806717214030eecdb08..0000000000000000000000000000000000000000 --- 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 f858da0c4f3dedd9d2e9da33f1d25c079df0f3ae..0000000000000000000000000000000000000000 --- 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 d1888810efc13aed2b2474ace138499dbbb71261..0000000000000000000000000000000000000000 --- 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 f8f2a72b6495fa7dbe4914cf5f86d1e43ef95956..0000000000000000000000000000000000000000 --- 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 a4895a2764f8d25ebf7db48f069d0aa16f3f9b2c..0000000000000000000000000000000000000000 --- 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 154cfd94beabaea775dd9b44234a0d006de61616..0000000000000000000000000000000000000000 --- 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 4cbe2dd3248a72112aeeec4c82dfe59d1be02892..0000000000000000000000000000000000000000 --- 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 c8c69513e834273c51691a538986c62e85b21f87..0000000000000000000000000000000000000000 --- 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 c381c5e9e853e2b6717b0913ef220660c8b3a136..0000000000000000000000000000000000000000 --- 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 415090526f6072ebe4233c1ab25007668a8204eb..0000000000000000000000000000000000000000 --- 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 356dd67711632b44c802012ab02cfa2c958b9635..0000000000000000000000000000000000000000 --- 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 251a0c07c424c6a3340f06bf9ea341ff0e632573..0000000000000000000000000000000000000000 --- 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 e10e633e6642abc000f51cecf3b7aad762671d29..0000000000000000000000000000000000000000 --- 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 faf4c79a04126618d0123d33679d8f734fe49b0c..0000000000000000000000000000000000000000 --- 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 178f9159d7ff24e1487f49dc0aa31582c9a5896a..0000000000000000000000000000000000000000 --- 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 1c317cb79fbab572e324b5ae61ce1d2d68007044..0000000000000000000000000000000000000000 --- 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 08b3f49513a9fd924535509f4c9953a15fc2305f..0000000000000000000000000000000000000000 --- 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 9df7b96ea3b66726f4ac83480190b58a6e1b4afb..0000000000000000000000000000000000000000 --- 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 789229ba75d1f0d532df9cac3d3c15d47736ee99..0000000000000000000000000000000000000000 --- 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 55a8ff01762bb8ec5404d5baad4d1469838f620e..0000000000000000000000000000000000000000 --- 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 1a7c86291d4f14068ce75a92bb5a4cc1974f2e30..0000000000000000000000000000000000000000 --- 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 77418e53148daf76786ddd6955090fe622b164e1..0000000000000000000000000000000000000000 --- 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 20b06a03e5fb682d03220515486dc47d87263551..0000000000000000000000000000000000000000 --- 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 dfed40c355989bd468f5e3196a05c6a7e9f8a901..0000000000000000000000000000000000000000 --- 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 81b7dd4e6f7d9f4577f538a8c25bf2e9e295a83f..0000000000000000000000000000000000000000 --- 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 5ac3a714986572997fcdd4b655565d2afd2444d9..0000000000000000000000000000000000000000 --- 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 5a9c244a1f7a4edbb949557bd0326e2be7250675..0000000000000000000000000000000000000000 --- 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 dc3a76e20d7d81fe6bcf482d08d9bfea3d5cf406..0000000000000000000000000000000000000000 --- 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 7a7afd73bf99c0b04cf99d31f103c978cac499bb..0000000000000000000000000000000000000000 --- 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 65cc8eeffdb254f389faad72b21da7445ea7f718..0000000000000000000000000000000000000000 --- 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 ff818ec8455c444cb0f8ae93be90dd35daf3a117..0000000000000000000000000000000000000000 --- 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 079ce27869432666a5c30aa47d8befffabe35713..0000000000000000000000000000000000000000 --- 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 04e3d15b6b11597daa7046a3f353dcbfade3a308..0000000000000000000000000000000000000000 --- 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 9aaa4bc7cd1f50a083f065d207446164ad50e04c..0000000000000000000000000000000000000000 --- 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 b7c901cabe318f585b3c3ac53088207f317c1eb5..0000000000000000000000000000000000000000 --- 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 d9af6c16c7e7b8a8fe943856bf8a042522fd0043..0000000000000000000000000000000000000000 --- 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 54c8c41faa5b49a9877f31f08b15f374e02a4b4c..0000000000000000000000000000000000000000 --- 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 0c275c8492b915d80462adb62681d64eea4c746f..0000000000000000000000000000000000000000 --- 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 e6937b5be03c32b8274cc9c83ed4bad58fbe2a53..0000000000000000000000000000000000000000 --- 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 43b3c88e682e04796a2545aad887fe8ed89dca54..0000000000000000000000000000000000000000 --- 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 da90c69634be903d368274ac64d740063f1fdf29..0000000000000000000000000000000000000000 --- 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 489c7507d6084eb03ad9af5ec78317779bcc7081..0000000000000000000000000000000000000000 --- 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 dbe7ebf6b1146a2063633cee9fc14c113e72f730..0000000000000000000000000000000000000000 --- 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 735b1f0d92dbadbbb97ad62b1817b1cfed3a2a60..0000000000000000000000000000000000000000 --- 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 fb9e0a50f46c36576e5a0fe20b8b99289c7e6482..0000000000000000000000000000000000000000 --- 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 0602eea2da113db5d410954f8cf301024568977e..0000000000000000000000000000000000000000 --- 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 d2de046c990b096a4c189d63717b2f94f81d4914..0000000000000000000000000000000000000000 --- 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 2557f11e5e507f2e1a3fe5fe8f9aef03999df911..0000000000000000000000000000000000000000 --- 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 ede591ca43f3eeb8e332161351063b480b836e62..0000000000000000000000000000000000000000 --- 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 a49b7b1bf67937ec0ed3250be478a4c66badc6b0..0000000000000000000000000000000000000000 --- 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 d25cf6831724318b31d06b5d41c405eaeb54156a..0000000000000000000000000000000000000000 --- 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 5175703560da40bcc405febde74b90eb453768e2..0000000000000000000000000000000000000000 --- 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 fb11e377a168ade958351c6a632bcce2ffcb5ebe..0000000000000000000000000000000000000000 --- 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 97008a2f997ae17a29e90b01799d3bde6267753c..0000000000000000000000000000000000000000 --- 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 4c931cc859712eb4eea1c4159ef7be7b2126a478..0000000000000000000000000000000000000000 --- 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 a1e7c1200eaee57ecc3065c316b16ecc3c3caa12..0000000000000000000000000000000000000000 --- 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 ea32e7282bc6683bf2934fc610ccb792bac1f225..0000000000000000000000000000000000000000 --- 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 43243261a136a8cd40efe429e0ec79d9c080a5ec..0000000000000000000000000000000000000000 --- 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 Binary files a/source-3.0/favicon.ico and /dev/null differ diff --git a/source-3.0/pattern-lab.scss b/source-3.0/pattern-lab.scss deleted file mode 100644 index 1c7b1656fe2e8d4da0b830e3caef6f9425f41a32..0000000000000000000000000000000000000000 --- 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 20d14643078915d36ea8fb8b4adf8754e40df29d..0000000000000000000000000000000000000000 --- 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 fc71a0f6c996efbbf4128ae42a236465b845417a..0000000000000000000000000000000000000000 --- 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 0000000000000000000000000000000000000000..85cb98885bf8b2e218ad5cd3724ad39a02925842 --- /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 0000000000000000000000000000000000000000..0b6c82e5d3451a2840e503133ef72d8180609967 --- /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 0ea706058b6e9b84cc8e624603a6a2de801691ed..0000000000000000000000000000000000000000 --- 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 1adbd644be343249faaab7dee4983191d0e07d55..0000000000000000000000000000000000000000 --- 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 0000000000000000000000000000000000000000..13724582245667e3620b1ce141f4f8a97861801e --- /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 0000000000000000000000000000000000000000..8f58f037880865a09d2830ff77985eadb04bb82c --- /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 0000000000000000000000000000000000000000..e79412afd980a266cdff03f239f6994e43226425 --- /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 0000000000000000000000000000000000000000..a4ea3f7a83e612d052df047761f00754c830455d --- /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 0000000000000000000000000000000000000000..73cb2fd1826cabd3bbfca2a567b77073d650a79c --- /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 573633387e0633c6c5c61e9fb179a1897184aaeb..0000000000000000000000000000000000000000 --- 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 605eaa98571e6d515279fd635cc091909797fdf0..0000000000000000000000000000000000000000 --- 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 6358638e0a4ec9bffeeb708198e248e4984b86e9..0000000000000000000000000000000000000000 --- 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 01723daf0465a1789f5ec9cb9ea7f354e0c21a68..0000000000000000000000000000000000000000 --- 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 0000000000000000000000000000000000000000..67fece2bffd6c66597f83905a96ab37122d13edc --- /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 9d14bc6946345e1dcf00677eba578c24b4469005..c7ac0be7d8f1e877969b4def4c0153f87954f3a2 --- 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 0000000000000000000000000000000000000000..f46c55f75ffc6ac1a66fb1456cf4bbe6f6303702 --- /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