diff --git a/src/patterns/04-components/00-cms-styles/dashboards/_dashboards.scss b/src/patterns/04-components/00-cms-styles/dashboards/_dashboards.scss
index ad610618bc3e3da0d0d2a2928336f7cf57167144..14773643bd79797cfbbc031adfd3be40697c2244 100644
--- a/src/patterns/04-components/00-cms-styles/dashboards/_dashboards.scss
+++ b/src/patterns/04-components/00-cms-styles/dashboards/_dashboards.scss
@@ -3,10 +3,10 @@
.dashboards{
&-container{
.panel{
- padding:0;
+ padding: 0;
}
.uw-search-form {
- margin:0 0 var(--size-2) 0;
+ margin: 0 0 var(--size-2) 0;
.catalog-search-form,
.service-search-form,
.uw-project-search-form {
diff --git a/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss b/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
index a516b3b3b87f2e980dfe9923fdb17d7cc1a78488..8eb6dbb1f891b00fe818e5e0a096d3333f01f2bf 100644
--- a/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
+++ b/src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
@@ -5,251 +5,221 @@
/* stylelint-disable-next-line selector-no-qualifying-type */
// constraining sections of the theme with the site-container
- .uw-highlighted,
- .block-page-title-block,
- .block-local-tasks-block,
- .node-form,
- .admin-list,
- .js-media-library-view,
- .messages,
- .message,
- .contextual-region.profile,
- .uw-content-moderation__wrapper,
- form {
- @include uw-contained-width;
- padding: var(--size-2);
- @media(min-width: $screen-xl) {
- padding: var(--size-2) 0;
- }
- }
- // Reset padding
- .uw-content-moderation__wrapper{
- padding: var(--size-2);
- }
- // right column on edit
- .entity-meta__header {
- background-color: #fffbda;
- }
- // overlay popuup
- .ui-dialog .ui-dialog-title {
- font-family: var(--font-condensedbook);
- font-size: var(--font-size-4);
- font-weight: 400;
+.uw-highlighted,
+.block-page-title-block,
+.block-local-tasks-block,
+.node-form,
+.admin-list,
+.js-media-library-view,
+.messages,
+.message,
+.contextual-region.profile,
+.uw-content-moderation__wrapper,
+form {
+ @include uw-contained-width;
+ padding: var(--size-2);
+ @media(min-width: $screen-xl) {
+ padding: var(--size-2) 0;
}
- .js-media-library-view {
- background: gesso-color(form, fieldset, fieldset-background);
- border: 1px solid #bfbfbf;
- border-radius: 2px;
- padding: var(--size-2);
+}
+// Reset padding
+.uw-content-moderation__wrapper{
+ display: none;
+ margin-bottom: var(--size-4);
+ padding: var(--size-2);
+ .user-logged-in &{
+ display: block;
}
- // button in popup
- .ui-dialog-buttonpane {
- //box-shadow: 6px;
+}
+// right column on edit
+.entity-meta__header {
+ background-color: #fffbda;
+}
+// overlay popuup
+.ui-dialog .ui-dialog-title {
+ font-family: var(--font-condensedbook);
+ font-size: var(--font-size-4);
+ font-weight: 400;
+}
+.js-media-library-view {
+ background: gesso-color(form, fieldset, fieldset-background);
+ border: 1px solid #bfbfbf;
+ border-radius: 2px;
+ padding: var(--size-2);
+}
+// button in popup
+.ui-dialog-buttonpane {
+ //box-shadow: 6px;
+}
+.ui-dialog {
+ // Reset the widths put from default size values.
+ input[size="60"],
+ input[size="120"] {
+ max-width: 100%;
+ width: 100%;
}
- .ui-dialog {
- // Reset the widths put from default size values.
- input[size="60"],
- input[size="120"] {
- max-width: 100%;
- width: 100%;
- }
-
- .media-library-widget {
- .fieldset-wrapper {
- display: block;
- }
- }
-
- .description {
- font-size: gesso-font-size(-2);
- font-style: italic;
- }
- .views-display-link {
- font-family: var(--font-systemmedium);
- }
-
- form {
- @include uw-contained-width;
- padding: 0 !important;
- }
-
- .field--widget-entity-reference-paragraphs {
- padding: var(--size-2);
-
- .field--widget-entity-reference-paragraphs {
- padding: 0 !important;
- }
- }
-
- .field--name-field-uw-ec-items {
- background: inherit;
- padding: inherit;
- }
-
- // Adjusting the presentation of the tables.
- .field--widget-entity-reference-paragraphs td {
- background: inherit;
- border: var(--size-xs) solid var(--gray-3);
- padding: var(--size-2);
- }
-
- .field--widget-entity-reference-paragraphs .field-label {
- border-width: var(--size-xs) var(--size-xs) 0;
-
- .label {
- font-size: var(--font-size-1);
- }
+ .media-library-widget {
+ .fieldset-wrapper {
+ display: block;
}
+ }
- // Adjusting the drag handles ion the draggable tables.
- .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
- margin: 0;
- }
+ .description {
+ font-size: gesso-font-size(-2);
+ font-style: italic;
+ }
- .draggable .tabledrag-handle {
+ .views-display-link {
+ font-family: var(--font-systemmedium);
+ }
- cursor: move;
- float: inherit;
- height: inherit;
- margin-left: inherit;
- overflow: inherit;
- text-decoration: none;
+ form {
+ @include uw-contained-width;
+ padding: 0 !important;
+ }
- .handle {
- float: left;
- height: var(--size-4);
- padding: 0;
- width: var(--size-4)
+ .field--widget-entity-reference-paragraphs {
+ padding: var(--size-2);
- }
+ .field--widget-entity-reference-paragraphs {
+ padding: 0 !important;
}
+ }
- .tabledrag-hide {
- border-width: var(--size-xs) var(--size-xs) 0;
- font-family: var(--font-condensedbook);
- font-size:var(--font-size-1);
- font-weight: 400;
- margin: 0;
- padding: 0 var(--size-2);
- text-align: center;
+ .field--name-field-uw-ec-items {
+ background: inherit;
+ padding: inherit;
+ }
- }
+ // Adjusting the presentation of the tables.
+ .field--widget-entity-reference-paragraphs td {
+ background: inherit;
+ border: var(--size-xs) solid var(--gray-3);
+ padding: var(--size-2);
+ }
- // Removes gap at bottom of editor in dialogue
- .odd .form-item,
- .even .form-item {
- margin-bottom: 0 !important;
+ .field--widget-entity-reference-paragraphs .field-label {
+ border-width: var(--size-xs) var(--size-xs) 0;
+ .label {
+ font-size: var(--font-size-1);
}
+ }
- // Resets the min width.
- .field-multiple-table {
- min-width: inherit;
- }
+ // Adjusting the drag handles ion the draggable tables.
+ .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
+ margin: 0;
+ }
- // Reset media
- .media-library-item--grid {
- padding-bottom:var(--size-4);
+ .draggable .tabledrag-handle {
+ cursor: move;
+ float: inherit;
+ height: inherit;
+ margin-left: inherit;
+ overflow: inherit;
+ text-decoration: none;
+ .handle {
+ float: left;
+ height: var(--size-4);
+ padding: 0;
+ width: var(--size-4);
}
-
}
- // Token dialog popup.
- .token-tree-dialog {
- font-family: var(--font-book);
- table td {
- padding: var(--size-1) var(--size-2);
- }
+ .tabledrag-hide {
+ border-width: var(--size-xs) var(--size-xs) 0;
+ font-family: var(--font-condensedbook);
+ font-size: var(--font-size-1);
+ font-weight: 400;
+ margin: 0;
+ padding: 0 var(--size-2);
+ text-align: center;
}
- // Makes the flex basis accomodate more characters.
- .js .paragraph-type-title {
- flex-basis: 35%;
+ // Removes gap at bottom of editor in dialogue
+ .odd .form-item,
+ .even .form-item {
+ margin-bottom: 0 !important;
}
- .tabledrag-changed.warning {
- color: #e00 !important;
+
+ // Resets the min width.
+ .field-multiple-table {
+ min-width: inherit;
}
+ // Reset media
+ .media-library-item--grid {
+ padding-bottom: var(--size-4);
+ }
+}
+// Token dialog popup.
+.token-tree-dialog {
+ font-family: var(--font-book);
- // Edits of buttons in the wcms forms
- .button,
- button {
+ table td {
+ padding: var(--size-1) var(--size-2);
+ }
+}
+// Makes the flex basis accomodate more characters.
+.js .paragraph-type-title {
+ flex-basis: 35%;
+}
+.tabledrag-changed.warning {
+ color: #e00 !important;
+}
- .layout-builder-form &,
- .form-actions & {
- font-size: var(--font-size-000);
- height: 2.5rem;
- line-height: 2.75;
- max-width: inherit;
- padding: var(--size-05);
- &:hover,
- &:focus {
- padding: var(--size-05);
- }
+// Edits of buttons in the wcms forms
+.button,
+button {
+ .layout-builder-form &,
+ .form-actions & {
+ font-size: var(--font-size-000);
+ height: 2.5rem;
+ line-height: 2.75;
+ max-width: inherit;
+ padding: var(--size-05);
+ &:hover,
+ &:focus {
+ padding: var(--size-05);
}
-
- .media-library-content &,
- .paragraphs-actions &,
- .paragraph-type-top &,
- .paragraphs-dropbutton-wrapper & ,
- .user-login-form &{
- font-size: var(--font-size-000);
- font-weight: 200;
- height: inherit;
- //letter-spacing:inherit;
- max-width: 12rem;
+ }
+ .media-library-content &,
+ .paragraphs-actions &,
+ .paragraph-type-top &,
+ .paragraphs-dropbutton-wrapper &,
+ .user-login-form &{
+ font-size: var(--font-size-000);
+ font-weight: 200;
+ height: inherit;
+ //letter-spacing:inherit;
+ max-width: 12rem;
+ padding: var(--size-1) var(--size-2);
+ width: 100%;
+ &:hover,
+ &:focus {
padding: var(--size-1) var(--size-2);
- width: 100%;
-
- &:hover,
- &:focus {
- padding: var(--size-1) var(--size-2);
- }
- }
-
- .ui-dialog & {
- margin: var(--size-1) 0 0 0;
-
- }
-
- .ui-dialog-buttonset.form-actions & {
- max-width: 10rem;
}
+ }
- .user-login-form .form-actions & {
- @include button();
- }
+ .ui-dialog & {
+ margin: var(--size-1) 0 0 0;
+ }
- .tabledrag-toggle-weight-wrapper & {
- font-size: var(--font-size-000);
- font-weight: 200;
- max-width: 10rem;
- padding: 0;
- text-align: inherit;
- width: inherit;
+ .ui-dialog-buttonset.form-actions & {
+ max-width: 10rem;
+ }
- &:hover,
- &:focus {
- background: none;
- font-size: var(--font-size-000);
- font-weight: 200;
- max-width: 10rem;
- padding: 0;
- text-align: inherit;
- width: inherit;
- }
- }
+ .user-login-form .form-actions & {
+ @include button();
}
- // Reset the button in media dialog
- .media-library-widget__toggle-weight {
- font-size: var(--font-size-000) !important;
+ .tabledrag-toggle-weight-wrapper & {
+ font-size: var(--font-size-000);
font-weight: 200;
max-width: 10rem;
padding: 0;
text-align: inherit;
width: inherit;
-
&:hover,
&:focus {
background: none;
@@ -261,54 +231,67 @@
width: inherit;
}
}
+}
- // Removce Box shadow on the dashboard boxes.
- .layouts-dashboards-3 .drow > div,
- .layouts-dashboards-2 .drow > div,
- .layouts-dashboards-1 .drow > div {
- box-shadow: none;
- }
-
- // overlay labels
- .uw-admin-label {
- background-color: var(--gray-5) !important;
- color: var(--uw-white);
- font-family: var(--font-system);
+// Reset the button in media dialog
+.media-library-widget__toggle-weight {
+ font-size: var(--font-size-000) !important;
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
+ &:hover,
+ &:focus {
+ background: none;
font-size: var(--font-size-000);
- left: -1px;
- padding: 0.2rem var(--size-2);
- position: absolute;
- top: -1.5rem !important;;
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
}
+}
- // Give padding for the admin labels.
- .layout-builder__region {
- padding: var(--size-05);
- }
+// Removce Box shadow on the dashboard boxes.
+.layouts-dashboards-3 .drow > div,
+.layouts-dashboards-2 .drow > div,
+.layouts-dashboards-1 .drow > div {
+ box-shadow: none;
+}
- .contextual .trigger {
- color: #f03;
- width: inherit;
+// overlay labels
+.uw-admin-label {
+ background-color: var(--gray-5) !important;
+ color: var(--uw-white);
+ font-family: var(--font-system);
+ font-size: var(--font-size-000);
+ left: -1px;
+ padding: 0.2rem var(--size-2);
+ position: absolute;
+ top: -1.5rem !important;
+}
- &:focus {
- color: #25ffcc;
- width: inherit;
- }
- }
+// Give padding for the admin labels.
+.layout-builder__region {
+ padding: var(--size-05);
+}
- // Color for button in dialog
- .paragraphs-dropdown-action.button {
- color: var(--gray-6);
- }
-.uw-content-moderation__wrapper{
- display: none;
- .user-logged-in &{
- display: block;
- margin-bottom: var(--size-4);
+.contextual .trigger {
+ color: #f03;
+ width: inherit;
+ &:focus {
+ color: #25ffcc;
+ width: inherit;
}
}
+// Color for button in dialog
+.paragraphs-dropdown-action.button {
+ color: var(--gray-6);
+}
+
// Edit tabs for the main pages in drupal
.tabs{
&__trigger{
diff --git a/src/patterns/04-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss b/src/patterns/04-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss
index c329506058219a74b80c22088a10ca34594e4feb..fd2d35ec4dd5d225b41ee86d2a265b557fbf519e 100644
--- a/src/patterns/04-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss
+++ b/src/patterns/04-components/00-cms-styles/toolbar-menu/_toolbar-menu.scss
@@ -3,8 +3,7 @@
/* stylelint-disable-next-line selector-no-qualifying-type */
ul.toolbar-menu {
- font-size:var(--font-size-000);
-
+ font-size: var(--font-size-000);
li {
margin-bottom: 0;
padding-left: 0;
@@ -13,8 +12,8 @@ ul.toolbar-menu {
/* stylelint-disable-next-line selector-no-qualifying-type */
.org-default .toolbar .toolbar-bar .toolbar-item {
color: var(--uw-white);
- &:hover,
- &:focus {
- color: var(--uw-white);
- }
+ &:hover,
+ &:focus {
+ color: var(--uw-white);
}
+}
diff --git a/src/patterns/04-components/content-grid-list/_content-grid-list.scss b/src/patterns/04-components/content-grid-list/_content-grid-list.scss
index b833ed3132b1f7a90b4a856a8bbf924cdb7e7e71..c2721271b98d20c5affadf7a2c5e2e387ec5bf07 100644
--- a/src/patterns/04-components/content-grid-list/_content-grid-list.scss
+++ b/src/patterns/04-components/content-grid-list/_content-grid-list.scss
@@ -12,7 +12,7 @@
// third.
order: 3;
.card__body{
- height:inherit;
+ height: inherit;
}
&:first-of-type {
diff --git a/src/patterns/04-components/filters/_filters.scss b/src/patterns/04-components/filters/_filters.scss
index 4d29bbe967da3955e41e06af79efc63a6d23608f..8bf0398d0d90e8f7e6bc2d120fe4141118e6bbf7 100644
--- a/src/patterns/04-components/filters/_filters.scss
+++ b/src/patterns/04-components/filters/_filters.scss
@@ -21,7 +21,6 @@
//color: gesso-color(button,primary,text);
}
}
-
}
}
}
diff --git a/src/patterns/04-components/form-item/form-item.scss b/src/patterns/04-components/form-item/form-item.scss
index 1fdad59a9722b9ce6a234b2349e3f184567ffd2e..375a9d89ae5e177e091019533a3a9d18a4b8dd15 100644
--- a/src/patterns/04-components/form-item/form-item.scss
+++ b/src/patterns/04-components/form-item/form-item.scss
@@ -6,7 +6,7 @@
.form-item {
margin: 0 0 var(--size-2);
.form--inline .form-checkboxes &{
- margin:inherit;
+ margin: inherit;
}
}
diff --git a/src/patterns/04-components/icon/_icon.scss b/src/patterns/04-components/icon/_icon.scss
index 35bd4add3ccebb6444f0d7576cbe34225ea2a36f..d0772576984a55cc6adb1b25539e16877e13c5e1 100644
--- a/src/patterns/04-components/icon/_icon.scss
+++ b/src/patterns/04-components/icon/_icon.scss
@@ -4,7 +4,7 @@
align-items: center;
display: inline-flex;
height: var(--size-3);
- line-height:normal;
+ line-height: normal;
width: var(--size-3);
svg {
height: var(--size-3);
diff --git a/src/patterns/04-components/icon/icon--button/_icon--button.scss b/src/patterns/04-components/icon/icon--button/_icon--button.scss
index 6a4821088f167a41a519a57cfc0f3a850e960455..790e3c4bc1f460f0ca312cb479e666b2db67decc 100644
--- a/src/patterns/04-components/icon/icon--button/_icon--button.scss
+++ b/src/patterns/04-components/icon/icon--button/_icon--button.scss
@@ -17,8 +17,8 @@ $icon-font-size-small: var(--font-size-0) !default;
font-weight: var(--font-weight-400);
gap: var(--size-05);
height: var(--size-6);
- line-height:normal;
- padding:0 var(--size-1);
+ line-height: normal;
+ padding: 0 var(--size-1);
transition: background 0.2s ease-in;
.uw-icon {
align-items: center;
diff --git a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
index b00b68fc5ec0ed21e2de7ee55c07d451a3ed0d3a..6952b5dc44f1683b13e28a831ad41ad611cf6f5f 100644
--- a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
+++ b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
@@ -337,7 +337,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
> a {
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
&::after {
transform: rotate(270deg);
@@ -352,7 +352,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
display: inline-block;
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
overflow: hidden;
position: absolute;
@@ -387,7 +387,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
> a{
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
&::after {
transform: rotate(-90deg);
@@ -476,7 +476,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
border-bottom: var(--size-xs) solid transparent;
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
}
}
@@ -486,7 +486,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
font-weight: 200;
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
padding-left: var(--size-2);
}
@@ -496,7 +496,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
font-weight: 200;
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
}
.menu__item {
@@ -505,7 +505,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
font-weight: 200;
height: 2.25rem;
@media(min-width: $screen-md) {
- height:inherit;
+ height: inherit;
}
}
}
diff --git a/src/patterns/04-components/message/_message.scss b/src/patterns/04-components/message/_message.scss
index 7746b3af3883a6cbec76bbb444714d1cc4123c7c..4e3d6b476a29eb76ca2655f2a3ef709069627ebf 100644
--- a/src/patterns/04-components/message/_message.scss
+++ b/src/patterns/04-components/message/_message.scss
@@ -49,7 +49,6 @@ $message-warning-border-color: var(--yellow-4) !default;
text-decoration: none;
}
}
-
}
.message__content,
diff --git a/src/patterns/04-components/page-title/_page-title.scss b/src/patterns/04-components/page-title/_page-title.scss
index b1667b0e89e38ed8ccb457cc28d74ede4a1aa442..54f22ae2f73bf4098302efc54e7b0b56c9edef7b 100644
--- a/src/patterns/04-components/page-title/_page-title.scss
+++ b/src/patterns/04-components/page-title/_page-title.scss
@@ -10,5 +10,4 @@
@include uw-no-breakout();
margin: 0;
padding: 0;
-
}
diff --git a/src/patterns/04-components/skiplinks/_skiplinks.scss b/src/patterns/04-components/skiplinks/_skiplinks.scss
index 2ce8aa298812608c4e573bcd15a95d866bf37902..d82bd9552aab55b59ce96dd6cbe9b2e540a41f62 100644
--- a/src/patterns/04-components/skiplinks/_skiplinks.scss
+++ b/src/patterns/04-components/skiplinks/_skiplinks.scss
@@ -12,7 +12,7 @@
&__link{
color: var(--uw-white) !important;
&:focus{
- background-color:transparent;
+ background-color: transparent;
border: var(--size-xs) solid var(--uw-white);
border-top: 0;
color: var(--uw-white) !important;
diff --git a/src/patterns/04-components/tabs/_tabs.scss b/src/patterns/04-components/tabs/_tabs.scss
index ff019b77bb5215aa1698e7a50a8ce11e2b351064..a52e358ff5aa5aabc63a639409483b4112ea8e25 100644
--- a/src/patterns/04-components/tabs/_tabs.scss
+++ b/src/patterns/04-components/tabs/_tabs.scss
@@ -11,12 +11,9 @@
padding: 0;
}
}
-
width: 100%;
-
.hide-js {
display: none;
-
html:not(.js) & {
border-bottom: 2px solid var(--gray-2);
display: block;
@@ -33,15 +30,13 @@
@supports (scrollbar-width: none) {
scrollbar-width: none;
}
-
overflow-y: scroll;
-
@media(min-width: $screen-md) {
overflow-y: initial;
}
html:not(.js) & {
- display:none;
+ display: none;
}
a {
@@ -67,6 +62,9 @@
margin: 0 0 0 0.15rem;
max-width: inherit;
padding: 1rem 2rem;
+ &.active {
+ border-bottom: 0.4rem solid #4e4e4e;
+ }
}
&[aria-selected="true"] {
@@ -94,22 +92,16 @@
}
html:not(.js) .uw-tabcontent[role="tabpanel"][hidden]{
- @include flexbox();
+ @include flexbox();
}
.uw-tabcontent[role="tabpanel"] .card{
@include uw-flex-grid-item();
}
-
.block-local-tasks-block{
nav nav ul li a {
font-family: var(--font-systemmedium);
}
}
-.uw-tablinks {
- &.active {
- border-bottom: 0.4rem solid #4e4e4e;
- }
-}
diff --git a/src/patterns/04-components/view/_view.scss b/src/patterns/04-components/view/_view.scss
index 128c58aefa3c9894ccbcb9e8122ca1fa83f4b3fd..469a61c83c639e2327950242e23445f94aaf9ae3 100644
--- a/src/patterns/04-components/view/_view.scss
+++ b/src/patterns/04-components/view/_view.scss
@@ -11,11 +11,11 @@ $sidebar-width: 18.75rem;
.view {
&s-element-container{
@include uw-contained-width;
- position:relative;
+ position: relative;
width: 100%;
.block-views &,
.block-layout-builder &{
- padding:0;
+ padding: 0;
}
@media(min-width: $screen-xl) {
.block-views &,
@@ -24,22 +24,21 @@ $sidebar-width: 18.75rem;
}
}
}
-
display: block;
- padding:0;
+ padding: 0;
position: relative;
&.view-uw-view-contacts{
- padding-left:0;
- padding-right:0;
+ padding-left: 0;
+ padding-right: 0;
}
&-interact{
@include uw-contained-width;
display: flex;
gap: var(--size-1);
- justify-content:flex-end;
- padding:0;
+ justify-content: flex-end;
+ padding: 0;
.button{
- margin:0;
+ margin: 0;
}
}
&-header{
@@ -66,7 +65,6 @@ $sidebar-width: 18.75rem;
.messages{
margin: 0;
}
-
}
&-pager{
align-self: flex-end;
@@ -88,7 +86,7 @@ $sidebar-width: 18.75rem;
}
.view-filters {
h2{
- margin-top:0;
+ margin-top: 0;
}
background: var(--uw-white);
grid-column: 2 / 3;
@@ -154,7 +152,7 @@ $sidebar-width: 18.75rem;
&-uw-view-catalog-search,
&-uw-view-service-show-nodes,
&-uw-view-service-show-terms{
- gap: inherit;
+ gap: inherit;
.view-content {
.item-list{
ul {
@@ -169,7 +167,7 @@ $sidebar-width: 18.75rem;
}
}
p{
- margin:0;
+ margin: 0;
}
a {
margin-right: 0.2rem;
@@ -193,7 +191,6 @@ $sidebar-width: 18.75rem;
height: auto;
padding-right: var(--size-1);
width: 4.75rem;
-
}
}
.views-field-title,
@@ -220,7 +217,7 @@ $sidebar-width: 18.75rem;
.view-content {
display: grid;
gap: var(--grid-gap);
- grid-template-columns: repeat(2 ,1fr);
+ grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, min-content);
padding: 0;
}
@@ -236,6 +233,19 @@ $sidebar-width: 18.75rem;
}
}
}
+ // Moving the rss button up for the blog news and events
+ .block-page-title-block{
+ padding-right: 12rem;
+ @media(min-width: $screen-md) {
+ padding-right: inherit;
+ }
+ }
+ .view-interact{
+ margin-top: -3.25rem;
+ @media(min-width: $screen-md) {
+ margin-top: -4rem;
+ }
+ }
}
.view-uw-view-news-items,
.view-uw-view-blogs,
@@ -259,7 +269,7 @@ $sidebar-width: 18.75rem;
}
.view-content {
.views-row{
- width:100%;
+ width: 100%;
}
.item-list{
ul{
@@ -270,7 +280,7 @@ $sidebar-width: 18.75rem;
margin-left: 0;
padding-left: 0;
p{
- margin:0;
+ margin: 0;
}
.views-field{
a {
@@ -292,7 +302,6 @@ $sidebar-width: 18.75rem;
font-size: var(--font-size-1);
}
}
-
}
}
}
@@ -316,20 +325,20 @@ $sidebar-width: 18.75rem;
}
.path-contacts{
.views-row{
- width:100%;
+ width: 100%;
}
}
.path-projects{
.view{
&.with-filters{
margin: inherit;
- > .view-content {
- margin:inherit;
+ > .view-content {
+ margin: inherit;
> h2{
- @include uw-contained-width;
- margin: inherit;
- width: 100%;
- }
+ @include uw-contained-width;
+ margin: inherit;
+ width: 100%;
+ }
}
.view-footer{
@include uw-contained-width;
@@ -364,21 +373,3 @@ $sidebar-width: 18.75rem;
gap: var(--size-1);
justify-content: flex-end;
}
-// Moving the rss button up for the blog news and events
-
-.path-news,
-.path-blog,
-.path-events{
- .block-page-title-block{
- padding-right: 12rem;
- @media(min-width: $screen-md) {
- padding-right: inherit;
- }
- }
- .view-interact{
- margin-top: -3.25rem;
- @media(min-width: $screen-md) {
- margin-top: -4rem;
- }
- }
-}