| Current File : /home/c/i/d/cideo/www/wp-includesVIp/js/crop/images/07-utilities.tar |
color-palette.scss 0000666 00000020404 15127520041 0010214 0 ustar 00 // Gutenberg text color options
.has-black-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-black, #000000);
color: var(--local--color-primary);
}
color: var(--global--color-black);
}
.has-gray-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-gray, #000000);
color: var(--local--color-primary);
}
color: var(--global--color-gray);
}
.has-dark-gray-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-dark-gray, #000000);
color: var(--local--color-primary);
}
color: var(--global--color-dark-gray);
}
.has-green-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-green, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-green);
}
.has-blue-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-blue, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-blue);
}
.has-purple-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-purple, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-purple);
}
.has-red-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-red, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-red);
}
.has-orange-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-orange, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-orange);
}
.has-yellow-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-yellow, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-yellow);
}
.has-white-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-white, #FFFFFF);
color: var(--local--color-primary);
}
color: var(--global--color-white);
}
// Gutenberg background-color options
.has-background {
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
color: currentColor;
}
}
.has-black-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-black, #000000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-black);
}
.has-dark-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-dark-gray, #000000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-dark-gray);
}
.has-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-gray, #000000);
background-color: var(--local--color-background);
}
background-color: var(--global--color-gray);
}
.has-light-gray-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-light-gray, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-light-gray);
}
.has-green-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-green, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-green);
}
.has-blue-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-blue, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-blue);
}
.has-purple-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-purple, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-purple);
}
.has-red-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-red, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-red);
}
.has-orange-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-orange, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-orange);
}
.has-yellow-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-yellow, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-yellow);
}
.has-white-background-color[class] {
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-background: var(--global--color-white, #FFFFFF);
background-color: var(--local--color-background);
}
background-color: var(--global--color-white);
}
.has-background:not(.has-text-color) {
&.has-black-background-color[class],
&.has-gray-background-color[class],
&.has-dark-gray-background-color[class] {
color: var(--global--color-white);
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-background, #FFFFFF);
// Reverse the local foreground color in darkmode
.is-dark-theme & {
--local--color-primary: var(--global--color-primary, #000000);
}
color: var(--local--color-primary, var(--global--color-primary));
}
}
&.has-green-background-color[class],
&.has-blue-background-color[class],
&.has-purple-background-color[class],
&.has-red-background-color[class],
&.has-orange-background-color[class],
&.has-yellow-background-color[class],
&.has-white-background-color[class] {
color: var(--global--color-dark-gray);
// Localize CSS-variables to limit relationship scope
> [class*="__inner-container"] {
--local--color-primary: var(--global--color-primary, #000000);
// Reverse the local foreground color in darkmode
.is-dark-theme & {
--local--color-primary: var(--global--color-background, #FFFFFF);
}
color: var(--local--color-primary, var(--global--color-primary));
}
}
}
// Custom gradients
.has-purple-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}
.has-yellow-to-purple-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}
.has-green-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}
.has-yellow-to-green-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}
.has-red-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}
.has-yellow-to-red-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}
.has-purple-to-red-gradient-background {
background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}
.has-red-to-purple-gradient-background {
background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}
measure.scss 0000666 00000000401 15127520041 0007076 0 ustar 00 // Measure
// - The width of a line of text, in characters, is known as its measure.
header *,
main *,
footer * {
max-width: var(--global--spacing-measure);
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
max-width: none;
}
a11y.scss 0000666 00000001240 15127520041 0006212 0 ustar 00 .screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
ie.scss 0000666 00000001742 15127520041 0006043 0 ustar 00 .is-IE {
&.is-dark-theme {
color: #fff;
*,
a,
.site-description,
.entry-title,
.entry-footer,
.widget-area,
.post-navigation .meta-nav,
.footer-navigation-wrapper li a:link,
.site-footer > .site-info,
.site-footer > .site-info a,
.site-footer > .site-info a:visited {
color: #fff;
}
.sub-menu-toggle svg,
.sub-menu-toggle path,
.post-navigation .meta-nav svg,
.post-navigation .meta-nav path {
fill: #fff;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
background: #000;
}
&.primary-navigation-open {
@include media(mobile-only) {
.primary-navigation > .primary-menu-container,
.menu-button-container {
background-color: #000;
}
}
}
.skip-link:focus {
color: #21759b;
}
}
.navigation .nav-links {
display: block;
}
.post-thumbnail .wp-post-image {
min-width: auto;
}
.wp-block-group {
&:before,
&:after {
content: "";
display: block;
clear: both;
}
}
}