diff --git a/css/styles.css b/css/styles.css index 43ea3ba8eef339f0f71d3524486ccf9f7cda746d..01f13a3e90c5e9354547b208edb05dcd13528b6c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -3496,7 +3496,16 @@ button { .card { display: flex; - flex-flow: column wrap; } + -webkit-box-direction: normal; + -moz-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + gap: inherit; } + .views-row .card { + height: 100%; } .card--show-hover { border-bottom: 3px solid #000; @@ -3544,9 +3553,19 @@ button { .card__body { display: flex; - flex-flow: column wrap; + -webkit-box-direction: normal; + -moz-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + gap: inherit; + gap: inherit; height: 100%; padding: 1rem; } + .views-row .card__body { + height: 100%; } .card__body p:last-child { margin-bottom: 0; } @@ -3563,8 +3582,8 @@ button { width: 100%; } .card__footer { - margin-top: auto; - padding: 0 0 1rem; } + align-self: flex-end; + margin-top: auto; } .card__footer > div { margin-bottom: 1rem; } .card__footer > div:last-child { @@ -3756,7 +3775,7 @@ button { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; - gap: 1.25rem !important; } + gap: 1.25rem; } .uw-content--grid-list__layout .card { width: 100%; order: 3; } @@ -3819,7 +3838,7 @@ button { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; - gap: 1.25rem !important; } + gap: 1.25rem; } .view-content .views-row { width: 100%; order: 3; } @@ -7499,7 +7518,7 @@ picture { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; - gap: 1.25rem !important; + gap: 1.25rem; padding-top: 24px; } .uw-tabcontent[role="tabpanel"][hidden] { display: none; } @@ -7912,7 +7931,7 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; - gap: 1.25rem !important; + gap: 1.25rem; grid-column: 1/3; grid-row: 2/3; width: 100%; } diff --git a/js/component_scripts.min.js b/js/component_scripts.min.js index c787838a8501809a50f5b907b34e235cc4af8b11..77e7464fefc8452ad6392001101f336f7808ad63 100644 --- a/js/component_scripts.min.js +++ b/js/component_scripts.min.js @@ -1,3 +1,20 @@ +/** + * @file + * Ckeditor Modal. + */ + +(function ($, Drupal) { + if ($.ui && $.ui.dialog) { + orig_allowInteraction = $.ui.dialog.prototype._allowInteraction; + $.ui.dialog.prototype._allowInteraction = function (event) { + if ($(event.target).closest('.cke_dialog').length) { + return true; + } + return orig_allowInteraction.apply(this, arguments); + }; + } +})(jQuery, Drupal); + (function ($, Drupal) { Drupal.behaviors.cardbanner = { attach: function (context, settings) { @@ -325,23 +342,6 @@ else { }; })(jQuery); -/** - * @file - * Ckeditor Modal. - */ - -(function ($, Drupal) { - if ($.ui && $.ui.dialog) { - orig_allowInteraction = $.ui.dialog.prototype._allowInteraction; - $.ui.dialog.prototype._allowInteraction = function (event) { - if ($(event.target).closest('.cke_dialog').length) { - return true; - } - return orig_allowInteraction.apply(this, arguments); - }; - } -})(jQuery, Drupal); - /** * @file */ diff --git a/source/_patterns/00-config/01-mixins/_mixins.uw.scss b/source/_patterns/00-config/01-mixins/_mixins.uw.scss index 62e61e859cedc5c69908ad298583e96577985674..27fa2b5b368f9d14615e6dc34c40a2ed56d2d002 100644 --- a/source/_patterns/00-config/01-mixins/_mixins.uw.scss +++ b/source/_patterns/00-config/01-mixins/_mixins.uw.scss @@ -254,15 +254,20 @@ $test-color-12: #f00; @if $value == inline-flex { @include inline-flex(); @include flex-flow(row wrap); + gap:1.25rem }@else if $value == term{ @include flexbox(); @include flex-wrap(wrap); + gap:1.25rem + }@else if $value == card{ + @include flexbox(); + @include flex-direction(column); + gap:inherit; }@else{ - @include flexbox(); - @include flex-flow(row wrap); -} - - gap:1.25rem !important; + @include flexbox(); + @include flex-flow(row wrap); + gap:1.25rem + } } // Display of grid item. @mixin uw-flex-grid-item(){ diff --git a/source/_patterns/04-components/card/_card.scss b/source/_patterns/04-components/card/_card.scss index 4d9d04a029ebf2da44504042d3c8b77c51c44c80..6a19776303dd6c385e7d686998548b5b47955f42 100644 --- a/source/_patterns/04-components/card/_card.scss +++ b/source/_patterns/04-components/card/_card.scss @@ -8,9 +8,11 @@ $card-meta-color: gesso-color(ui, generic, text-dark) !default; $card-padding: rem(gesso-spacing(sm)) !default; .card { + @include uw-flex-grid(card); //background:$test-color-1; - display: flex; - flex-flow: column wrap; + .views-row &{ + height:100%; + } } // if card--show-hover class is present then show " @@ -25,10 +27,11 @@ $card-padding: rem(gesso-spacing(sm)) !default; } // top .card__header{ - //background:$test-color-2; + //background: $test-color-2; color: $card-meta-color; margin-bottom: rem(gesso-spacing(sm)); - width:100%; + width: 100%; + } .card__date { font-size: rem(gesso-font-size(0)); @@ -59,12 +62,14 @@ $card-padding: rem(gesso-spacing(sm)) !default; // body .card__body { - @include flexbox(); + @include uw-flex-grid(card); //background:$test-color-10; - flex-flow: column wrap; + gap:inherit; height:100%; padding: $card-padding; - + .views-row &{ + height:100%; + } p:last-child { margin-bottom: 0; } @@ -91,9 +96,9 @@ $card-padding: rem(gesso-spacing(sm)) !default; } // footer .card__footer { + align-self: flex-end; //background:$test-color-12; margin-top: auto; - padding: 0 0 $card-padding; > div { margin-bottom: rem(gesso-spacing(sm)); &:last-child { diff --git a/source/_patterns/04-components/card/card.twig b/source/_patterns/04-components/card/card.twig index 0263653e5fa253d9b3cd1cbbf800dab77e91ead5..e592951332fee9ab60ba4fb6573010b28ad31af1 100644 --- a/source/_patterns/04-components/card/card.twig +++ b/source/_patterns/04-components/card/card.twig @@ -40,13 +40,20 @@ <span class="sub-title">{{ sub_title }}</span> {% endif %} {% endif %} - - {% if author %} + {% if author_name %} <div class="card__author"> - by {{ author }} + {% if author_link %} + by + <a href="{{ author_link }}"> + {% endif %} + + {{ author_name }} + + {% if author_link %} + </a> + {% endif %} </div> {% endif %} - </div> {% endif %} <div class="card__content"> diff --git a/source/_patterns/04-components/content-grid-list/content-grid-list.yml b/source/_patterns/04-components/content-grid-list/content-grid-list.yml index b4cc9546d5bb2f29dff28a78df5214b95c2720e5..8184f092f6fa1e1d7836e3ae2c4ae0011d8de5eb 100644 --- a/source/_patterns/04-components/content-grid-list/content-grid-list.yml +++ b/source/_patterns/04-components/content-grid-list/content-grid-list.yml @@ -8,14 +8,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -46,14 +51,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -84,14 +94,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -122,10 +137,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -156,10 +180,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -190,10 +223,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -224,10 +266,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -259,10 +310,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -291,10 +351,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -325,10 +394,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' diff --git a/source/_patterns/04-components/multi-type-list/_multi-tab-list-include-content.twig b/source/_patterns/04-components/multi-type-list/_multi-tab-list-include-content.twig index 9b337e71abd5a3f0283241959052b28e5599e5d0..a7d8475547425af214ac9b4f79fdb62d81deee95 100644 --- a/source/_patterns/04-components/multi-type-list/_multi-tab-list-include-content.twig +++ b/source/_patterns/04-components/multi-type-list/_multi-tab-list-include-content.twig @@ -5,7 +5,8 @@ 'title': info.title, 'url': info.url, 'date': info.date, - 'author': info.author, + 'author_name': info.author_name, + 'author_link': info.author_link, 'sources': info.sources, 'img_element': info.img_element, 'alt': info.alt, @@ -29,7 +30,8 @@ 'tags': info.tags, 'show_hover': 'true', 'content': info.content, - 'header_level': 2, + 'author_name': info.author_name, + 'author_link': info.author_link } %} {% endif %} diff --git a/source/_patterns/04-components/multi-type-list/multi-type-list.yml b/source/_patterns/04-components/multi-type-list/multi-type-list.yml index 5968ffda02c7f9b307312789912a7cc97eb6f591..1db58b54fb84c4cf201f70f5b7ad3f1edb4d0869 100644 --- a/source/_patterns/04-components/multi-type-list/multi-type-list.yml +++ b/source/_patterns/04-components/multi-type-list/multi-type-list.yml @@ -8,14 +8,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -44,14 +49,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -114,6 +124,20 @@ lists: url: '#' date: - 'Sep. 18, 2020' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -139,6 +163,20 @@ lists: url: '#' date: - 'Sep. 18, 2020' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -164,6 +202,20 @@ lists: url: '#' date: - 'Sep. 18, 2020' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -190,6 +242,20 @@ lists: url: '#' date: - 'Friday, September 18, 2020 2:20- 4:20 PM EDT' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -215,6 +281,20 @@ lists: url: '#' date: - 'Friday, September 18, 2020 2:20- 4:20 PM EDT' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -240,6 +320,20 @@ lists: url: '#' date: - 'Friday, September 18, 2020 2:20- 4:20 PM EDT' + tags: + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' diff --git a/source/_patterns/04-components/view/_view.scss b/source/_patterns/04-components/view/_view.scss index 6c05a3c3db6515343df23bfe26a14d675df48dce..45963bb51f69c4bb722352ee2122f20f4ef7281b 100644 --- a/source/_patterns/04-components/view/_view.scss +++ b/source/_patterns/04-components/view/_view.scss @@ -25,115 +25,6 @@ $sidebar-width: 18.75rem; grid-column:1/2; //width: clamp(320px, 900px, calc(100vw - 333px)); } - //.views-row{ - // border-bottom: 3px solid $view-accent-border-color; - // box-shadow: gesso-box-shadow(1); - // transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out); - // &:hover, - // &:focus-within { - // box-shadow: gesso-box-shadow(3); - // } - // .node--type-uw-ct-event, - // .node--type-uw-ct-blog, - // .node--type-uw-ct-news-item, - // .uw-node__grid, - // .uw-node__node{ - // height:100%; - // } - //} - //.uw-node__node { - // @include flexbox(); - // flex-direction: column; - // padding: $view-padding; - // h2{ - // padding:0; - // a { - // @include link-reverse( - // $view-link-color, - // $view-link-color-hover - // ); - // } - // } - // p:last-child { - // margin-bottom: 0; - // } - // .node__content{ - // @include flexbox(); - // @include justify-content(stretch); - // flex-direction: column; - // - // .uw-field--name-field{ - // &-uw-blog-date, - // &-uw-event-date, - // &-uw-news-date{ - // font-size: rem(gesso-font-size(0)); - // margin-bottom:rem(gesso-spacing(xs)); - // width:fit-content; - // } - // - // &-author{ - // font-family: gesso-font-family(systemmedium); - // font-size: gesso-font-size(-1); - // margin-bottom: rem(gesso-spacing(xs)); - // a { - // @include link( - // $card-link-color, - // $card-link-color-hover - // ); - // } - // } - // - // &-uw-blog-listing-page-image, - // &-uw-event-listing-page-img, - // &-uw-news-listing-page-image{ - // margin-bottom: rem(gesso-spacing(md)); - // a { - // display: block; - // height: 100%; - // width: 100%; - // } - // img { - // width: 100%; - // } - // } - // - // &-uw-blog-summary, - // &-uw-event-summary, - // &-uw-news-summary{ - // flex-grow: 1; - // margin-bottom: rem(gesso-spacing(md)); - // p:last-child { - // margin-bottom: 0; - // } - // } - // - // &-uw-blog-tags, - // &-uw-event-tags, - // &-uw-news-tags{ - // @include flexbox(); - // @include flex-flow(row wrap); - // gap:0.75rem !important; - // .tag{ - // margin-bottom:0; - // a{ - // margin-bottom:0; - // } - // } - // } - // &-uw-event-cost{ - // - // background: gesso-brand(org-default, uw-gold, 'primary'); - // color: gesso-brand(org-default, uw-black, 'primary'); - // display:inline-block; - // font-family: $tag-font-family-small; - // font-size: $tag-font-size-small; - // margin-bottom:rem(gesso-spacing(xs)); - // padding: rem(gesso-spacing(xs)); - // width:fit-content; - // } - // } - // } - //} } &-content--message{ diff --git a/source/_patterns/04-components/view/view-content/view-content.yml b/source/_patterns/04-components/view/view-content/view-content.yml index 20fd8565ba2680afc3c0a034f5b97e520d924626..2b0398ea0d083c6e448356a3e773fc941a2f27d4 100644 --- a/source/_patterns/04-components/view/view-content/view-content.yml +++ b/source/_patterns/04-components/view/view-content/view-content.yml @@ -15,14 +15,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -53,14 +58,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -91,14 +101,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -129,10 +144,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -163,10 +187,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -197,10 +230,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -231,10 +273,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -266,10 +317,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -298,10 +358,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -332,10 +401,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -358,3 +436,4 @@ lists: show_hover: true content: |- <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be short summary of the content and contain a few lines of useful descriptive text .</p> + diff --git a/source/_patterns/05-templates/termpage.yml b/source/_patterns/05-templates/termpage.yml index c22eebf165a5c2ea1abbfb5a42ded67c2f9f2120..a9d3e710e304a164aba3d4e8d044a0e76fa7ace5 100644 --- a/source/_patterns/05-templates/termpage.yml +++ b/source/_patterns/05-templates/termpage.yml @@ -95,14 +95,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -133,14 +138,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -171,14 +181,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' - - url: '#' - title: 'Tag 3' - - url: '#' - title: 'Tag 4' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -209,10 +224,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -243,10 +267,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -277,10 +310,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -311,10 +353,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -346,10 +397,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -378,10 +438,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)' @@ -412,10 +481,19 @@ lists: author_name: 'Author Lastname' author_link: '#' tags: - - url: '#' - title: 'Tag 1' - - url: '#' - title: 'Tag 2' + tag1: + - url: '#' + title: 'Tag 1' + type: 'simple' + - url: '#' + title: 'Tag 2' + type: 'simple' + - url: '#' + title: 'Tag 3' + type: 'simple' + - url: '#' + title: 'Tag 4' + type: 'simple' sources: - srcset: '../../../../source/images/president/president_xlarge.jpg' media: 'all and (min-width: 63.19rem)'