Commit 681a6427 authored by m26lebla's avatar m26lebla

additional css for layout of the blog,news,events term page and pattern...

additional css for layout of the blog,news,events term page and pattern updates for blockquote base pattern
parent 845c2dd3
......@@ -1889,6 +1889,7 @@ svg:not(:root) {
.js-media-library-view,
.messages,
.message,
.contextual-region.profile,
form {
margin-left: auto;
margin-right: auto;
......@@ -1905,6 +1906,7 @@ form {
.js-media-library-view,
.messages,
.message,
.contextual-region.profile,
form {
padding-left: 0;
padding-right: 0; } }
......@@ -1918,6 +1920,7 @@ form {
.js-media-library-view,
.messages,
.message,
.contextual-region.profile,
form {
padding: 1rem 0; } }
......@@ -4925,15 +4928,16 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
display: inline-flex;
flex-flow: row wrap; }
.view.view-uw-view-blogs .views-row, .view.view-uw-view-events .views-row, .view.view-uw-view-news-items .views-row {
.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 {
align-items: flex-start;
margin: 1rem;
width: 100%; }
@media (min-width: 40.06rem) {
.view.view-uw-view-blogs .views-row, .view.view-uw-view-events .views-row, .view.view-uw-view-news-items .views-row {
.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 {
flex-grow: 1;
width: 45%; } }
@media (min-width: 63.1875rem) {
.view.view-uw-view-blogs .views-row, .view.view-uw-view-events .views-row, .view.view-uw-view-news-items .views-row {
.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 {
width: 30%; } }
.view__filters {
......
<blockquote>
{{ text }}
{% if cite %}
<cite>
{{cite}}
</cite>
{% endif %}
</blockquote>
<blockquote class="uw-blockquote">
<div class="uw-blockquote__wrapper">
<div class="uw-blockquote__text">
{{ blockquote.text }}
</div>
<footer class="uw-blockquote__attribution">
<div class="uw-blockquote__attribution--wrapper">
<cite>
{{ blockquote.attribution }}
</cite>
</div>
</footer>
</div>
</blockquote>
\ No newline at end of file
---
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>
cite: |-
Jane Doe <em>President and CEO</em>
blockquote:
text: '<p>This is some text from the yml file</p><p>This is some text from the yml file2. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file</p><p>This is some text from the yml file3</p><p style="text-align: center">This is some text from the yml file4. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file</p><p>This is some text from the yml file5</p>'
attribution: 'This is the attribution'
......@@ -12,6 +12,7 @@
.js-media-library-view,
.messages,
.message,
.contextual-region.profile,
form {
@include uw-contained-width;
padding: rem(gesso-spacing(sm));
......
......@@ -13,7 +13,6 @@ $form-text-size: gesso-base-font-size() !default;
margin: 0 0 rem(gesso-spacing(sm));
}
.form-item__label {
display: block;
......
......@@ -17,15 +17,18 @@
display:inline-flex;
flex-flow: row wrap;
}
// View container for taxonomy terms.
&.view-taxonomy-term,
//View container for blog landing page.
&.view-uw-view-blogs,
// View container for events landing page.
&.view-uw-view-events,
// View container for newslanding page.
&.view-uw-view-news-items{
// Universal row for views
// Universal row for views
.views-row{
align-items:flex-start;
margin: rem(gesso-spacing(sm));
width:100%;
@include small{
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment