3290 lines
137 KiB
CSS
3290 lines
137 KiB
CSS
/**
|
|
* Admin bar stylesheet.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/*
|
|
* Configuration Options
|
|
*/
|
|
/**
|
|
* Variables.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/**
|
|
* MUI 3 Variables.
|
|
*
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/*
|
|
* Colors
|
|
* Names from http://chir.ag/projects/name-that-color/
|
|
*/
|
|
/* stylelint-disable */
|
|
/* stylelint-enable */
|
|
/*
|
|
* Custom z-Index values
|
|
*
|
|
* Important values within the WordPress dashboard are as follows:
|
|
* - Top admin bar and its child menus, at z-index 99999
|
|
* - Left most main/side admin menu wrapper, at z-index 9990
|
|
* - The left most main/side admin menu sub menus on hover, at z-index 9999
|
|
*
|
|
* It is important to note that WordPress generally employs a 10 step jump
|
|
* in values when moving between z-index layers and this should be adhered
|
|
* to where possible.
|
|
*/
|
|
/**
|
|
* Mixins.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/*
|
|
* Top-level Cascade Items
|
|
*/
|
|
/**
|
|
* Base styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
:root {
|
|
--reach-combobox: 1;
|
|
}
|
|
|
|
/* .googlesitekit-plugin will always wrap all
|
|
* of our content, so the properties below will act as defaults.
|
|
*/
|
|
.googlesitekit-plugin {
|
|
color: #161b18;
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.43;
|
|
}
|
|
.googlesitekit-plugin *,
|
|
.googlesitekit-plugin *::before,
|
|
.googlesitekit-plugin *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
.googlesitekit-plugin svg {
|
|
/* stylelint-disable-next-line sh-waqar/declaration-use-variable */
|
|
color: inherit;
|
|
}
|
|
.googlesitekit-plugin svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
.googlesitekit-plugin h1,
|
|
.googlesitekit-plugin h2,
|
|
.googlesitekit-plugin h3,
|
|
.googlesitekit-plugin h4,
|
|
.googlesitekit-plugin h5,
|
|
.googlesitekit-plugin h6 {
|
|
color: #161b18;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
line-height: 1.16;
|
|
}
|
|
.googlesitekit-plugin h1,
|
|
.googlesitekit-plugin .googlesitekit-heading-1 {
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
}
|
|
.googlesitekit-plugin h2,
|
|
.googlesitekit-plugin .googlesitekit-heading-2 {
|
|
font-size: 28px;
|
|
font-weight: 400;
|
|
line-height: 1.286;
|
|
}
|
|
.googlesitekit-plugin h3,
|
|
.googlesitekit-plugin .googlesitekit-heading-3 {
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
line-height: 1.27;
|
|
}
|
|
.googlesitekit-plugin h4,
|
|
.googlesitekit-plugin .googlesitekit-heading-4 {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.33;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-subheading-1 {
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.14;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-subheading-2 {
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
letter-spacing: 0.2px;
|
|
line-height: 1.33;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-nodata {
|
|
display: none;
|
|
}
|
|
.googlesitekit-plugin legend,
|
|
.googlesitekit-plugin p:not([class*=mdc-]) {
|
|
font-size: 14px;
|
|
letter-spacing: 0.25px;
|
|
}
|
|
.googlesitekit-plugin a {
|
|
color: #108080;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin a:hover {
|
|
color: #108080;
|
|
-webkit-text-decoration: underline;
|
|
text-decoration: underline;
|
|
}
|
|
.googlesitekit-plugin a:focus {
|
|
box-shadow: none;
|
|
outline: 1px dotted #000;
|
|
outline-offset: 3px;
|
|
}
|
|
.googlesitekit-plugin button {
|
|
background: none;
|
|
border: none;
|
|
border-radius: 100px;
|
|
color: #108080;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin button:hover {
|
|
-webkit-text-decoration: underline;
|
|
text-decoration: underline;
|
|
}
|
|
.googlesitekit-plugin button:focus {
|
|
outline: 1px dotted #000;
|
|
outline-offset: 6px;
|
|
}
|
|
.googlesitekit-plugin legend {
|
|
line-height: 1.5;
|
|
margin: 1em 0;
|
|
}
|
|
.googlesitekit-plugin .screen-reader-only {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
}
|
|
@media (max-width: 599px) {
|
|
.googlesitekit-plugin .hidden-on-mobile {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.googlesitekit-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button {
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 0.875rem;
|
|
line-height: 2.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.0892857143em;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
padding: 0 8px 0 8px;
|
|
display: inline-flex;
|
|
position: relative;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
min-width: 64px;
|
|
height: 36px;
|
|
border: none;
|
|
outline: none;
|
|
/* @alternate */
|
|
line-height: inherit;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
-webkit-appearance: none;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
border-radius: 4px;
|
|
}
|
|
.mdc-button::-moz-focus-inner, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.mdc-button:active, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:active {
|
|
outline: none;
|
|
}
|
|
.mdc-button:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:hover {
|
|
cursor: pointer;
|
|
}
|
|
.mdc-button:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:disabled {
|
|
background-color: transparent;
|
|
color: rgba(0, 0, 0, 0.37);
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
.mdc-button.mdc-button--dense, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--dense.mdc-button {
|
|
border-radius: 4px;
|
|
}
|
|
.mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) {
|
|
background-color: transparent;
|
|
}
|
|
.mdc-button .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon {
|
|
/* @noflip */
|
|
margin-left: 0;
|
|
/* @noflip */
|
|
margin-right: 8px;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
vertical-align: top;
|
|
}
|
|
[dir=rtl] .mdc-button .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon[dir=rtl] {
|
|
/* @noflip */
|
|
margin-left: 8px;
|
|
/* @noflip */
|
|
margin-right: 0;
|
|
}
|
|
.mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) {
|
|
color: #3c7251;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-primary, #3c7251);
|
|
}
|
|
|
|
.mdc-button__label + .mdc-button__icon {
|
|
/* @noflip */
|
|
margin-left: 8px;
|
|
/* @noflip */
|
|
margin-right: 0;
|
|
}
|
|
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
|
|
/* @noflip */
|
|
margin-left: 0;
|
|
/* @noflip */
|
|
margin-right: 8px;
|
|
}
|
|
|
|
svg.mdc-button__icon {
|
|
fill: currentColor;
|
|
}
|
|
|
|
.mdc-button--raised .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon,
|
|
.mdc-button--unelevated .mdc-button__icon,
|
|
.mdc-button--outlined .mdc-button__icon {
|
|
/* @noflip */
|
|
margin-left: -4px;
|
|
/* @noflip */
|
|
margin-right: 8px;
|
|
}
|
|
[dir=rtl] .mdc-button--raised .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon[dir=rtl],
|
|
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
|
|
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
|
|
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
|
|
.mdc-button--outlined .mdc-button__icon[dir=rtl] {
|
|
/* @noflip */
|
|
margin-left: 8px;
|
|
/* @noflip */
|
|
margin-right: -4px;
|
|
}
|
|
.mdc-button--raised .mdc-button__label + .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon,
|
|
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
|
|
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
|
|
/* @noflip */
|
|
margin-left: 8px;
|
|
/* @noflip */
|
|
margin-right: -4px;
|
|
}
|
|
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
|
|
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
|
|
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
|
|
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
|
|
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
|
|
/* @noflip */
|
|
margin-left: -4px;
|
|
/* @noflip */
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised,
|
|
.mdc-button--unelevated {
|
|
padding: 0 16px 0 16px;
|
|
}
|
|
.mdc-button--raised:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:disabled,
|
|
.mdc-button--unelevated:disabled {
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
color: rgba(0, 0, 0, 0.37);
|
|
}
|
|
.mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled),
|
|
.mdc-button--unelevated:not(:disabled) {
|
|
background-color: #3c7251;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled),
|
|
.mdc-button--unelevated:not(:disabled) {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-primary, #3c7251);
|
|
}
|
|
}
|
|
.mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled),
|
|
.mdc-button--unelevated:not(:disabled) {
|
|
color: #fff;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-on-primary, #fff);
|
|
}
|
|
|
|
.mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised {
|
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.mdc-button--raised:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover, .mdc-button--raised:focus, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:focus {
|
|
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.mdc-button--raised:active, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:active {
|
|
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
|
}
|
|
.mdc-button--raised:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:disabled {
|
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.mdc-button--outlined {
|
|
border-style: solid;
|
|
padding: 0 15px 0 15px;
|
|
border-width: 1px;
|
|
}
|
|
.mdc-button--outlined:disabled {
|
|
border-color: rgba(0, 0, 0, 0.37);
|
|
}
|
|
.mdc-button--outlined:not(:disabled) {
|
|
border-color: #3c7251;
|
|
/* @alternate */
|
|
border-color: var(--mdc-theme-primary, #3c7251);
|
|
}
|
|
|
|
.mdc-button--dense {
|
|
height: 32px;
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
@keyframes mdc-ripple-fg-radius-in {
|
|
from {
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
|
}
|
|
to {
|
|
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
|
}
|
|
}
|
|
@keyframes mdc-ripple-fg-opacity-in {
|
|
from {
|
|
animation-timing-function: linear;
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: var(--mdc-ripple-fg-opacity, 0);
|
|
}
|
|
}
|
|
@keyframes mdc-ripple-fg-opacity-out {
|
|
from {
|
|
animation-timing-function: linear;
|
|
opacity: var(--mdc-ripple-fg-opacity, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.mdc-ripple-surface--test-edge-var-bug {
|
|
--mdc-ripple-surface-test-edge-var: 1px solid #000;
|
|
visibility: hidden;
|
|
}
|
|
.mdc-ripple-surface--test-edge-var-bug::before {
|
|
border: var(--mdc-ripple-surface-test-edge-var);
|
|
}
|
|
|
|
.mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button {
|
|
--mdc-ripple-fg-size: 0;
|
|
--mdc-ripple-left: 0;
|
|
--mdc-ripple-top: 0;
|
|
--mdc-ripple-fg-scale: 1;
|
|
--mdc-ripple-fg-translate-end: 0;
|
|
--mdc-ripple-fg-translate-start: 0;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
content: "";
|
|
}
|
|
.mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before {
|
|
transition: opacity 15ms linear, background-color 15ms linear;
|
|
z-index: 1;
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::before {
|
|
transform: scale(var(--mdc-ripple-fg-scale, 1));
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::after {
|
|
top: 0;
|
|
/* @noflip */
|
|
left: 0;
|
|
transform: scale(0);
|
|
transform-origin: center center;
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded--unbounded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--unbounded.mdc-button::after {
|
|
top: var(--mdc-ripple-top, 0);
|
|
/* @noflip */
|
|
left: var(--mdc-ripple-left, 0);
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded--foreground-activation::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--foreground-activation.mdc-button::after {
|
|
animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--foreground-deactivation.mdc-button::after {
|
|
animation: mdc-ripple-fg-opacity-out 150ms;
|
|
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
|
}
|
|
.mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after {
|
|
top: calc(50% - 100%);
|
|
/* @noflip */
|
|
left: calc(50% - 100%);
|
|
width: 200%;
|
|
height: 200%;
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::after {
|
|
width: var(--mdc-ripple-fg-size, 100%);
|
|
height: var(--mdc-ripple-fg-size, 100%);
|
|
}
|
|
.mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after {
|
|
background-color: #3c7251;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-primary, #3c7251);
|
|
}
|
|
}
|
|
.mdc-button:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.mdc-button:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.mdc-button:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.mdc-button:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.mdc-button.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
|
|
.mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after,
|
|
.mdc-button--unelevated::before,
|
|
.mdc-button--unelevated::after {
|
|
background-color: #fff;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after,
|
|
.mdc-button--unelevated::before,
|
|
.mdc-button--unelevated::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-on-primary, #fff);
|
|
}
|
|
}
|
|
.mdc-button--raised:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover::before,
|
|
.mdc-button--unelevated:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button--raised::before,
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
|
|
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded)::after,
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.mdc-button--raised.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button--raised,
|
|
.mdc-button--unelevated.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
|
|
:root {
|
|
--mdc-layout-grid-margin-desktop: 24px;
|
|
--mdc-layout-grid-gutter-desktop: 24px;
|
|
--mdc-layout-grid-column-width-desktop: 72px;
|
|
--mdc-layout-grid-margin-tablet: 16px;
|
|
--mdc-layout-grid-gutter-tablet: 16px;
|
|
--mdc-layout-grid-column-width-tablet: 72px;
|
|
--mdc-layout-grid-margin-phone: 16px;
|
|
--mdc-layout-grid-gutter-phone: 16px;
|
|
--mdc-layout-grid-column-width-phone: 72px;
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid {
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
padding: 24px;
|
|
padding: var(--mdc-layout-grid-margin-desktop, 24px);
|
|
}
|
|
}
|
|
@media (min-width: 601px) and (max-width: 960px) {
|
|
.mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid {
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
padding: 16px;
|
|
padding: var(--mdc-layout-grid-margin-tablet, 16px);
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid {
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
padding: 16px;
|
|
padding: var(--mdc-layout-grid-margin-phone, 16px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
align-items: stretch;
|
|
margin: -12px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: grid;
|
|
margin: 0;
|
|
grid-gap: 24px;
|
|
grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
|
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
}
|
|
}
|
|
}
|
|
@media (min-width: 601px) and (max-width: 960px) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
align-items: stretch;
|
|
margin: -8px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: grid;
|
|
margin: 0;
|
|
grid-gap: 16px;
|
|
grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
|
|
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
}
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
align-items: stretch;
|
|
margin: -8px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner {
|
|
display: grid;
|
|
margin: 0;
|
|
grid-gap: 16px;
|
|
grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: calc(33.3333333333% - 24px);
|
|
width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
box-sizing: border-box;
|
|
margin: 12px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
margin: 0;
|
|
}
|
|
}
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-desktop {
|
|
width: calc(8.3333333333% - 24px);
|
|
width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-desktop {
|
|
width: auto;
|
|
grid-column-end: span 1;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-desktop {
|
|
width: calc(16.6666666667% - 24px);
|
|
width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-desktop {
|
|
width: auto;
|
|
grid-column-end: span 2;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3-desktop {
|
|
width: calc(25% - 24px);
|
|
width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3-desktop {
|
|
width: auto;
|
|
grid-column-end: span 3;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-desktop {
|
|
width: calc(33.3333333333% - 24px);
|
|
width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-desktop {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-desktop {
|
|
width: calc(41.6666666667% - 24px);
|
|
width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-desktop {
|
|
width: auto;
|
|
grid-column-end: span 5;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-6-desktop {
|
|
width: calc(50% - 24px);
|
|
width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-6-desktop {
|
|
width: auto;
|
|
grid-column-end: span 6;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7-desktop {
|
|
width: calc(58.3333333333% - 24px);
|
|
width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-desktop,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7-desktop {
|
|
width: auto;
|
|
grid-column-end: span 7;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-desktop {
|
|
width: calc(66.6666666667% - 24px);
|
|
width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-desktop {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-desktop {
|
|
width: calc(75% - 24px);
|
|
width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-desktop {
|
|
width: auto;
|
|
grid-column-end: span 9;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-desktop {
|
|
width: calc(83.3333333333% - 24px);
|
|
width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-desktop {
|
|
width: auto;
|
|
grid-column-end: span 10;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-desktop {
|
|
width: calc(91.6666666667% - 24px);
|
|
width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-desktop {
|
|
width: auto;
|
|
grid-column-end: span 11;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-desktop {
|
|
width: calc(100% - 24px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-desktop {
|
|
width: auto;
|
|
grid-column-end: span 12;
|
|
}
|
|
}
|
|
}
|
|
@media (min-width: 601px) and (max-width: 960px) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: calc(50% - 16px);
|
|
width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
box-sizing: border-box;
|
|
margin: 8px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
margin: 0;
|
|
}
|
|
}
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-tablet {
|
|
width: calc(12.5% - 16px);
|
|
width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-tablet {
|
|
width: auto;
|
|
grid-column-end: span 1;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2-tablet {
|
|
width: calc(25% - 16px);
|
|
width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2-tablet {
|
|
width: auto;
|
|
grid-column-end: span 2;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-tablet {
|
|
width: calc(37.5% - 16px);
|
|
width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-tablet {
|
|
width: auto;
|
|
grid-column-end: span 3;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4-tablet {
|
|
width: calc(50% - 16px);
|
|
width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4-tablet {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-tablet {
|
|
width: calc(62.5% - 16px);
|
|
width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-tablet {
|
|
width: auto;
|
|
grid-column-end: span 5;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-tablet {
|
|
width: calc(75% - 16px);
|
|
width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-tablet {
|
|
width: auto;
|
|
grid-column-end: span 6;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-tablet {
|
|
width: calc(87.5% - 16px);
|
|
width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-tablet {
|
|
width: auto;
|
|
grid-column-end: span 7;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-8-tablet {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-tablet,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-8-tablet {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-tablet {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-tablet {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-tablet {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-tablet {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-tablet {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-tablet {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-tablet,
|
|
#wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-tablet,
|
|
#wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell {
|
|
width: auto;
|
|
grid-column-end: span 8;
|
|
}
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
box-sizing: border-box;
|
|
margin: 8px;
|
|
margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell {
|
|
margin: 0;
|
|
}
|
|
}
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-phone {
|
|
width: calc(25% - 16px);
|
|
width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-1,
|
|
.mdc-layout-grid__cell--span-1-phone {
|
|
width: auto;
|
|
grid-column-end: span 1;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-phone {
|
|
width: calc(50% - 16px);
|
|
width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2,
|
|
.mdc-layout-grid__cell--span-2-phone {
|
|
width: auto;
|
|
grid-column-end: span 2;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-phone {
|
|
width: calc(75% - 16px);
|
|
width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3,
|
|
.mdc-layout-grid__cell--span-3-phone {
|
|
width: auto;
|
|
grid-column-end: span 3;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4,
|
|
.mdc-layout-grid__cell--span-4-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-5,
|
|
.mdc-layout-grid__cell--span-5-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-6,
|
|
.mdc-layout-grid__cell--span-6-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7,
|
|
.mdc-layout-grid__cell--span-7-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-8,
|
|
.mdc-layout-grid__cell--span-8-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-9,
|
|
.mdc-layout-grid__cell--span-9-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-10,
|
|
.mdc-layout-grid__cell--span-10-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-11,
|
|
.mdc-layout-grid__cell--span-11-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-phone {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--span-12,
|
|
.mdc-layout-grid__cell--span-12-phone {
|
|
width: auto;
|
|
grid-column-end: span 4;
|
|
}
|
|
}
|
|
}
|
|
.mdc-layout-grid__cell--order-1 {
|
|
order: 1;
|
|
}
|
|
.mdc-layout-grid__cell--order-2 {
|
|
order: 2;
|
|
}
|
|
.mdc-layout-grid__cell--order-3 {
|
|
order: 3;
|
|
}
|
|
.mdc-layout-grid__cell--order-4 {
|
|
order: 4;
|
|
}
|
|
.mdc-layout-grid__cell--order-5 {
|
|
order: 5;
|
|
}
|
|
.mdc-layout-grid__cell--order-6 {
|
|
order: 6;
|
|
}
|
|
.mdc-layout-grid__cell--order-7 {
|
|
order: 7;
|
|
}
|
|
.mdc-layout-grid__cell--order-8 {
|
|
order: 8;
|
|
}
|
|
.mdc-layout-grid__cell--order-9 {
|
|
order: 9;
|
|
}
|
|
.mdc-layout-grid__cell--order-10 {
|
|
order: 10;
|
|
}
|
|
.mdc-layout-grid__cell--order-11 {
|
|
order: 11;
|
|
}
|
|
.mdc-layout-grid__cell--order-12 {
|
|
order: 12;
|
|
}
|
|
.mdc-layout-grid__cell--align-top {
|
|
align-self: flex-start;
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--align-top {
|
|
align-self: start;
|
|
}
|
|
}
|
|
.mdc-layout-grid__cell--align-middle {
|
|
align-self: center;
|
|
}
|
|
.mdc-layout-grid__cell--align-bottom {
|
|
align-self: flex-end;
|
|
}
|
|
@supports (display: grid) {
|
|
.mdc-layout-grid__cell--align-bottom {
|
|
align-self: end;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mdc-layout-grid--fixed-column-width {
|
|
width: 1176px;
|
|
width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 );
|
|
}
|
|
}
|
|
@media (min-width: 601px) and (max-width: 960px) {
|
|
.mdc-layout-grid--fixed-column-width {
|
|
width: 720px;
|
|
width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 );
|
|
}
|
|
}
|
|
@media (max-width: 600px) {
|
|
.mdc-layout-grid--fixed-column-width {
|
|
width: 368px;
|
|
width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 );
|
|
}
|
|
}
|
|
|
|
.mdc-layout-grid--align-left {
|
|
margin-right: auto;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mdc-layout-grid--align-right {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
@keyframes primary-indeterminate-translate {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
20% {
|
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
transform: translateX(0);
|
|
}
|
|
59.15% {
|
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
transform: translateX(83.67142%);
|
|
}
|
|
100% {
|
|
transform: translateX(200.611057%);
|
|
}
|
|
}
|
|
@keyframes primary-indeterminate-scale {
|
|
0% {
|
|
transform: scaleX(0.08);
|
|
}
|
|
36.65% {
|
|
animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
|
|
transform: scaleX(0.08);
|
|
}
|
|
69.15% {
|
|
animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
|
|
transform: scaleX(0.661479);
|
|
}
|
|
100% {
|
|
transform: scaleX(0.08);
|
|
}
|
|
}
|
|
@keyframes secondary-indeterminate-translate {
|
|
0% {
|
|
animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
|
|
transform: translateX(0);
|
|
}
|
|
25% {
|
|
animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
|
|
transform: translateX(37.651913%);
|
|
}
|
|
48.35% {
|
|
animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
|
|
transform: translateX(84.386165%);
|
|
}
|
|
100% {
|
|
transform: translateX(160.277782%);
|
|
}
|
|
}
|
|
@keyframes secondary-indeterminate-scale {
|
|
0% {
|
|
animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
|
|
transform: scaleX(0.08);
|
|
}
|
|
19.15% {
|
|
animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
|
|
transform: scaleX(0.457104);
|
|
}
|
|
44.15% {
|
|
animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
|
|
transform: scaleX(0.72796);
|
|
}
|
|
100% {
|
|
transform: scaleX(0.08);
|
|
}
|
|
}
|
|
@keyframes buffering {
|
|
to {
|
|
transform: translateX(-10px);
|
|
}
|
|
}
|
|
@keyframes primary-indeterminate-translate-reverse {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
20% {
|
|
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
|
|
transform: translateX(0);
|
|
}
|
|
59.15% {
|
|
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
|
|
transform: translateX(-83.67142%);
|
|
}
|
|
100% {
|
|
transform: translateX(-200.611057%);
|
|
}
|
|
}
|
|
@keyframes secondary-indeterminate-translate-reverse {
|
|
0% {
|
|
animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
|
|
transform: translateX(0);
|
|
}
|
|
25% {
|
|
animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
|
|
transform: translateX(-37.651913%);
|
|
}
|
|
48.35% {
|
|
animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
|
|
transform: translateX(-84.386165%);
|
|
}
|
|
100% {
|
|
transform: translateX(-160.277782%);
|
|
}
|
|
}
|
|
@keyframes buffering-reverse {
|
|
to {
|
|
transform: translateX(10px);
|
|
}
|
|
}
|
|
.mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 4px;
|
|
transform: translateZ(0);
|
|
transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
overflow: hidden;
|
|
}
|
|
.mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation: none;
|
|
transform-origin: top left;
|
|
transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
}
|
|
.mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner {
|
|
display: inline-block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation: none;
|
|
}
|
|
.mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation: buffering 250ms infinite linear;
|
|
background-repeat: repeat-x;
|
|
background-size: 10px 4px;
|
|
}
|
|
.mdc-linear-progress__buffer, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
transform-origin: top left;
|
|
transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
}
|
|
.mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar {
|
|
transform: scaleX(0);
|
|
}
|
|
.mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar {
|
|
visibility: hidden;
|
|
}
|
|
.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
|
|
transition: none;
|
|
}
|
|
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
|
|
left: -145.166611%;
|
|
animation: primary-indeterminate-translate 2s infinite linear;
|
|
}
|
|
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
|
|
animation: primary-indeterminate-scale 2s infinite linear;
|
|
}
|
|
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
|
|
left: -54.888891%;
|
|
animation: secondary-indeterminate-translate 2s infinite linear;
|
|
visibility: visible;
|
|
}
|
|
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
|
|
animation: secondary-indeterminate-scale 2s infinite linear;
|
|
}
|
|
.mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__bar,
|
|
.mdc-linear-progress--reversed .mdc-linear-progress__buffer,
|
|
.mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer,
|
|
#wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
|
|
right: 0;
|
|
transform-origin: center right;
|
|
}
|
|
.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
|
|
animation-name: primary-indeterminate-translate-reverse;
|
|
}
|
|
.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
|
|
animation-name: secondary-indeterminate-translate-reverse;
|
|
}
|
|
.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
|
|
animation: buffering-reverse 250ms infinite linear;
|
|
}
|
|
.mdc-linear-progress--closed {
|
|
opacity: 0;
|
|
}
|
|
|
|
.mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner {
|
|
background-color: #3c7251;
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-primary, #3c7251);
|
|
}
|
|
|
|
.mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots {
|
|
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.mdc-linear-progress__buffer, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer {
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar, .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
|
|
right: -145.166611%;
|
|
left: auto;
|
|
}
|
|
.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar, .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
|
|
right: -54.888891%;
|
|
left: auto;
|
|
}
|
|
|
|
.googlesitekit-plugin .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button {
|
|
box-shadow: none;
|
|
text-transform: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) {
|
|
color: #3c7251;
|
|
}
|
|
@media (max-width: 960px) {
|
|
.googlesitekit-plugin .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button {
|
|
min-width: auto;
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button .mdc-button__icon--image, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon--image {
|
|
border-radius: 50%;
|
|
display: block;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.googlesitekit-plugin .mdc-button .mdc-button__trailing-icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__trailing-icon {
|
|
margin-left: 8px;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised {
|
|
border-radius: 100px;
|
|
box-shadow: none;
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 400;
|
|
height: auto;
|
|
letter-spacing: normal;
|
|
min-height: 40px;
|
|
padding-bottom: 8px;
|
|
padding-top: 8px;
|
|
text-align: center;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled) {
|
|
background-color: #3c7251;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled) {
|
|
color: white;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after {
|
|
background-color: white;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button--raised::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button--raised {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised.mdc-button--dense, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--dense.mdc-button--raised {
|
|
border-radius: 100px;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--raised:focus, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:focus {
|
|
outline: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:not(:disabled) {
|
|
background-color: #ac4220;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:not(:disabled) {
|
|
color: white;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after {
|
|
background-color: white;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.6.6L12%202%206%208%200%202%201.4.6%206%205.2z%22%20fill%3D%22%23757575%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
|
|
background-position: calc(100% - 8px) center;
|
|
background-repeat: no-repeat;
|
|
background-size: 9px 6px;
|
|
letter-spacing: normal;
|
|
padding-right: 12px;
|
|
text-transform: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:not(:disabled) {
|
|
color: #161b18;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
|
padding-right: 25px;
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover, .googlesitekit-plugin .mdc-button--dropdown:active, .googlesitekit-plugin .mdc-button--dropdown:focus {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) {
|
|
background-color: #ebeef0;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:hover::before, .googlesitekit-plugin .mdc-button--dropdown:active:hover::before, .googlesitekit-plugin .mdc-button--dropdown:focus:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
@media (max-width: 599px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
|
background-image: none;
|
|
}
|
|
}
|
|
@media (max-width: 599px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
}
|
|
}
|
|
@media (min-width: 600px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
|
max-width: 220px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
|
max-width: 450px;
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:not(:disabled) {
|
|
background-color: #161b18;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:not(:disabled) {
|
|
color: white;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after {
|
|
background-color: white;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary {
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 500;
|
|
height: auto;
|
|
letter-spacing: normal;
|
|
min-height: 40px;
|
|
padding: 8px 16px;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:not(:disabled) {
|
|
color: #6c726e;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
|
background-color: rgba(22, 27, 24, 0.08);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
|
color: white;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after {
|
|
background-color: white;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
|
color: #161b18;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active, .googlesitekit-plugin .mdc-button--tertiary:focus {
|
|
outline: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
|
background-color: rgba(22, 27, 24, 0.26);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
|
color: white;
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after {
|
|
background-color: white;
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:hover::before, .googlesitekit-plugin .mdc-button--tertiary:focus:hover::before {
|
|
opacity: 0.08;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.24;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
|
color: #161b18;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout {
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 500;
|
|
height: auto;
|
|
letter-spacing: normal;
|
|
min-height: 32px;
|
|
padding: 6px 16px;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:not(:disabled) {
|
|
color: #265c3b;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
|
background-color: rgba(147, 201, 168, 0.6);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
|
color: #265c3b;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus {
|
|
outline: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
|
background-color: #93c9a8;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
|
color: #265c3b;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:disabled {
|
|
color: rgba(38, 92, 59, 0.4);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:not(:disabled) {
|
|
color: #4e3300;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
|
background-color: rgba(225, 177, 85, 0.6);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
|
color: #4e3300;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus {
|
|
outline: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
|
background-color: #e1b155;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
|
color: #4e3300;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:disabled {
|
|
color: rgba(78, 51, 0, 0.4);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:not(:disabled) {
|
|
color: #7a1e00;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover {
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
|
background-color: rgba(255, 194, 174, 0.6);
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
|
color: #7a1e00;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus {
|
|
outline: none;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
|
background-color: #ffc2ae;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
/* @alternate */
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after {
|
|
background-color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
@supports not (-ms-ime-align: auto) {
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after {
|
|
/* @alternate */
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:hover::before {
|
|
opacity: 0.04;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded--background-focused::before {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded)::after {
|
|
transition: opacity 150ms linear;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):active::after {
|
|
transition-duration: 75ms;
|
|
opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded {
|
|
--mdc-ripple-fg-opacity: 0.12;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
|
color: #7a1e00;
|
|
}
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:disabled {
|
|
color: rgba(122, 30, 0, 0.4);
|
|
}
|
|
|
|
.googlesitekit-plugin .mdc-linear-progress, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress {
|
|
margin: 32px 0;
|
|
}
|
|
.googlesitekit-plugin .mdc-linear-progress .mdc-linear-progress__bar-inner, .googlesitekit-plugin .mdc-linear-progress #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress .mdc-linear-progress__bar-inner, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress .mdc-linear-progress__bar-inner {
|
|
background-color: #3c7251;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-plugin .mdc-linear-progress, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress {
|
|
margin: 48px 0;
|
|
}
|
|
}
|
|
.googlesitekit-plugin .mdc-linear-progress--small {
|
|
max-width: 150px;
|
|
}
|
|
.googlesitekit-plugin .mdc-linear-progress--compress {
|
|
margin: 0;
|
|
}
|
|
|
|
.googlesitekit-plugin .MuiCircularProgress-colorPrimary {
|
|
color: #3c7251;
|
|
}
|
|
.googlesitekit-plugin .MuiCircularProgress-colorSecondary {
|
|
color: #108080;
|
|
}
|
|
|
|
/*
|
|
* Components
|
|
*/
|
|
/**
|
|
* Adminbar overrides styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/*
|
|
* Component overrides.
|
|
* Included here because they're specific to the "#wpadminbar *" styling.
|
|
*/
|
|
#wpadminbar .googlesitekit-adminbar * {
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
line-height: normal;
|
|
}
|
|
#wpadminbar .googlesitekit-adminbar .mdc-linear-progress {
|
|
margin: 32px 0;
|
|
}
|
|
#wpadminbar .googlesitekit-adminbar .mdc-linear-progress .mdc-linear-progress__bar-inner {
|
|
background-color: #446199;
|
|
}
|
|
@media (min-width: 960px) {
|
|
#wpadminbar .googlesitekit-adminbar .mdc-linear-progress {
|
|
margin: 48px 0;
|
|
}
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta {
|
|
box-sizing: border-box;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link {
|
|
background-color: transparent;
|
|
font-size: 16px;
|
|
height: auto;
|
|
letter-spacing: 0.5px;
|
|
width: max-content;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-error-cta-wrapper .mdc-button {
|
|
margin-bottom: 24px;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta strong {
|
|
font-weight: 600;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button__label {
|
|
font-weight: 400;
|
|
letter-spacing: 1.25px;
|
|
}
|
|
|
|
/**
|
|
* Adminbar styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
#wpadminbar.nojs .googlesitekit-noscript {
|
|
border-left: 4px solid #fece72;
|
|
display: none;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 32px;
|
|
width: 100%;
|
|
}
|
|
#wpadminbar.nojs .googlesitekit-wp-adminbar:hover .googlesitekit-noscript {
|
|
display: block;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin.ab-sub-wrapper {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar {
|
|
box-shadow: 0 1.25px 5px 0 rgba(0, 0, 0, 0.19), 0 0.33px 1.5px 0 rgba(0, 0, 0, 0.039);
|
|
background: #fff;
|
|
color: #000;
|
|
left: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 46px;
|
|
z-index: 9999;
|
|
}
|
|
@media (min-width: 783px) {
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar {
|
|
top: 32px;
|
|
}
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar.--has-error {
|
|
display: none;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__subtitle {
|
|
color: #6c726e;
|
|
font-size: 16px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__title {
|
|
color: #333935;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
margin: 5px 0 0;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__title .googlesitekit-adminbar__title--date-range {
|
|
color: #6c726e;
|
|
font-size: 14px;
|
|
letter-spacing: 0.25px;
|
|
}
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link {
|
|
display: none;
|
|
}
|
|
#wpadminbar:not(.mobile) .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link {
|
|
display: inline-block;
|
|
}
|
|
#wpadminbar:not(.mobile) .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile {
|
|
display: none;
|
|
}
|
|
@media (min-width: 960px) {
|
|
#wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
#wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile {
|
|
display: inline-block;
|
|
padding-left: 16px;
|
|
position: relative;
|
|
top: -16px;
|
|
}
|
|
@media (min-width: 960px) {
|
|
#wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile {
|
|
display: none;
|
|
}
|
|
}
|
|
#wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .mdc-layout-grid {
|
|
pointer-events: none;
|
|
}
|
|
@media (min-width: 960px) {
|
|
#wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .mdc-layout-grid {
|
|
pointer-events: auto;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* WP Adminbar styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
#wpadminbar .googlesitekit-wp-adminbar {
|
|
display: block;
|
|
position: static;
|
|
}
|
|
#wpadminbar .googlesitekit-wp-adminbar .ab-item {
|
|
display: block;
|
|
float: left;
|
|
height: 46px;
|
|
position: static;
|
|
width: 52px;
|
|
}
|
|
@media (min-width: 783px) {
|
|
#wpadminbar .googlesitekit-wp-adminbar .ab-item {
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
}
|
|
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon {
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2243%22%20height%3D%2244%22%20viewBox%3D%220%200%2043%2044%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M42.5%2018H22v8.5h11.8C32.7%2031.9%2028.1%2035%2022%2035c-7.2%200-13-5.8-13-13S14.8%209%2022%209c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C32.6%202.1%2027.6%200%2022%200%209.8%200%200%209.8%200%2022s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
display: block;
|
|
height: 26px;
|
|
margin: 10px auto;
|
|
opacity: 0.6;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 26px;
|
|
}
|
|
@media (min-width: 783px) {
|
|
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon {
|
|
float: left;
|
|
height: 15px;
|
|
margin: 8px 8px 5px 0;
|
|
width: 15px;
|
|
}
|
|
}
|
|
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label {
|
|
display: none;
|
|
}
|
|
@media (min-width: 783px) {
|
|
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label {
|
|
display: inline;
|
|
}
|
|
}
|
|
#wpadminbar .ab-top-menu > .googlesitekit-wp-adminbar.hover > .ab-item, #wpadminbar:not(.mobile) .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar:hover > .ab-item, #wpadminbar:not(.mobile) .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar > .ab-item:focus {
|
|
background-color: #fff;
|
|
color: #161b18;
|
|
position: relative;
|
|
z-index: 10000;
|
|
}
|
|
#wpadminbar .googlesitekit-wp-adminbar.hover .googlesitekit-wp-adminbar__icon, #wpadminbar:not(.mobile) .googlesitekit-wp-adminbar:hover .googlesitekit-wp-adminbar__icon, #wpadminbar:not(.mobile) .googlesitekit-wp-adminbar .ab-item:focus .googlesitekit-wp-adminbar__icon {
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0MyA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTQyLjUgMThIMjJ2OC41aDExLjhDMzIuNyAzMS45IDI4LjEgMzUgMjIgMzVjLTcuMiAwLTEzLTUuOC0xMy0xM1MxNC44IDkgMjIgOWMzLjEgMCA1LjkgMS4xIDguMSAyLjlsNi40LTYuNEMzMi42IDIuMSAyNy42IDAgMjIgMCA5LjggMCAwIDkuOCAwIDIyczkuOCAyMiAyMiAyMmMxMSAwIDIxLTggMjEtMjIgMC0xLjMtLjItMi43LS41LTR6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9IiNGQkJDMDUiIG1hc2s9InVybCgjYikiIGQ9Ik0tMiAzNVY5bDE3IDEzeiIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIG1hc2s9InVybCgjYikiIGQ9Ik0tMiAzNWwzMC0yMyA3LjkgMUw0Ni0ydjQ4SC0yeiIvPjxwYXRoIGZpbGw9IiM0Mjg1RjQiIG1hc2s9InVybCgjYikiIGQ9Ik00NiA0NkwxNSAyMmwtNC0zTDQ2IDl6Ii8+PHBhdGggZmlsbD0iI0VBNDMzNSIgbWFzaz0idXJsKCNiKSIgZD0iTS0yIDlsMTcgMTMgNy02LjFMNDYgMTJWLTJILTJ6Ii8+PC9nPjwvc3ZnPg==");
|
|
opacity: 1;
|
|
}
|
|
|
|
/**
|
|
* Analytics CTA styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta {
|
|
--cta-analytics-gap: 16px;
|
|
--cta-analytics-gap-narrow: calc(var(--cta-analytics-gap) / 2);
|
|
background-color: #ebeef0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cta-analytics-gap);
|
|
padding: var(--cta-analytics-gap);
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta {
|
|
--cta-analytics-gap: 24px;
|
|
flex-direction: row-reverse;
|
|
}
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description {
|
|
color: #161b18;
|
|
font-size: 14px;
|
|
letter-spacing: 0.25px;
|
|
margin: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button {
|
|
margin-top: var(--cta-analytics-gap-narrow);
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button {
|
|
width: auto;
|
|
}
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button {
|
|
margin-top: var(--cta-analytics-gap);
|
|
}
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics,
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs,
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs {
|
|
display: flex;
|
|
gap: var(--cta-analytics-gap);
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph {
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
padding: var(--cta-analytics-gap-narrow);
|
|
}
|
|
#dashboard-widgets .googlesitekit-plugin .googlesitekit-analytics-cta h3.googlesitekit-analytics-cta__preview-graph--title,
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title,
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title {
|
|
color: #333935;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.2px;
|
|
margin: 0 0 auto;
|
|
padding-bottom: var(--cta-analytics-gap-narrow);
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons {
|
|
align-items: center;
|
|
color: #cbd0d3;
|
|
display: flex;
|
|
gap: 4px;
|
|
padding-top: var(--cta-analytics-gap-narrow);
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow {
|
|
height: 12px;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar {
|
|
background-color: #cbd0d3;
|
|
border-radius: 5px;
|
|
height: 8px;
|
|
width: 24px;
|
|
}
|
|
@media (min-width: 1440px) {
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs,
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details,
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Change Arrow styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-plugin .googlesitekit-change-arrow {
|
|
--color-up: #46732b;
|
|
--color-down: #ac4220;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--inverted-color {
|
|
--color-up: #ac4220;
|
|
--color-down: #46732b;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--up {
|
|
color: var(--color-up);
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--down {
|
|
color: var(--color-up);
|
|
transform: rotate(180deg);
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--down path {
|
|
fill: var(--color-down);
|
|
}
|
|
|
|
/**
|
|
* CTA styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/* stylelint-disable no-descending-specificity */
|
|
.googlesitekit-plugin .googlesitekit-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
|
background-color: #ebeef0;
|
|
border-radius: 16px;
|
|
font-size: 14px;
|
|
grid-column: span 3;
|
|
grid-row: span 3;
|
|
height: 100%;
|
|
letter-spacing: 0.25px;
|
|
line-height: 1.43;
|
|
padding: 16px;
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-plugin .googlesitekit-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
|
padding: 24px;
|
|
}
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta--error, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error,
|
|
.googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta--error {
|
|
background-color: #fff;
|
|
}
|
|
.googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-adminbar-modules #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta,
|
|
.googlesitekit-adminbar-modules #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
|
padding: 16px;
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta,
|
|
.googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
|
background-color: #ebeef0;
|
|
box-sizing: border-box;
|
|
height: auto;
|
|
margin-top: 12px;
|
|
padding: 12px;
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta,
|
|
.googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
|
margin-top: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__title,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title {
|
|
color: #161b18;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin: 0 0 5px;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-adminbar .googlesitekit-cta__title,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title {
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__description,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description {
|
|
color: #161b18;
|
|
margin: 0 0 20px;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__description p:first-child, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__description p:first-child,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error {
|
|
background-color: #ffded3;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta a,
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title,
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .googlesitekit-cta__title,
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .googlesitekit-cta__title,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title {
|
|
color: #7a1e00;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .googlesitekit-cta__description,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description {
|
|
color: #7a1e00;
|
|
word-break: break-word;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .mdc-button:not(:disabled),
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled) {
|
|
background-color: #ac4220;
|
|
color: #fff;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-cta *:last-child, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta *:last-child,
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.googlesitekit-wp-dashboard .googlesitekit-cta--error, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-cta--error {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
/**
|
|
* CTA link styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
padding: 0;
|
|
text-align: left;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-cta-link svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link svg {
|
|
fill: currentColor;
|
|
}
|
|
.googlesitekit-cta-link:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link:hover svg {
|
|
fill: currentColor;
|
|
}
|
|
.googlesitekit-page .googlesitekit-cta-link, .googlesitekit-page #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-page .googlesitekit-cta-link {
|
|
color: #108080;
|
|
}
|
|
.googlesitekit-page .googlesitekit-cta-link:hover, .googlesitekit-page #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-page .googlesitekit-cta-link:hover {
|
|
color: #108080;
|
|
-webkit-text-decoration: underline;
|
|
text-decoration: underline;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link {
|
|
color: #108080;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link svg {
|
|
fill: currentColor;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link:hover {
|
|
color: #108080;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link:hover svg {
|
|
fill: currentColor;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--caps, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--caps.googlesitekit-cta-link {
|
|
text-transform: uppercase;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--danger, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--danger.googlesitekit-cta-link {
|
|
color: #ac4220;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--small, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--small.googlesitekit-cta-link {
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--standalone, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--standalone.googlesitekit-cta-link {
|
|
display: flex;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--inverse, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--inverse.googlesitekit-cta-link {
|
|
color: #fff;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--inverse:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--inverse.googlesitekit-cta-link:hover {
|
|
color: #fff;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--disabled.googlesitekit-cta-link {
|
|
color: #b8bdb9;
|
|
cursor: default;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--danger:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--danger.googlesitekit-cta-link:hover {
|
|
color: #ac4220;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--disabled:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--disabled.googlesitekit-cta-link:hover {
|
|
color: #b8bdb9;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
}
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--no-flex, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--no-flex.googlesitekit-cta-link {
|
|
display: inline;
|
|
}
|
|
|
|
/**
|
|
* CTA button styles for buttons with link styling.
|
|
*
|
|
* These are specific overrides for buttons that have the
|
|
* `.googlesitekit-cta-link` class, and thus are placed after other
|
|
* button styles.
|
|
*
|
|
* Because of this we override the `no-descending-specificity` Stylelint
|
|
* rule which wants these styles higher up in the file, which would be
|
|
* confusing (and possibly not override existing styles properly).
|
|
*/
|
|
/* stylelint-disable no-descending-specificity */
|
|
button.googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link {
|
|
color: #3c7251;
|
|
}
|
|
button.googlesitekit-cta-link svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link svg {
|
|
fill: currentColor;
|
|
}
|
|
button.googlesitekit-cta-link:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link:hover {
|
|
color: #2e5f41;
|
|
}
|
|
button.googlesitekit-cta-link:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link:hover svg {
|
|
fill: currentColor;
|
|
}
|
|
button.googlesitekit-cta-link--link-button {
|
|
padding: 2px 10px;
|
|
}
|
|
button.googlesitekit-cta-link--link-button:focus {
|
|
background-color: rgba(60, 114, 81, 0.08);
|
|
outline: none;
|
|
}
|
|
button.googlesitekit-cta-link--link-button.googlesitekit-cta-link--secondary:focus {
|
|
background-color: rgba(16, 128, 128, 0.08);
|
|
}
|
|
|
|
/* stylelint-enable no-descending-specificity */
|
|
/**
|
|
* Data block styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block {
|
|
--color-up: #46732b;
|
|
--color-down: #ac4220;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
.post-php .googlesitekit-data-block, .post-php #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .post-php .googlesitekit-data-block {
|
|
min-width: 150px;
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block {
|
|
padding-top: 12px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title {
|
|
align-items: flex-start;
|
|
color: #6c726e;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
justify-content: flex-start;
|
|
line-height: 1.14;
|
|
margin: 0 0 12px;
|
|
row-gap: 8px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title .googlesitekit-new-badge {
|
|
margin-left: 0;
|
|
}
|
|
.googlesitekit-data-block.googlesitekit-data-block--button .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block--button.googlesitekit-data-block .googlesitekit-data-block__title, .googlesitekit-data-block.googlesitekit-data-block--button #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title {
|
|
align-items: center;
|
|
}
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
#dashboard-widgets .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__title {
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__title-inner, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title-inner {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-flow: column;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__datapoint {
|
|
color: #161b18;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 46px;
|
|
font-weight: 500;
|
|
line-height: 1.13;
|
|
margin: 0;
|
|
}
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint {
|
|
display: inline-block;
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 38px;
|
|
line-height: 1.158;
|
|
margin-right: 5px;
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-wp-dashboard .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__datapoint {
|
|
font-size: 32px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__change {
|
|
color: #6c726e;
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
line-height: 1;
|
|
margin-top: 16px;
|
|
text-transform: none;
|
|
}
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
letter-spacing: 0.5px;
|
|
margin-top: 0;
|
|
}
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-wp-dashboard .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__change {
|
|
margin-top: 10px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__change--no-change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change--no-change {
|
|
visibility: hidden;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__sparkline {
|
|
margin-top: 8px;
|
|
max-width: 150px;
|
|
}
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline {
|
|
display: none;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__arrow, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__arrow, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__arrow {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
margin-right: 2px;
|
|
vertical-align: baseline;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__arrow--reverse, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__arrow--reverse {
|
|
transform: rotate(180deg);
|
|
}
|
|
#wpadminbar .googlesitekit-data-block .googlesitekit-data-block__arrow .svg {
|
|
height: 9px;
|
|
width: 9px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix {
|
|
margin-left: 4px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__value, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__value,
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix,
|
|
#wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix {
|
|
color: #6c726e;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
letter-spacing: 0.2px;
|
|
line-height: 1.33;
|
|
text-transform: none;
|
|
}
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value,
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix,
|
|
#wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__value--up, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value--up,
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix--up,
|
|
#wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix--up {
|
|
color: var(--color-up);
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__value--down, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value--down,
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix--down,
|
|
#wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix--down {
|
|
color: var(--color-down);
|
|
}
|
|
.googlesitekit-data-block .googlesitekit-data-block__source, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__source {
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
margin-top: 8px;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-data-block .googlesitekit-data-block__source, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__source {
|
|
margin-top: 12px;
|
|
}
|
|
}
|
|
|
|
/* stylelint-disable no-descending-specificity */
|
|
.googlesitekit-data-block--button .googlesitekit-data-block__sparkline, .googlesitekit-data-block--button #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block--button .googlesitekit-data-block__sparkline {
|
|
margin: 8px auto 0 auto;
|
|
}
|
|
|
|
/* stylelint-enable */
|
|
.googlesitekit-data-block--button {
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: flex-end;
|
|
padding-bottom: 16px;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
transition: background-color 0.2s ease-in-out;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-data-block--button {
|
|
padding-bottom: 24px;
|
|
padding-top: 28px;
|
|
}
|
|
}
|
|
|
|
.googlesitekit-data-block--button::before {
|
|
content: "";
|
|
height: 4px;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
.googlesitekit-data-block--selected::before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):active {
|
|
background-color: rgba(99, 128, 184, 0.1);
|
|
}
|
|
|
|
.googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data::before {
|
|
background-color: #999f9b;
|
|
}
|
|
.googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-1::before {
|
|
background-color: #6380b8;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):active {
|
|
background-color: rgba(75, 187, 187, 0.1);
|
|
}
|
|
|
|
.googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data::before {
|
|
background-color: #999f9b;
|
|
}
|
|
.googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-2::before {
|
|
background-color: #4bbbbb;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):active {
|
|
background-color: rgba(92, 146, 113, 0.1);
|
|
}
|
|
|
|
.googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data::before {
|
|
background-color: #999f9b;
|
|
}
|
|
.googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-3::before {
|
|
background-color: #5c9271;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):active {
|
|
background-color: rgba(110, 72, 171, 0.1);
|
|
}
|
|
|
|
.googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data::before {
|
|
background-color: #999f9b;
|
|
}
|
|
.googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.googlesitekit-data-block--button-4::before {
|
|
background-color: #6e48ab;
|
|
}
|
|
|
|
.googlesitekit-plugin .googlesitekit-data-block__loading {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-data-block--is-gathering-data {
|
|
cursor: auto;
|
|
}
|
|
|
|
/**
|
|
* Error text styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-error-text {
|
|
color: #ac4220;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.googlesitekit-error-retry-text {
|
|
color: #ac4220;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.googlesitekit-report-error-actions {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1rem;
|
|
}
|
|
|
|
/**
|
|
* GatheringDataNotice styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice {
|
|
text-transform: lowercase;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span {
|
|
color: #6c726e;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 1.286;
|
|
padding: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span {
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
line-height: 1.33;
|
|
padding: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default {
|
|
position: relative;
|
|
text-align: inherit;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default span {
|
|
color: #6c726e;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 1.286;
|
|
padding: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay span {
|
|
color: #6c726e;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 1.286;
|
|
padding: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span {
|
|
color: #6c726e;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 1.286;
|
|
padding: 0;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span {
|
|
font-size: 18px;
|
|
line-height: 1.33;
|
|
max-width: 80px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-large span {
|
|
color: #6c726e;
|
|
display: block;
|
|
font-size: 28px;
|
|
line-height: 1.286;
|
|
padding: 0;
|
|
}
|
|
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-gathering-data-notice span {
|
|
color: #999f9b;
|
|
font-size: 12px;
|
|
letter-spacing: 0.2px;
|
|
line-height: 1.33;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
/**
|
|
* IconWrapper styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-plugin .googlesitekit-icon-wrapper {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
|
|
/**
|
|
* Preview block styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-preview-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.googlesitekit-preview-block--padding {
|
|
padding: 16px;
|
|
}
|
|
.googlesitekit-preview-block--padding + .googlesitekit-preview-block--padding {
|
|
padding-top: 0;
|
|
}
|
|
@media (min-width: 960px) {
|
|
.googlesitekit-preview-block--padding {
|
|
padding: 24px;
|
|
}
|
|
}
|
|
|
|
.googlesitekit-preview-block__wrapper {
|
|
animation: googlesitekit-pulse 1s infinite ease-in-out;
|
|
animation-direction: alternate;
|
|
flex: 1 1 auto;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.googlesitekit-preview-block__wrapper {
|
|
animation: none;
|
|
background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
|
|
}
|
|
}
|
|
|
|
.googlesitekit-preview-block__wrapper--circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
@keyframes googlesitekit-pulse {
|
|
0% {
|
|
background-color: #ebeef0;
|
|
}
|
|
100% {
|
|
background-color: #cbd0d3;
|
|
}
|
|
}
|
|
/**
|
|
* Noscript notification styles.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-noscript {
|
|
background-color: #fff;
|
|
margin: 5px 20px 5px 0;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.googlesitekit-noscript {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
|
|
.googlesitekit-noscript__title {
|
|
margin: 0;
|
|
}
|
|
|
|
.no-js:not([amp-version]) [id^=js-googlesitekit-] {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* Font Weight utilities.
|
|
*
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
.googlesitekit-plugin .googlesitekit-font-weight-medium {
|
|
font-weight: 500;
|
|
}
|
|
.googlesitekit-plugin .googlesitekit-font-weight-bold {
|
|
font-weight: 700 !important;
|
|
}
|