Skip to content
Snippets Groups Projects
Commit f42c8733 authored by Martin Leblanc's avatar Martin Leblanc
Browse files

ISTWCMS-5195:additional css for the card tag output in teaser

parent d1ec1473
No related branches found
No related tags found
1 merge request!119ISTWCMS-5194: banners should look the same in all content types, Pattern lab...
...@@ -503,4 +503,4 @@ $gesso: ( ...@@ -503,4 +503,4 @@ $gesso: (
xxl: 96px, xxl: 96px,
), ),
gutter-width: 40px, gutter-width: 40px,
); );
\ No newline at end of file
...@@ -24,9 +24,10 @@ banners: ...@@ -24,9 +24,10 @@ banners:
type: 'image/jpeg' type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg' img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text' alt: 'Alternative text'
big_text: 'Image1'
small_text: 'Caption 1'
link: 'http://google.ca' link: 'http://google.ca'
big_text: 'President Goel leads Waterloo into bold new futures'
small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
faculty: 'org-default'
- -
sources: sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg' - srcset: '../../../../source/images/president/president_xlarge.jpg'
...@@ -46,7 +47,10 @@ banners: ...@@ -46,7 +47,10 @@ banners:
type: 'image/jpeg' type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg' img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text' alt: 'Alternative text'
small_text: 'Image2' link: 'http://google.ca'
big_text: 'President Goel leads Waterloo into bold new futures'
small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
faculty: 'org-mat'
- -
sources: sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg' - srcset: '../../../../source/images/president/president_xlarge.jpg'
...@@ -67,6 +71,9 @@ banners: ...@@ -67,6 +71,9 @@ banners:
img_element: '../../../../source/images/president/president_xlarge.jpg' img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text' alt: 'Alternative text'
link: 'http://google.ca' link: 'http://google.ca'
big_text: 'President Goel leads Waterloo into bold new futures'
small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
faculty: 'org-sci'
autoplay: 1 autoplay: 1
slide_speed: 7000 slide_speed: 7000
style: 'full-width' style: 'full-width'
......
...@@ -8,8 +8,7 @@ $card-meta-color: gesso-color(ui, generic, text-dark) !default; ...@@ -8,8 +8,7 @@ $card-meta-color: gesso-color(ui, generic, text-dark) !default;
$card-padding: rem(gesso-spacing(sm)) !default; $card-padding: rem(gesso-spacing(sm)) !default;
.card { .card {
@include uw-flex-grid(card);
//background:$test-color-1;
width: 100%; width: 100%;
.views-row &{ .views-row &{
......
...@@ -24,7 +24,6 @@ banners: ...@@ -24,7 +24,6 @@ banners:
type: 'image/jpeg' type: 'image/jpeg'
img_element: '../../../../source/images/president/original.jpg' img_element: '../../../../source/images/president/original.jpg'
alt: 'Alternative text' alt: 'Alternative text'
big_text: 'Image1' big_text: 'President Goel leads Waterloo into bold new futures'
small_text: 'Caption 1' small_text: 'Vivek Goel officially installed as the University of Waterloo’s seventh president and vice-chancellor'
link: 'http://google.ca'
faculty: 'org-default' faculty: 'org-default'
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
} }
.uw-node__without-image &{ .uw-node__without-image &{
.card__header, .card__header,
.card__footer { .card__footer{
margin:0 auto; margin:0 auto;
max-width: $max-width; max-width: $max-width;
padding: 0 gesso-spacing(sm); padding: 0 gesso-spacing(sm);
...@@ -15,8 +15,17 @@ ...@@ -15,8 +15,17 @@
} }
} }
} }
.card__tags{
margin:1rem auto;
max-width: $max-width;
padding: 0 gesso-spacing(sm);
@include xl{
padding: 0;
}
}
.card__footer{ .card__footer{
margin-bottom: rem(gesso-spacing(md)); margin-bottom: rem(gesso-spacing(md));
margin-top:auto;
padding: 0 gesso-spacing(sm); padding: 0 gesso-spacing(sm);
@include xl{ @include xl{
padding: 0; padding: 0;
......
.card__teaser{ .card__teaser{
@include uw-flex-grid(card);
.views-row &{
height:100%;
}
.uw-label{
display:block;
margin-top:1rem;
}
.card__tags{
margin:inherit;
margin-top: auto;
padding: 0;
}
.uw-node__without-image &{ .uw-node__without-image &{
.card__header, .card__header,
.card__footer { .card__footer {
padding: 0; padding: 0;
} }
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment