Project-Pro/sklep.elitex.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jacek Pyziak
2023-11-23 22:14:40 +01:00
commit 6c5e83d1b2
2779 changed files with 640726 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.css Normal file
View File

@@ -0,0 +1,51 @@
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
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;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
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;
}
@media (prefers-reduced-motion) {
* {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
}
/*# sourceMappingURL=a11y.css.map */

9
wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.css.map Normal file
View File

@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,mBAAmB,CAAC;EACnB,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,wBAAwB;EAC9B,iBAAiB,EAAE,UAAU;EAC7B,SAAS,EAAE,UAAU;EACrB,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;EAChB,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,mBAAmB;EAC7B,KAAK,EAAE,GAAG;EACV,SAAS,EAAE,iBAAiB;EAC5B,UAAU,EAAE,MAAM;CAClB;;AAED,AAAA,UAAU,AAAA,MAAM,CAAC;EAChB,gBAAgB,EAAE,OAAO;EACzB,aAAa,EAAE,GAAG;EAClB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,kBAAkB;EAC1C,IAAI,EAAE,eAAe;EACrB,iBAAiB,EAAE,IAAI;EACvB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAAO;EACd,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,GAAG;EACT,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,cAAc;EACvB,eAAe,EAAE,IAAI;EACrB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,MAAM;CACf;;AAED,sDAAsD;AACtD,AAAA,QAAQ,CAAA,AAAA,QAAC,CAAS,IAAI,AAAb,CAAc,MAAM,CAAC;EAC7B,OAAO,EAAE,CAAC;CACV;;AAED,MAAM,EAAE,sBAAsB;EAE7B,AAAA,CAAC,CAAC;IACD,gBAAgB,EAAE,aAAa;IAC/B,mBAAmB,EAAE,aAAa;GAClC",
"sources": [
"a11y.scss"
],
"names": [],
"file": "a11y.css"
}

48
wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss Normal file
View File

@@ -0,0 +1,48 @@
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
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: auto !important;
-webkit-clip-path: none;
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;
}
@media (prefers-reduced-motion) {
* {
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}

258
wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.css Normal file
View File

@@ -0,0 +1,258 @@
.has-black-color[class] {
color: var(--global--color-black);
}
.has-black-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-black, #000000);
color: var(--local--color-primary);
}
.has-gray-color[class] {
color: var(--global--color-gray);
}
.has-gray-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-gray, #000000);
color: var(--local--color-primary);
}
.has-dark-gray-color[class] {
color: var(--global--color-dark-gray);
}
.has-dark-gray-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-dark-gray, #000000);
color: var(--local--color-primary);
}
.has-green-color[class] {
color: var(--global--color-green);
}
.has-green-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-green, #FFFFFF);
color: var(--local--color-primary);
}
.has-blue-color[class] {
color: var(--global--color-blue);
}
.has-blue-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-blue, #FFFFFF);
color: var(--local--color-primary);
}
.has-purple-color[class] {
color: var(--global--color-purple);
}
.has-purple-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-purple, #FFFFFF);
color: var(--local--color-primary);
}
.has-red-color[class] {
color: var(--global--color-red);
}
.has-red-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-red, #FFFFFF);
color: var(--local--color-primary);
}
.has-orange-color[class] {
color: var(--global--color-orange);
}
.has-orange-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-orange, #FFFFFF);
color: var(--local--color-primary);
}
.has-yellow-color[class] {
color: var(--global--color-yellow);
}
.has-yellow-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-yellow, #FFFFFF);
color: var(--local--color-primary);
}
.has-white-color[class] {
color: var(--global--color-white);
}
.has-white-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-white, #FFFFFF);
color: var(--local--color-primary);
}
.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
color: currentColor;
}
.has-black-background-color[class] {
background-color: var(--global--color-black);
}
.has-black-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-black, #000000);
background-color: var(--local--color-background);
}
.has-dark-gray-background-color[class] {
background-color: var(--global--color-dark-gray);
}
.has-dark-gray-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-dark-gray, #000000);
background-color: var(--local--color-background);
}
.has-gray-background-color[class] {
background-color: var(--global--color-gray);
}
.has-gray-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-gray, #000000);
background-color: var(--local--color-background);
}
.has-light-gray-background-color[class] {
background-color: var(--global--color-light-gray);
}
.has-light-gray-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-light-gray, #FFFFFF);
background-color: var(--local--color-background);
}
.has-green-background-color[class] {
background-color: var(--global--color-green);
}
.has-green-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-green, #FFFFFF);
background-color: var(--local--color-background);
}
.has-blue-background-color[class] {
background-color: var(--global--color-blue);
}
.has-blue-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-blue, #FFFFFF);
background-color: var(--local--color-background);
}
.has-purple-background-color[class] {
background-color: var(--global--color-purple);
}
.has-purple-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-purple, #FFFFFF);
background-color: var(--local--color-background);
}
.has-red-background-color[class] {
background-color: var(--global--color-red);
}
.has-red-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-red, #FFFFFF);
background-color: var(--local--color-background);
}
.has-orange-background-color[class] {
background-color: var(--global--color-orange);
}
.has-orange-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-orange, #FFFFFF);
background-color: var(--local--color-background);
}
.has-yellow-background-color[class] {
background-color: var(--global--color-yellow);
}
.has-yellow-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-yellow, #FFFFFF);
background-color: var(--local--color-background);
}
.has-white-background-color[class] {
background-color: var(--global--color-white);
}
.has-white-background-color[class] > [class*="__inner-container"] {
--local--color-background: var(--global--color-white, #FFFFFF);
background-color: var(--local--color-background);
}
.has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
color: var(--global--color-white);
}
.has-background:not(.has-text-color).has-black-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-background, #FFFFFF);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-primary, #000000);
}
.has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class] {
color: var(--global--color-dark-gray);
}
.has-background:not(.has-text-color).has-green-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-red-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*="__inner-container"], .has-background:not(.has-text-color).has-white-background-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-primary, #000000);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*="__inner-container"], .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*="__inner-container"] {
--local--color-primary: var(--global--color-background, #FFFFFF);
}
.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));
}
/*# sourceMappingURL=color-palette.css.map */

