From 62d8f448e376b4bc0b2fc176e2e4eb6f38647124 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Mon, 4 Jan 2021 14:56:53 -0500
Subject: [PATCH] ISTWCMS-4487: fixing stylings for dashboard pages
---
css/styles.css | 246 ++++-----
.../layout-builder/_layout-builder.scss | 499 ++++++++++--------
2 files changed, 389 insertions(+), 356 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index 105e8d0a..a8208d34 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2093,126 +2093,126 @@ svg:not(:root) {
padding-right: 0; } }
/* stylelint-disable-next-line selector-no-qualifying-type */
-.uw-highlighted,
-.block-page-title-block,
-.block-local-tasks-block,
-.node-form,
-.admin-list,
-.js-media-library-view,
-.messages,
-.message,
-.contextual-region.profile,
-form {
+.uw-page .uw-highlighted,
+.uw-page .block-page-title-block,
+.uw-page .block-local-tasks-block,
+.uw-page .node-form,
+.uw-page .admin-list,
+.uw-page .js-media-library-view,
+.uw-page .messages,
+.uw-page .message,
+.uw-page .contextual-region.profile,
+.uw-page form {
margin-left: auto;
margin-right: auto;
max-width: 63.1875rem;
padding: 0 16px;
padding: 1rem; }
@media (min-width: 80rem) {
- .uw-highlighted,
- .block-page-title-block,
- .block-local-tasks-block,
- .node-form,
- .admin-list,
- .js-media-library-view,
- .messages,
- .message,
- .contextual-region.profile,
- form {
+ .uw-page .uw-highlighted,
+ .uw-page .block-page-title-block,
+ .uw-page .block-local-tasks-block,
+ .uw-page .node-form,
+ .uw-page .admin-list,
+ .uw-page .js-media-library-view,
+ .uw-page .messages,
+ .uw-page .message,
+ .uw-page .contextual-region.profile,
+ .uw-page form {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 80rem) {
- .uw-highlighted,
- .block-page-title-block,
- .block-local-tasks-block,
- .node-form,
- .admin-list,
- .js-media-library-view,
- .messages,
- .message,
- .contextual-region.profile,
- form {
+ .uw-page .uw-highlighted,
+ .uw-page .block-page-title-block,
+ .uw-page .block-local-tasks-block,
+ .uw-page .node-form,
+ .uw-page .admin-list,
+ .uw-page .js-media-library-view,
+ .uw-page .messages,
+ .uw-page .message,
+ .uw-page .contextual-region.profile,
+ .uw-page form {
padding: 1rem 0; } }
-.entity-meta__header {
+.uw-page .entity-meta__header {
background-color: #fffbda; }
-.ui-dialog .ui-dialog-title {
+.uw-page .ui-dialog .ui-dialog-title {
font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
font-size: 1.602rem;
font-weight: 400; }
-.js-media-library-view {
+.uw-page .js-media-library-view {
background: #fafafa;
border: 1px solid #bfbfbf;
border-radius: 2px;
padding: 1rem; }
-.ui-dialog-buttonpane {
+.uw-page .ui-dialog-buttonpane {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) ,0 0 0 rgba(0, 0, 0, 0.3); }
-.ui-dialog input[size="60"],
-.ui-dialog input[size="120"] {
+.uw-page .ui-dialog input[size="60"],
+.uw-page .ui-dialog input[size="120"] {
max-width: 100%;
width: 100%; }
-.ui-dialog .media-library-widget .fieldset-wrapper {
+.uw-page .ui-dialog .media-library-widget .fieldset-wrapper {
display: block; }
-.ui-dialog .description {
+.uw-page .ui-dialog .description {
font-size: 12.64px;
font-style: italic; }
-.ui-dialog .views-display-link {
+.uw-page .ui-dialog .views-display-link {
font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif; }
-.ui-dialog form {
+.uw-page .ui-dialog form {
margin-left: auto;
margin-right: auto;
max-width: 63.1875rem;
padding: 0 16px;
padding: 0 !important; }
@media (min-width: 80rem) {
- .ui-dialog form {
+ .uw-page .ui-dialog form {
padding-left: 0;
padding-right: 0; } }
-.ui-dialog .field--widget-entity-reference-paragraphs {
+.uw-page .ui-dialog .field--widget-entity-reference-paragraphs {
padding: 1rem; }
- .ui-dialog .field--widget-entity-reference-paragraphs .field--widget-entity-reference-paragraphs {
+ .uw-page .ui-dialog .field--widget-entity-reference-paragraphs .field--widget-entity-reference-paragraphs {
padding: 0 !important; }
-.ui-dialog .field--name-field-uw-ec-items {
+.uw-page .ui-dialog .field--name-field-uw-ec-items {
background: inherit;
padding: inherit; }
-.ui-dialog .field--widget-entity-reference-paragraphs td {
+.uw-page .ui-dialog .field--widget-entity-reference-paragraphs td {
background: inherit;
border: 1px solid #ccc;
padding: 1rem; }
-.ui-dialog .field--widget-entity-reference-paragraphs .field-label {
+.uw-page .ui-dialog .field--widget-entity-reference-paragraphs .field-label {
border-width: 1px 1px 0; }
- .ui-dialog .field--widget-entity-reference-paragraphs .field-label .label {
+ .uw-page .ui-dialog .field--widget-entity-reference-paragraphs .field-label .label {
font-size: 18px; }
-.ui-dialog .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
+.uw-page .ui-dialog .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
margin: 0; }
-.ui-dialog .draggable .tabledrag-handle {
+.uw-page .ui-dialog .draggable .tabledrag-handle {
cursor: move;
float: inherit;
height: inherit;
margin-left: inherit;
overflow: inherit;
text-decoration: none; }
- .ui-dialog .draggable .tabledrag-handle .handle {
+ .uw-page .ui-dialog .draggable .tabledrag-handle .handle {
float: left;
height: 2rem;
padding: 0;
width: 2rem; }
-.ui-dialog .tabledrag-hide {
+.uw-page .ui-dialog .tabledrag-hide {
border-width: 1px 1px 0;
font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
font-size: 18px;
@@ -2221,98 +2221,98 @@ form {
padding: 0 1rem;
text-align: center; }
-.ui-dialog .odd .form-item,
-.ui-dialog .even .form-item {
+.uw-page .ui-dialog .odd .form-item,
+.uw-page .ui-dialog .even .form-item {
margin-bottom: 0 !important; }
-.ui-dialog .field-multiple-table {
+.uw-page .ui-dialog .field-multiple-table {
min-width: inherit; }
-.ui-dialog .media-library-item--grid {
+.uw-page .ui-dialog .media-library-item--grid {
padding-bottom: 2.5rem; }
-.token-tree-dialog {
+.uw-page .token-tree-dialog {
font-family: "BureauGrot Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif; }
- .token-tree-dialog table td {
+ .uw-page .token-tree-dialog table td {
padding: 0.5rem 1rem; }
-.js .paragraph-type-title {
+.uw-page .js .paragraph-type-title {
flex-basis: 35%; }
-.tabledrag-changed.warning {
+.uw-page .tabledrag-changed.warning {
color: #e00 !important; }
-.layout-builder-form .button,
-.form-actions .button, .layout-builder-form
-button,
+.layout-builder-form .uw-page .button,
+.form-actions .uw-page .button, .layout-builder-form
+.uw-page button,
.form-actions
-button {
+.uw-page button {
font-size: 0.79rem;
height: 2.5rem;
line-height: 2.75;
max-width: inherit;
padding: 0.25rem 0.25rem; }
- .layout-builder-form .button:hover, .layout-builder-form .button:focus,
- .form-actions .button:hover,
- .form-actions .button:focus, .layout-builder-form
- button:hover, .layout-builder-form
- button:focus,
+ .layout-builder-form .uw-page .button:hover, .layout-builder-form .uw-page .button:focus,
+ .form-actions .uw-page .button:hover,
+ .form-actions .uw-page .button:focus, .layout-builder-form
+ .uw-page button:hover, .layout-builder-form
+ .uw-page button:focus,
.form-actions
- button:hover,
+ .uw-page button:hover,
.form-actions
- button:focus {
+ .uw-page button:focus {
padding: 0.25rem 0.25rem; }
-.media-library-content .button,
-.paragraphs-actions .button,
-.paragraph-type-top .button,
-.paragraphs-dropbutton-wrapper .button, .media-library-content
-button,
+.media-library-content .uw-page .button,
+.paragraphs-actions .uw-page .button,
+.paragraph-type-top .uw-page .button,
+.paragraphs-dropbutton-wrapper .uw-page .button, .media-library-content
+.uw-page button,
.paragraphs-actions
-button,
+.uw-page button,
.paragraph-type-top
-button,
+.uw-page button,
.paragraphs-dropbutton-wrapper
-button {
+.uw-page button {
font-size: 0.79rem;
font-weight: 200;
height: inherit;
max-width: 12rem;
padding: 0.5rem 1rem;
width: 100%; }
- .media-library-content .button:hover, .media-library-content .button:focus,
- .paragraphs-actions .button:hover,
- .paragraphs-actions .button:focus,
- .paragraph-type-top .button:hover,
- .paragraph-type-top .button:focus,
- .paragraphs-dropbutton-wrapper .button:hover,
- .paragraphs-dropbutton-wrapper .button:focus, .media-library-content
- button:hover, .media-library-content
- button:focus,
+ .media-library-content .uw-page .button:hover, .media-library-content .uw-page .button:focus,
+ .paragraphs-actions .uw-page .button:hover,
+ .paragraphs-actions .uw-page .button:focus,
+ .paragraph-type-top .uw-page .button:hover,
+ .paragraph-type-top .uw-page .button:focus,
+ .paragraphs-dropbutton-wrapper .uw-page .button:hover,
+ .paragraphs-dropbutton-wrapper .uw-page .button:focus, .media-library-content
+ .uw-page button:hover, .media-library-content
+ .uw-page button:focus,
.paragraphs-actions
- button:hover,
+ .uw-page button:hover,
.paragraphs-actions
- button:focus,
+ .uw-page button:focus,
.paragraph-type-top
- button:hover,
+ .uw-page button:hover,
.paragraph-type-top
- button:focus,
+ .uw-page button:focus,
.paragraphs-dropbutton-wrapper
- button:hover,
+ .uw-page button:hover,
.paragraphs-dropbutton-wrapper
- button:focus {
+ .uw-page button:focus {
padding: 0.5rem 1rem; }
-.ui-dialog .button, .ui-dialog
-button {
+.ui-dialog .uw-page .button, .ui-dialog
+.uw-page button {
margin: 0.5rem 0 0 0; }
-.ui-dialog-buttonset.form-actions .button, .ui-dialog-buttonset.form-actions
-button {
+.ui-dialog-buttonset.form-actions .uw-page .button, .ui-dialog-buttonset.form-actions
+.uw-page button {
max-width: 10rem; }
-.user-login-form .form-actions .button, .user-login-form .form-actions
-button {
+.user-login-form .form-actions .uw-page .button, .user-login-form .form-actions
+.uw-page button {
background-color: #757575;
background-image: none;
border: 0;
@@ -2337,12 +2337,12 @@ button {
vertical-align: top;
white-space: normal;
width: 100%; }
- .user-login-form .form-actions .button:visited, .user-login-form .form-actions
- button:visited {
+ .user-login-form .form-actions .uw-page .button:visited, .user-login-form .form-actions
+ .uw-page button:visited {
color: #fff; }
- .user-login-form .form-actions .button:hover, .user-login-form .form-actions .button:focus, .user-login-form .form-actions
- button:hover, .user-login-form .form-actions
- button:focus {
+ .user-login-form .form-actions .uw-page .button:hover, .user-login-form .form-actions .uw-page .button:focus, .user-login-form .form-actions
+ .uw-page button:hover, .user-login-form .form-actions
+ .uw-page button:focus {
background-color: #eee;
background-image: none;
border: 0;
@@ -2350,31 +2350,31 @@ button {
color: #4e4e4e;
outline: none !important;
text-decoration: none; }
- .user-login-form .form-actions .button:active, .user-login-form .form-actions
- button:active {
+ .user-login-form .form-actions .uw-page .button:active, .user-login-form .form-actions
+ .uw-page button:active {
background-color: #757575;
background-image: none;
color: #fff;
outline: none !important; }
- .user-login-form .form-actions .button[disabled], .user-login-form .form-actions
- button[disabled] {
+ .user-login-form .form-actions .uw-page .button[disabled], .user-login-form .form-actions
+ .uw-page button[disabled] {
background-color: #eee;
background-image: none;
color: #A2A2A2;
cursor: default;
pointer-events: none; }
-.tabledrag-toggle-weight-wrapper .button, .tabledrag-toggle-weight-wrapper
-button {
+.tabledrag-toggle-weight-wrapper .uw-page .button, .tabledrag-toggle-weight-wrapper
+.uw-page button {
font-size: 12.64px;
font-weight: 200;
max-width: 10rem;
padding: 0;
text-align: inherit;
width: inherit; }
- .tabledrag-toggle-weight-wrapper .button:hover, .tabledrag-toggle-weight-wrapper .button:focus, .tabledrag-toggle-weight-wrapper
- button:hover, .tabledrag-toggle-weight-wrapper
- button:focus {
+ .tabledrag-toggle-weight-wrapper .uw-page .button:hover, .tabledrag-toggle-weight-wrapper .uw-page .button:focus, .tabledrag-toggle-weight-wrapper
+ .uw-page button:hover, .tabledrag-toggle-weight-wrapper
+ .uw-page button:focus {
background: none;
font-size: 12.64px;
font-weight: 200;
@@ -2383,14 +2383,14 @@ button {
text-align: inherit;
width: inherit; }
-.media-library-widget__toggle-weight {
+.uw-page .media-library-widget__toggle-weight {
font-size: 12.64px !important;
font-weight: 200;
max-width: 10rem;
padding: 0;
text-align: inherit;
width: inherit; }
- .media-library-widget__toggle-weight:hover, .media-library-widget__toggle-weight:focus {
+ .uw-page .media-library-widget__toggle-weight:hover, .uw-page .media-library-widget__toggle-weight:focus {
background: none;
font-size: 12.64px;
font-weight: 200;
@@ -2399,12 +2399,12 @@ button {
text-align: inherit;
width: inherit; }
-.layouts-dashboards-3 .drow > div,
-.layouts-dashboards-2 .drow > div,
-.layouts-dashboards-1 .drow > div {
+.uw-page .layouts-dashboards-3 .drow > div,
+.uw-page .layouts-dashboards-2 .drow > div,
+.uw-page .layouts-dashboards-1 .drow > div {
box-shadow: none; }
-.uw-admin-label {
+.uw-page .uw-admin-label {
background-color: #757575 !important;
color: #fff;
font-family: Typ1451-Regular,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
@@ -2414,17 +2414,17 @@ button {
position: absolute;
top: -1.5rem !important; }
-.layout-builder__region {
+.uw-page .layout-builder__region {
padding: 0.25rem; }
-.contextual .trigger {
+.uw-page .contextual .trigger {
color: #f03;
width: inherit; }
- .contextual .trigger:focus {
+ .uw-page .contextual .trigger:focus {
color: #25ffcc;
width: inherit; }
-.paragraphs-dropdown-action.button {
+.uw-page .paragraphs-dropdown-action.button {
color: #4e4e4e; }
/* stylelint-disable-next-line selector-no-qualifying-type */
diff --git a/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss b/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
index f4b88b73..ceb30753 100644
--- a/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
+++ b/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
@@ -3,272 +3,305 @@
/* 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,
-form {
- @include uw-contained-width;
- padding: rem(gesso-spacing(sm));
- @include xl {
- padding:rem(gesso-spacing(sm)) 0;
+.uw-page {
+ .uw-highlighted,
+ .block-page-title-block,
+ .block-local-tasks-block,
+ .node-form,
+ .admin-list,
+ .js-media-library-view,
+ .messages,
+ .message,
+ .contextual-region.profile,
+ form {
+ @include uw-contained-width;
+ padding: rem(gesso-spacing(sm));
+ @include xl {
+ padding: rem(gesso-spacing(sm)) 0;
+ }
+ }
+
+
+ // righ column on edit
+ .entity-meta__header {
+ background-color: #fffbda;
+ }
+
+
+ // overlay popuup
+ .ui-dialog .ui-dialog-title {
+ font-family: gesso-font-family(condensedbook);
+ font-size: rem(gesso-font-size(4));
+ font-weight: 400;
}
-}
-
-// righ column on edit
-.entity-meta__header{
- background-color:#fffbda;
-}
-
-
-
-// overlay popuup
-.ui-dialog .ui-dialog-title{
- font-family:gesso-font-family(condensedbook);
- font-size: rem(gesso-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:rem(gesso-spacing(sm));
-}
-
-// button in popup
-.ui-dialog-buttonpane{
- box-shadow: gesso-box-shadow(6);
-}
-
-.ui-dialog{
+
+ .js-media-library-view {
+ background: gesso-color(form, fieldset, fieldset-background);
+ border: 1px solid #bfbfbf;
+ border-radius: 2px;
+ padding: rem(gesso-spacing(sm));
+ }
+
+ // button in popup
+ .ui-dialog-buttonpane {
+ box-shadow: gesso-box-shadow(6);
+ }
+
+ .ui-dialog {
// Reset the widths put from default size values.
input[size="60"],
- input[size="120"]{
+ input[size="120"] {
max-width: 100%;
width: 100%;
}
- .media-library-widget{
- .fieldset-wrapper{
- display:block;
+ .media-library-widget {
+ .fieldset-wrapper {
+ display: block;
+ }
}
- }
- .description{
- font-size: gesso-font-size(-2);
- font-style:italic;
- }
- .views-display-link{
- font-family: $uw-input-font-family;
- }
- form{
- @include uw-contained-width;
- padding:0 !important;
- }
- .field--widget-entity-reference-paragraphs{
- padding:1rem;
- .field--widget-entity-reference-paragraphs{
- padding:0 !important;
+ .description {
+ font-size: gesso-font-size(-2);
+ font-style: italic;
}
- }
- .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:1px solid gesso-grayscale('gray-3');
- padding:rem(gesso-spacing(sm));
- }
- .field--widget-entity-reference-paragraphs .field-label{
- border-width:1px 1px 0;
- .label{
+
+ .views-display-link {
+ font-family: $uw-input-font-family;
+ }
+
+ form {
+ @include uw-contained-width;
+ padding: 0 !important;
+ }
+
+ .field--widget-entity-reference-paragraphs {
+ padding: 1rem;
+
+ .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: 1px solid gesso-grayscale('gray-3');
+ padding: rem(gesso-spacing(sm));
+ }
+
+ .field--widget-entity-reference-paragraphs .field-label {
+ border-width: 1px 1px 0;
+
+ .label {
+ font-size: gesso-font-size(1);
+ }
+ }
+
+ // Adjusting the drag handles ion the draggable tables.
+ .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
+ margin: 0;
+ }
+
+ .draggable .tabledrag-handle {
+
+ cursor: move;
+ float: inherit;
+ height: inherit;
+ margin-left: inherit;
+ overflow: inherit;
+ text-decoration: none;
+
+ .handle {
+ float: left;
+ height: 2rem;
+ padding: 0;
+ width: 2rem;
+
+ }
+ }
+
+ .tabledrag-hide {
+ border-width: 1px 1px 0;
+ font-family: gesso-font-family(condensedbook);
font-size: gesso-font-size(1);
+ font-weight: 400;
+ margin: 0;
+ padding: 0 rem(gesso-spacing(sm));
+ text-align: center;
+
}
- }
- // Adjusting the drag handles ion the draggable tables.
- .paragraph-type--uw-para-fact-figure .tabledrag-handle .handle {
- margin:0;
- }
- .draggable .tabledrag-handle{
-
- cursor: move;
- float:inherit;
- height:inherit;
- margin-left: inherit;
- overflow: inherit;
- text-decoration: none;
- .handle{
- float:left;
- height:2rem;
- padding:0;
- width:2rem;
+ // Removes gap at bottom of editor in dialogue
+ .odd .form-item,
+ .even .form-item {
+ margin-bottom: 0 !important;
+ }
+
+ // Resets the min width.
+ .field-multiple-table {
+ min-width: inherit;
+ }
+
+ // Reset media
+ .media-library-item--grid {
+ padding-bottom: rem(gesso-spacing(lg));
}
- }
- .tabledrag-hide{
- border-width: 1px 1px 0;
- font-family:gesso-font-family(condensedbook);
- font-size: gesso-font-size(1);
- font-weight: 400;
- margin:0;
- padding:0 rem(gesso-spacing(sm));
- text-align:center;
}
- // Removes gap at bottom of editor in dialogue
- .odd .form-item,
- .even .form-item{
- margin-bottom:0 !important;
- }
- // Resets the min width.
- .field-multiple-table{
- min-width:inherit;
+
+ // Token dialog popup.
+ .token-tree-dialog {
+ font-family: $form-font-family;
+
+ table td {
+ padding: rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
+ }
}
- // Reset media
- .media-library-item--grid{
- padding-bottom:rem(gesso-spacing(lg));
+
+ // Makes the flex basis accomodate more characters.
+ .js .paragraph-type-title {
+ flex-basis: 35%;
}
-}
-// Token dialog popup.
-.token-tree-dialog{
- font-family: $form-font-family;
- table td{
- padding:rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
+ .tabledrag-changed.warning {
+ color: #e00 !important;
}
-}
-// Makes the flex basis accomodate more characters.
-.js .paragraph-type-title{
- flex-basis: 35%;
-}
-.tabledrag-changed.warning{
- color: #e00 !important;
-}
-
-
-// Edits of buttons in the wcms forms
-.button,
-button{
-
- .layout-builder-form &,
- .form-actions &
- {
- font-size: rem(gesso-font-size(-2));
- height:2.5rem;
- line-height: 2.75;
- max-width: inherit;
- padding:rem(gesso-spacing(xxs)) rem(gesso-spacing(xxs));
- &:hover,
- &:focus {
- padding:rem(gesso-spacing(xxs)) rem(gesso-spacing(xxs));
+
+ // Edits of buttons in the wcms forms
+ .button,
+ button {
+
+ .layout-builder-form &,
+ .form-actions & {
+ font-size: rem(gesso-font-size(-2));
+ height: 2.5rem;
+ line-height: 2.75;
+ max-width: inherit;
+ padding: rem(gesso-spacing(xxs)) rem(gesso-spacing(xxs));
+
+ &:hover,
+ &:focus {
+ padding: rem(gesso-spacing(xxs)) rem(gesso-spacing(xxs));
+ }
+ }
+
+ .media-library-content &,
+ .paragraphs-actions &,
+ .paragraph-type-top &,
+ .paragraphs-dropbutton-wrapper & {
+ font-size: rem(gesso-font-size(-2));
+ font-weight: 200;
+ height: inherit;
+ //letter-spacing:inherit;
+ max-width: 12rem;
+ padding: rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
+ width: 100%;
+
+ &:hover,
+ &:focus {
+ padding: rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
+ }
+ }
+
+ .ui-dialog & {
+ margin: rem(gesso-spacing(xs)) 0 0 0;
+
+ }
+
+ .ui-dialog-buttonset.form-actions & {
+ max-width: 10rem;
+ }
+
+ .user-login-form .form-actions & {
+ @include button();
+ }
+
+ .tabledrag-toggle-weight-wrapper & {
+ font-size: gesso-font-size(-2);
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
+
+ &:hover,
+ &:focus {
+ background: none;
+ font-size: gesso-font-size(-2);
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
+ }
}
}
- .media-library-content &,
- .paragraphs-actions &,
- .paragraph-type-top &,
- .paragraphs-dropbutton-wrapper &{
- font-size: rem(gesso-font-size(-2));
- font-weight:200;
- height:inherit;
- //letter-spacing:inherit;
- max-width:12rem;
- padding:rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
- width:100%;
+
+ // Reset the button in media dialog
+ .media-library-widget__toggle-weight {
+ font-size: gesso-font-size(-2) !important;
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
+
&:hover,
&:focus {
- padding:rem(gesso-spacing(xs)) rem(gesso-spacing(sm));
+ background: none;
+ font-size: gesso-font-size(-2);
+ font-weight: 200;
+ max-width: 10rem;
+ padding: 0;
+ text-align: inherit;
+ width: inherit;
}
}
- .ui-dialog &{
- margin: rem(gesso-spacing(xs)) 0 0 0;
+ // 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;
}
- .ui-dialog-buttonset.form-actions &{
- max-width: 10rem;
+
+ // overlay labels
+ .uw-admin-label {
+ background-color: gesso-grayscale('gray-5') !important;
+ color: #fff;
+ font-family: gesso-font-family(system);
+ font-size: gesso-font-size(-2);
+ left: -1px;
+ padding: 0.2rem 1rem;
+ position: absolute;
+ top: -1.5rem !important;;
}
- .user-login-form .form-actions &{
- @include button();
+
+ // Give padding for the admin labels.
+ .layout-builder__region {
+ padding: rem(gesso-spacing(xxs));
}
- .tabledrag-toggle-weight-wrapper &{
- font-size:gesso-font-size(-2);
- font-weight:200;
- max-width:10rem;
- padding:0;
- text-align:inherit;
- width:inherit;
- &:hover,
- &:focus{
- background:none;
- font-size:gesso-font-size(-2);
- font-weight:200;
- max-width:10rem;
- padding:0;
- text-align:inherit;
- width:inherit;
+
+ .contextual .trigger {
+ color: #f03;
+ width: inherit;
+
+ &:focus {
+ color: #25ffcc;
+ width: inherit;
}
}
-}
-// Reset the button in media dialog
-.media-library-widget__toggle-weight{
- font-size:gesso-font-size(-2) !important;
- font-weight:200;
- max-width:10rem;
- padding:0;
- text-align:inherit;
- width:inherit;
- &:hover,
- &:focus{
- background:none;
- font-size:gesso-font-size(-2);
- font-weight:200;
- max-width:10rem;
- padding:0;
- text-align:inherit;
- 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: gesso-grayscale('gray-5') !important;
- color: #fff;
- font-family:gesso-font-family(system);
- font-size:gesso-font-size(-2);
- left: -1px;
- padding: 0.2rem 1rem;
- position: absolute;
- top: -1.5rem !important;;
-}
-// Give padding for the admin labels.
-.layout-builder__region{
- padding:rem(gesso-spacing(xxs));
-}
-.contextual .trigger{
- color:#f03;
- width:inherit;
-
- &:focus{
- color: #25ffcc;
- width:inherit;
- }
-}
-// Color for button in dialog
-.paragraphs-dropdown-action.button {
- color: gesso-grayscale('gray-6');
+ // Color for button in dialog
+ .paragraphs-dropdown-action.button {
+ color: gesso-grayscale('gray-6');
+ }
}
\ No newline at end of file
--
GitLab