diff --git a/source/_patterns/04-components/catalog/_catalog.scss b/source/_patterns/04-components/catalog/_catalog.scss
index 753761e04ffbcc17564d27701794db1afc995c1c..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644
--- a/source/_patterns/04-components/catalog/_catalog.scss
+++ b/source/_patterns/04-components/catalog/_catalog.scss
@@ -1,56 +0,0 @@
-.path-catalogs,
-.path-taxonomy,
-.path-services {
- .views-element-container {
- min-height: 3rem;
- position: relative;
- }
- .view-content {
- // reset the flex
- display: inherit;
- -webkit-flex-flow: inherit;
- -ms-flex-flow: inherit;
- flex-flow: inherit;
- gap: inherit;
- grid-column:inherit;
- grid-row: inherit;
- margin: 1rem 0;
- .item-list{
- ul{
- margin: 0;
- padding: 0;
- li{
- list-style-type: none;
- margin-left: 0;
- padding-left: 0;
- p{
- margin:0;
- }
- .views-field{
- a {
- margin-right: .2rem;
- text-decoration: underline;
-
- &:hover,
- &:focus{
- text-decoration: none;
- }
- }
- h2{
- font-size: gesso-font-size(3);
- margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
- span{
- font-family:gesso-font-family(primary);
- font-size: gesso-font-size(0);
- @include medium{
- font-size: gesso-font-size(1);
- }
- }
-
- }
- }
- }
- }
- }
- }
-}
diff --git a/source/_patterns/04-components/content-grid-list/_content-grid-list.scss b/source/_patterns/04-components/content-grid-list/_content-grid-list.scss
index 0db305bde98cf67d6fa0c1a62f6c8f7990f3df0c..75df7309a418edadf93f248be27e16a21b794111 100644
--- a/source/_patterns/04-components/content-grid-list/_content-grid-list.scss
+++ b/source/_patterns/04-components/content-grid-list/_content-grid-list.scss
@@ -27,29 +27,19 @@
order: 1;
width: 100% !important;
}
-}
-
-.view-content {
- @include uw-flex-grid();
-
+ .view-content {
+ @include uw-flex-grid();
- .views-row{
- @include uw-flex-term-item();
- order: 3;
- &:first-of-type {
+ .views-row{
@include uw-flex-term-item();
- // Set the first card to match
- // full width of gridded and print second row.
- order: 2;
- width: 100% !important;
+ order: 3;
+ &:first-of-type {
+ @include uw-flex-term-item();
+ // Set the first card to match
+ // full width of gridded and print second row.
+ order: 2;
+ width: 100% !important;
+ }
}
}
}
-.view-uw-view-contacts .view-content {
- @include uw-flex-grid();
- padding:0;
- row-gap: 1rem ;
- .views-row{
- width: 100%;
- }
-}
diff --git a/source/_patterns/04-components/view/_view.scss b/source/_patterns/04-components/view/_view.scss
index adb7c8d8acce25398fe31aa5ff4e84d97c1bb3f1..8ceb9cb496c5e49627ac5d497e1484f7034564fa 100644
--- a/source/_patterns/04-components/view/_view.scss
+++ b/source/_patterns/04-components/view/_view.scss
@@ -13,20 +13,21 @@ $sidebar-width: 18.75rem;
&s-element-container{
@include uw-contained-width;
position:relative;
+ .block-views &,
+ .block-layout-builder &{
+ padding:0;
+ }
+ @include xl {
+ .block-views &,
+ .block-layout-builder & {
+ padding: 0;
+ }
+ }
}
display: grid;
- gap:1rem;
grid-template-columns: 100%;
padding:0;
position: relative;
- .block-views &{
- padding:0;
- }
- @include xl {
- .block-views &{
- padding:0;
- }
- }
&.view-uw-view-contacts{
padding-left:0;
padding-right:0;
@@ -60,7 +61,11 @@ $sidebar-width: 18.75rem;
grid-column:1/2;
grid-row:2/3;
width:100%;
+ .views-row{
+ width: 100%;
+ }
}
+
&-content--message {
grid-column:1/2;
grid-row:2/3;
@@ -80,9 +85,6 @@ $sidebar-width: 18.75rem;
gap:$grid-gap;
grid-template-columns: auto $sidebar-width;
}
- .view-header {
- // css
- }
.view-content {
@include uw-flex-grid();
grid-column:1/2;
@@ -156,7 +158,7 @@ $sidebar-width: 18.75rem;
}
}
- // Overite the view for when in services or catalog
+ // Ovewrite the view for when in services or catalog
&-uw-view-catalog-show-nodes,
&-uw-view-catalog-show-terms,
&-uw-view-taxonomy-show-nodes,
@@ -165,7 +167,14 @@ $sidebar-width: 18.75rem;
&-uw-view-catalog-search,
&-uw-view-service-show-nodes,
&-uw-view-service-show-terms{
+ gap:inherit;
.view-content {
+ display:inherit;
+ flex-flow: inherit;
+ gap:inherit;
+ grid-column:inherit;
+ grid-row:inherit;
+ width: 100%;
.item-list{
ul {
margin: 0;
@@ -193,8 +202,6 @@ $sidebar-width: 18.75rem;
}
h2{
font-size: gesso-font-size(3);
- margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
-
span{
font-family:gesso-font-family(primary);
font-size: gesso-font-size(0);
@@ -215,7 +222,87 @@ $sidebar-width: 18.75rem;
@extend %hN;
@include display-text-style(h2);
font-size: gesso-font-size(3);
- margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+ margin: gesso-spacing(xs) 0 0 0;
+ }
+ }
+ }
+}
+
+.path-catalogs,
+.path-taxonomy,
+.path-services {
+ .view.with-filters{
+ gap:$grid-gap;
+ }
+ .view-content {
+ // reset the flex
+ display: inherit;
+ -webkit-flex-flow: inherit;
+ -ms-flex-flow: inherit;
+ flex-flow: inherit;
+ gap: inherit;
+ grid-column:inherit;
+ grid-row: inherit;
+ margin:inherit;
+ .views-row{
+ width:100%;
+ }
+ .item-list{
+ ul{
+ margin: 0;
+ padding: 0;
+ li{
+ list-style-type: none;
+ margin-left: 0;
+ padding-left: 0;
+ p{
+ margin:0;
+ }
+ .views-field{
+ a {
+ margin-right: .2rem;
+ text-decoration: underline;
+
+ &:hover,
+ &:focus{
+ text-decoration: none;
+ }
+ }
+ h2{
+ font-size: gesso-font-size(3);
+ margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+ span{
+ font-family:gesso-font-family(primary);
+ font-size: gesso-font-size(0);
+ @include medium{
+ font-size: gesso-font-size(1);
+ }
+ }
+
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+//Setting the views views-row item grids.
+.path-news,
+.view-uw-view-news-items,
+.path-blog,
+.view-uw-view-blogs,
+.path-events,
+.view-uw-view-events,
+.path-profiles,
+.path-contacts{
+ .view-content {
+ @include uw-flex-grid();
+ padding:0;
+ .views-row{
+ @include uw-flex-term-item();
+ &:first-of-type {
+ width: 100% !important;
}
}
}