From ce2d7b5a93c8b0013ba98852d1b68c2e7cf32500 Mon Sep 17 00:00:00 2001
From: wodby <wodby@example.com>
Date: Fri, 4 Jun 2021 15:43:12 +0000
Subject: [PATCH] additional rebase
---
css/styles.css | 160 +++---------
js/component_scripts.min.js | 34 +--
.../00-config/01-mixins/_mixins.uw.scss | 15 ++
.../_patterns/04-components/card/_card.scss | 59 +++--
source/_patterns/04-components/card/card.twig | 80 +++---
source/_patterns/04-components/card/card.yml | 2 +-
.../menu--horizontal/_menu--horizontal.scss | 4 -
.../_patterns/04-components/view/_view.scss | 237 +++++++++---------
8 files changed, 243 insertions(+), 348 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index d1d75f3e..6e79db3e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3488,8 +3488,9 @@ button {
padding: .5rem; }
.card {
+ background: #b9f1c5;
display: flex;
- flex-direction: column; }
+ flex-flow: column wrap; }
.card--show-hover {
border-bottom: 3px solid #000;
@@ -3499,9 +3500,8 @@ button {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.card__header {
- display: flex;
- flex: 1;
- flex-direction: column;
+ background: #eeaab0;
+ color: #757575;
margin-bottom: 1rem;
width: 100%; }
@@ -3509,22 +3509,7 @@ button {
font-size: 1rem;
margin-bottom: 1rem; }
-.card__author {
- font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
- font-size: 14.22224px; }
- .card__author a {
- color: #000;
- text-decoration: underline; }
- .card__author a:visited {
- color: #000; }
- .card__author a:hover, .card__author a:focus {
- color: #757575;
- text-decoration: none; }
- .card__author a:active {
- color: #757575; }
-
.card__title {
- flex: 1;
margin: 0.5rem 0;
padding: 0; }
.card__title a {
@@ -3538,22 +3523,35 @@ button {
.card__title a:active {
color: #757575; }
+.card__author {
+ font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
+ font-size: 14.22224px; }
+ .card__author a {
+ color: #000;
+ text-decoration: underline; }
+ .card__author a:visited {
+ color: #000; }
+ .card__author a:hover, .card__author a:focus {
+ color: #757575;
+ text-decoration: none; }
+ .card__author a:active {
+ color: #757575; }
+
.card__body {
display: flex;
- flex-direction: column;
- flex-grow: 1;
+ background: #00ff58;
+ flex-flow: column wrap;
+ height: 100%;
padding: 1rem; }
.card__body p:last-child {
margin-bottom: 0; }
-.card__date {
- color: #757575;
- margin-bottom: 1rem; }
-
.card__content {
+ background: #00a1ff;
margin-bottom: 1.5rem; }
.card__media {
+ background: #a4b2f5;
margin-bottom: 1.5rem; }
.card__media a {
display: block;
@@ -3562,7 +3560,11 @@ button {
.card__media img {
width: 100%; }
+.card__summary {
+ background: #00a1ff; }
+
.card__footer {
+ background: #f00;
margin-top: auto;
padding: 0 0 1rem; }
.card__footer > div {
@@ -3577,7 +3579,6 @@ button {
padding-top: 1rem; }
.card--feature .card__media {
- flex-grow: 1;
margin-bottom: 0; }
@media (min-width: 48.0625em) {
@@ -7871,18 +7872,6 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
@media (min-width: 48.06rem) {
.view-content {
grid-column: 1/2; } }
- .view-content .views-row {
- border-bottom: 3px solid #000;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); }
- .view-content .views-row:hover, .view-content .views-row:focus-within {
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
- .view-content .views-row .node--type-uw-ct-event,
- .view-content .views-row .node--type-uw-ct-blog,
- .view-content .views-row .node--type-uw-ct-news-item,
- .view-content .views-row .uw-node__grid,
- .view-content .views-row .uw-node__node {
- height: 100%; }
.view-content-message {
margin: 0; }
@@ -7911,6 +7900,7 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
.view.view-taxonomy-term, .view.view-uw-view-blogs, .view.view-uw-view-events, .view.view-uw-view-news-items {
padding: 1rem 0; } }
.view.view-taxonomy-term .views-row, .view.view-uw-view-blogs .views-row, .view.view-uw-view-events .views-row, .view.view-uw-view-news-items .views-row {
+ display: flex;
width: 100%;
order: 2; }
@media (min-width: 40.06rem) {
@@ -7967,100 +7957,6 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
margin: 0 !important;
padding: 0 !important; } }
-.uw-node__node {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- padding: 1rem; }
- .uw-node__node h2 {
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- margin: 1rem 0;
- padding: 0; }
- .node--type-uw-ct-event .uw-node__node h2,
- .node--type-uw-ct-blog .uw-node__node h2 {
- flex: 1; }
- .uw-node__node h2 a {
- color: #000;
- text-decoration: none; }
- .uw-node__node h2 a:visited {
- color: #000; }
- .uw-node__node h2 a:hover, .uw-node__node h2 a:focus {
- color: #757575;
- text-decoration: underline; }
- .uw-node__node h2 a:active {
- color: #757575; }
- .uw-node__node p:last-child {
- margin-bottom: 0; }
- .uw-node__node .node__content {
- display: flex;
- -webkit-box-pack: stretch;
- -moz-box-pack: stretch;
- -ms-flex-pack: stretch;
- -webkit-justify-content: stretch;
- justify-content: stretch;
- flex-direction: column; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-date, .uw-node__node .node__content .uw-field--name-field-uw-event-date, .uw-node__node .node__content .uw-field--name-field-uw-news-date {
- flex: 1;
- font-size: 1rem;
- margin-bottom: 0.5rem;
- width: -webkit-fit-content;
- width: -moz-fit-content;
- width: fit-content; }
- .uw-node__node .node__content .uw-field--name-field-author {
- flex: 1;
- font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
- font-size: 14.22224px;
- margin-bottom: 0.5rem; }
- .uw-node__node .node__content .uw-field--name-field-author a {
- color: #000;
- text-decoration: underline; }
- .uw-node__node .node__content .uw-field--name-field-author a:visited {
- color: #000; }
- .uw-node__node .node__content .uw-field--name-field-author a:hover, .uw-node__node .node__content .uw-field--name-field-author a:focus {
- color: #757575;
- text-decoration: none; }
- .uw-node__node .node__content .uw-field--name-field-author a:active {
- color: #757575; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-listing-page-image, .uw-node__node .node__content .uw-field--name-field-uw-event-listing-page-img, .uw-node__node .node__content .uw-field--name-field-uw-news-listing-page-image {
- flex: 1;
- margin-bottom: 1.5rem; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-listing-page-image a, .uw-node__node .node__content .uw-field--name-field-uw-event-listing-page-img a, .uw-node__node .node__content .uw-field--name-field-uw-news-listing-page-image a {
- display: block;
- height: 100%;
- width: 100%; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-listing-page-image img, .uw-node__node .node__content .uw-field--name-field-uw-event-listing-page-img img, .uw-node__node .node__content .uw-field--name-field-uw-news-listing-page-image img {
- width: 100%; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-summary, .uw-node__node .node__content .uw-field--name-field-uw-event-summary, .uw-node__node .node__content .uw-field--name-field-uw-news-summary {
- flex: 1;
- margin-bottom: 1.5rem; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-summary p:last-child, .uw-node__node .node__content .uw-field--name-field-uw-event-summary p:last-child, .uw-node__node .node__content .uw-field--name-field-uw-news-summary p:last-child {
- margin-bottom: 0; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-tags, .uw-node__node .node__content .uw-field--name-field-uw-event-tags, .uw-node__node .node__content .uw-field--name-field-uw-news-tags {
- display: flex;
- -webkit-flex-flow: row wrap;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap;
- flex: 1;
- gap: 0.75rem !important; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-tags .tag, .uw-node__node .node__content .uw-field--name-field-uw-event-tags .tag, .uw-node__node .node__content .uw-field--name-field-uw-news-tags .tag {
- margin-bottom: 0; }
- .uw-node__node .node__content .uw-field--name-field-uw-blog-tags .tag a, .uw-node__node .node__content .uw-field--name-field-uw-event-tags .tag a, .uw-node__node .node__content .uw-field--name-field-uw-news-tags .tag a {
- margin-bottom: 0; }
- .uw-node__node .node__content .uw-field--name-field-uw-event-cost {
- background: #fdd54f;
- color: #000;
- display: inline-block;
- flex: 1;
- font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
- font-size: 0.702rem;
- margin-bottom: 0.5rem;
- padding: 0.5rem;
- width: -webkit-fit-content;
- width: -moz-fit-content;
- width: fit-content; }
-
.uw-whos-online-block h3 {
font-size: 15px;
margin: 0 0 0 -5px; }
diff --git a/js/component_scripts.min.js b/js/component_scripts.min.js
index c787838a..77e7464f 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 3744ccca..16259aae 100644
--- a/source/_patterns/00-config/01-mixins/_mixins.uw.scss
+++ b/source/_patterns/00-config/01-mixins/_mixins.uw.scss
@@ -1,3 +1,18 @@
+$test-color-1: #b9f1c5;
+$test-color-2: #eeaab0;
+$test-color-3: #eae9a9;
+$test-color-4: #a4b2f5;
+$test-color-5: #a753b6;
+$test-color-6: #db5c3a;
+$test-color-7: #257471;
+$test-color-8: #68633f;
+$test-color-9: rgb(0, 161, 255);
+$test-color-10: #00ff58;
+$test-color-11: #3e3d12;
+$test-color-12: #f00;
+
+
+
@mixin uw-contained-width {
margin-left: auto;
margin-right: auto;
diff --git a/source/_patterns/04-components/card/_card.scss b/source/_patterns/04-components/card/_card.scss
index 0b2857b0..5a323c35 100644
--- a/source/_patterns/04-components/card/_card.scss
+++ b/source/_patterns/04-components/card/_card.scss
@@ -8,8 +8,10 @@ $card-meta-color: gesso-color(ui, generic, text-dark) !default;
$card-padding: rem(gesso-spacing(sm)) !default;
.card {
+ background:$test-color-1;
display: flex;
- flex-direction: column;
+ flex-flow: column wrap;
+
}
// if card--show-hover class is present then show "
.card--show-hover{
@@ -21,10 +23,10 @@ $card-padding: rem(gesso-spacing(sm)) !default;
box-shadow: gesso-box-shadow(3);
}
}
+// top
.card__header{
- display:flex;
- flex: 1;
- flex-direction: column;
+ background:$test-color-2;
+ color: $card-meta-color;
margin-bottom: rem(gesso-spacing(sm));
width:100%;
}
@@ -32,51 +34,48 @@ $card-padding: rem(gesso-spacing(sm)) !default;
font-size: rem(gesso-font-size(0));
margin-bottom: rem(gesso-spacing(sm));
}
-
-.card__author{
- font-family: gesso-font-family(systemmedium);
- font-size: gesso-font-size(-1);
+.card__title {
+ margin:rem(gesso-spacing(xs)) 0;
+ padding:0;
a {
- @include link(
+ @include link-reverse(
$card-link-color,
$card-link-color-hover
);
}
}
-.card__title {
- flex: 1;
- margin:rem(gesso-spacing(xs)) 0;
- padding:0;
-
+.card__author{
+ font-family: gesso-font-family(systemmedium);
+ font-size: gesso-font-size(-1);
a {
- @include link-reverse(
+ @include link(
$card-link-color,
$card-link-color-hover
);
}
}
+
+
+// body
.card__body {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
+ @include flexbox();
+ background:$test-color-10;
+ flex-flow: column wrap;
+ height:100%;
padding: $card-padding;
p:last-child {
margin-bottom: 0;
}
}
-
-.card__date {
- color: $card-meta-color;
- margin-bottom: rem(gesso-spacing(sm));
-}
-
.card__content {
+ background:$test-color-9;
margin-bottom: rem(gesso-spacing(md));
}
-
+// Mid
.card__media {
+ background:$test-color-4;
margin-bottom: rem(gesso-spacing(md));
a {
display: block;
@@ -87,8 +86,12 @@ $card-padding: rem(gesso-spacing(sm)) !default;
width: 100%;
}
}
-
+.card__summary{
+ background:$test-color-9;
+}
+// footer
.card__footer {
+ background:$test-color-12;
margin-top: auto;
padding: 0 0 $card-padding;
> div {
@@ -108,13 +111,15 @@ $card-padding: rem(gesso-spacing(sm)) !default;
}
+
+
.card--feature {
.card__body {
padding-top: $card-padding;
}
.card__media {
- flex-grow: 1;
+
margin-bottom: 0;
}
diff --git a/source/_patterns/04-components/card/card.twig b/source/_patterns/04-components/card/card.twig
index b90ee927..ec4a9b25 100644
--- a/source/_patterns/04-components/card/card.twig
+++ b/source/_patterns/04-components/card/card.twig
@@ -36,13 +36,10 @@
{% endif %}
</h{{ header_level }}>
{% endif %}
-
{% if sub_title %}
<span class="sub-title">{{ sub_title }}</span>
{% endif %}
-
{% endif %}
-
{% if author_name %}
<div class="card__author">
{% if author_link %}
@@ -57,57 +54,48 @@
{% endif %}
</div>
{% endif %}
-
</div>
{% endif %}
-
-
- {% if sources or img_element %}
- <div class="card__media">
- {% if url %}
- <a href="{{ url }}">
+ <div class="card__content">
+ {% if sources or img_element %}
+ <div class="card__media">
+ {% if url %}
+ <a href="{{ url }}">
{% endif %}
-
{% include "@components/responsive-image/responsive-image.twig" with {
- sources: sources,
- img_element: img_element,
- alt: alt
- } %}
-
+ sources: sources,
+ img_element: img_element,
+ alt: alt
+ }%}
{% if url %}
- </a>
- {% endif %}
- </div>
- {% endif %}
-
- {% if content %}
- <div class="card__content">
- {{ content }}
+ </a>
+ {% endif %}
+ </div>
+ {% endif %}
+ <div class="card_summary">
+ {{ content }}
+ </div>
</div>
- {% endif %}
-
- {% if footer or read_more or tags or social_media %}
+ {% if footer or read_more or tags or card_social_media %}
<div class="card__footer">
- {{ footer }}
- {% if tags %}
+ {{ footer }}
+ {% if tags %}
<div class="card__tags">
- {% include "@components/tag-list/tag-list.twig" with {
- items: tags
- } %}
- </div>
- {% endif %}
-
- {% if read_more and url %}
- <div class="card__readmore">
- {{ macros.readmore(url, title) }}
- </div>
- {% endif %}
-
- {% if social_media %}
- <div class="card__social {{ social_media_placement }}">
- {% include "@components/menu/menu--social/menu--social.twig" %}
- </div>
- {% endif %}
+ {% include "@components/tag-list/tag-list.twig" with {
+ items: tags
+ } %}
+ </div>
+ {% endif %}
+ {% if read_more and url %}
+ <div class="card__readmore">
+ {{ macros.readmore(url, title) }}
+ </div>
+ {% endif %}
+ {% if social_media %}
+ <div class="card__social {{ social_media_placement }}">
+ {% include "@components/menu/menu--social/menu--social.twig" %}
+ </div>
+ {% endif %}
</div>
{% endif %}
</div>
diff --git a/source/_patterns/04-components/card/card.yml b/source/_patterns/04-components/card/card.yml
index e5a57731..00be2a98 100644
--- a/source/_patterns/04-components/card/card.yml
+++ b/source/_patterns/04-components/card/card.yml
@@ -5,7 +5,7 @@ header_level: '2'
url: '#'
author_name: 'Author Lastname'
author_link: '#'
-footer: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et accumsan augue. Morbi non laoreet lorem.</p>'
+footer:
date: 'Friday, September 19, 2020'
date_format: 'long-date'
read_more: true
diff --git a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
index 0507f32f..0a6748ce 100644
--- a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
+++ b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
@@ -5,10 +5,6 @@ $menu-horizontal-sub-font-bold: gesso-font-family(systembold);
$menu-horizontal-bar-font-size: rem(gesso-font-size(-2));
$menu-horizontal-sub-font-size: rem(gesso-font-size(-2));
$menu-horizontal-drop-bg: #f7f7f7;
-$test-color-1: #00ff37;
-$test-color-2: #ff2235;
-$test-color-3: #fff620;
-$test-color-4: #3d51ff;
// Colors
$faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat', 'org-sci', 'org-school';
@each $faculty in $faculties {
diff --git a/source/_patterns/04-components/view/_view.scss b/source/_patterns/04-components/view/_view.scss
index 91a31b24..3fb9bdac 100644
--- a/source/_patterns/04-components/view/_view.scss
+++ b/source/_patterns/04-components/view/_view.scss
@@ -20,23 +20,117 @@ $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%;
- }
- }
+ //.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{
margin:0;
.message,
@@ -67,6 +161,12 @@ $sidebar-width: 18.75rem;
}
// Universal row for views
.views-row{
+ //.card,
+ //.card__body{
+ // height:100%;
+ //}
+
+ @include flexbox();
@include uw-flex-term-item();
order: 2;
&:first-of-type {
@@ -110,110 +210,5 @@ $sidebar-width: 18.75rem;
// Styles for Views rows as cards.
-.uw-node__node {
- @include flexbox();
- flex-direction: column;
- flex-grow: 1;
- padding: $view-padding;
- h2{
- @include align-content();
- .node--type-uw-ct-event &,
- .node--type-uw-ct-blog &{
- flex: 1;
- }
- margin:rem(gesso-spacing(sm)) 0;
- 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{
- flex: 1;
- font-size: rem(gesso-font-size(0));
- margin-bottom:rem(gesso-spacing(xs));
- width:fit-content;
- }
-
- &-author{
- flex: 1;
- 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{
- flex: 1;
- 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: 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);
- flex: 1;
- 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;
- flex: 1;
- 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;
- }
- }
- }
-}
--
GitLab