9
wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.css.map Normal file
View File

File diff suppressed because one or more lines are too long

277
wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss Normal file
View File

@@ -0,0 +1,277 @@
// 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));
}

53
wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss Normal file
View File

@@ -0,0 +1,53 @@
.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;
}
}

20
wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.css Normal file
View File

@@ -0,0 +1,20 @@
header *,
main *,
footer * {
max-width: var(--global--spacing-measure);
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
max-width: none;
}
/*# sourceMappingURL=measure.css.map */

9
wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.css.map Normal file
View File

@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAGA,AAAA,MAAM,CAAC,CAAC;AACR,IAAI,CAAC,CAAC;AACN,MAAM,CAAC,CAAC,CAAC;EACR,SAAS,EAAE,8BAA8B;CACzC;;AAED,AAAA,IAAI;AACJ,IAAI;AACJ,GAAG;AACH,MAAM;AACN,GAAG;AACH,OAAO;AACP,MAAM;AACN,EAAE;AACF,IAAI;AACJ,OAAO;AACP,MAAM,CAAC;EACN,SAAS,EAAE,IAAI;CACf",
"sources": [
"measure.scss"
],
"names": [],
"file": "measure.css"
}

22
wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss Normal file
View File

@@ -0,0 +1,22 @@
// 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;
}

154
wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.css Normal file
View File

@@ -0,0 +1,154 @@
/*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Margins & paddings
# Typography
# Page breaks
# Links
# Visibility
--------------------------------------------------------------*/
@media print {
/* Margins & paddings */
@page {
margin: 2cm;
}
.entry .entry-header,
.entry,
.single .site-main > article > .entry-footer {
margin-top: 0;
margin-bottom: 0;
}
.site-footer .site-info {
margin: 0;
}
.site-header {
padding: 0;
}
/* Fonts */
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
line-height: 1.3;
background: #fff !important;
color: #000;
}
.has-background-dark * {
color: #000 !important;
}
h1,
.entry-title,
.singular .entry-title,
.page-title {
font-size: 22pt;
font-weight: bold;
}
h2,
h3,
h4,
.has-regular-font-size,
.has-large-font-size,
h2.author-title,
p.author-bio,
.comments-title,
.archive-description {
font-size: 14pt;
margin-top: 25px;
}
.comment-meta,
.comment-meta .comment-author .fn {
font-size: 13pt;
}
/* Page breaks */
a {
page-break-inside: avoid;
}
blockquote {
page-break-inside: avoid;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
page-break-inside: avoid;
}
img {
page-break-inside: avoid;
page-break-after: avoid;
}
table,
pre,
figure {
page-break-inside: avoid;
}
ul,
ol,
dl {
page-break-before: avoid;
}
/* Links */
a:link,
a:visited,
a {
background: transparent;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a[href^="http"]:after {
content: " < " attr(href) "> ";
}
a:after > img {
content: "";
}
article a[href^="#"]:after {
content: "";
}
a:not(:local-link):after {
content: " < " attr(href) "> ";
}
.entry-title a:after {
content: "\a< " attr(href) "> ";
white-space: pre;
font-size: 14pt;
}
.cat-links a:after,
.tags-links a:after,
.byline a:after,
.comment-metadata a:after,
.wp-block-calendar a:after,
.wp-block-tag-cloud a:after,
.page-links a:after {
content: "";
}
/* Visibility */
.primary-navigation,
.site-title + .primary-navigation,
.footer-navigation,
.entry-footer,
.post-navigation,
.navigation.pagination,
.widget-area,
.edit-link,
.more-link,
.comment-reply,
.reply,
.comment .comment-metadata .edit-link,
.comment-respond,
#dark-mode-toggler {
display: none !important;
}
.entry .entry-content .wp-block-button .wp-block-button__link,
.entry .entry-content .button,
.entry .entry-content .wp-block-file__button {
color: #000;
background: none;
}
}
/*# sourceMappingURL=print.css.map */

9
wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.css.map Normal file
View File

@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "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",
"sources": [
"print.scss"
],
"names": [],
"file": "print.css"
}

184
wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss Normal file
View File

@@ -0,0 +1,184 @@
/*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Margins & paddings
# Typography
# Page breaks
# Links
# Visibility
--------------------------------------------------------------*/
@media print {
/* Margins & paddings */
@page {
margin: 2cm;
}
.entry .entry-header,
.entry,
.single .site-main > article > .entry-footer {
margin-top: 0;
margin-bottom: 0;
}
.site-footer .site-info {
margin: 0;
}
.site-header {
padding: 0;
}
/* Fonts */
body {
font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support.
font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
line-height: 1.3;
background: #fff !important;
color: #000;
}
// Override color settings that changes the text to white.
.has-background-dark * {
color: #000 !important;
}
h1,
.entry-title,
.singular .entry-title,
.page-title {
font-size: 22pt;
font-weight: bold;
}
h2,
h3,
h4,
.has-regular-font-size,
.has-large-font-size,
h2.author-title,
p.author-bio,
.comments-title,
.archive-description {
font-size: 14pt;
margin-top: 25px;
}
.comment-meta,
.comment-meta .comment-author .fn {
font-size: 13pt;
}
/* Page breaks */
a {
page-break-inside: avoid;
}
blockquote {
page-break-inside: avoid;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
page-break-inside: avoid;
}
img {
page-break-inside: avoid;
page-break-after: avoid;
}
table,
pre,
figure {
page-break-inside: avoid;
}
ul,
ol,
dl {
page-break-before: avoid;
}
/* Links */
a:link,
a:visited,
a {
background: transparent;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a[href^="http"]:after {
content: " < " attr(href) "> ";
}
a:after > img {
content: "";
}
article a[href^="#"]:after {
content: "";
}
a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown
content: " < " attr(href) "> ";
}
.entry-title a:after {
content: "\a < " attr(href) "> ";
white-space: pre;
font-size: 14pt;
}
.cat-links a:after,
.tags-links a:after,
.byline a:after,
.comment-metadata a:after,
.wp-block-calendar a:after,
.wp-block-tag-cloud a:after,
.page-links a:after {
content: "";
}
/* Visibility */
.primary-navigation,
.site-title + .primary-navigation,
.footer-navigation,
.entry-footer,
.post-navigation,
.navigation.pagination,
.widget-area,
.edit-link,
.more-link,
.comment-reply,
.reply,
.comment .comment-metadata .edit-link,
.comment-respond,
#dark-mode-toggler {
display: none !important;
}
.entry .entry-content .wp-block-button .wp-block-button__link,
.entry .entry-content .button,
.entry .entry-content .wp-block-file__button {
color: #000;
background: none;
}
}