diff options
Diffstat (limited to 'srcs/wordpress/wp-content/themes/twentynineteen/sass')
40 files changed, 0 insertions, 4638 deletions
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/_normalize.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/_normalize.scss deleted file mode 100644 index c5ad67a..0000000 --- a/srcs/wordpress/wp-content/themes/twentynineteen/sass/_normalize.scss +++ /dev/null @@ -1,341 +0,0 @@ -/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss deleted file mode 100644 index 0a5920f..0000000 --- a/srcs/wordpress/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss +++ /dev/null @@ -1,1028 +0,0 @@ -/* !Block styles */ - - -// Default block margin and alignment rules. -// These are replicated inside of the Group block -// so that child blocks in there appear the same way. -.entry .entry-content > *, -.entry .entry-summary > *, -.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, -.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * { - margin: 32px 0; - max-width: 100%; - - @include postContentMaxWidth(); - - @include media(tablet) { - margin: 32px 0; - } - - &.alignwide { - margin-left: auto; - margin-right: auto; - clear: both; - - @include media(tablet) { - width: 100%; - max-width: 100%; - } - } - - &.alignfull { - position: relative; - left: -#{$size__spacing-unit }; - width: calc( 100% + (2 * #{$size__spacing-unit})); - max-width: calc( 100% + (2 * #{$size__spacing-unit})); - clear: both; - - @include media(tablet) { - margin-top: calc(2 * #{$size__spacing-unit}); - margin-bottom: calc(2 * #{$size__spacing-unit}); - left: calc( -12.5% - 75px ); - width: calc( 125% + 150px ); - max-width: calc( 125% + 150px ); - } - } - - &.alignleft { - /*rtl:ignore*/ - float: left; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-left: 0; - /*rtl:ignore*/ - margin-right: $size__spacing-unit; - - @include media(tablet) { - max-width: calc(4 * (100vw / 12)); - /*rtl:ignore*/ - margin-right: calc(2 * #{$size__spacing-unit}); - } - } - - &.alignright { - /*rtl:ignore*/ - float: right; - max-width: calc(5 * (100vw / 12)); - margin-top: 0; - margin-right: 0; - /*rtl:ignore*/ - margin-left: $size__spacing-unit; - - @include media(tablet) { - max-width: calc(4 * (100vw / 12)); - margin-right: 0; - /*rtl:ignore*/ - margin-left: calc(2 * #{$size__spacing-unit}); - } - } - &.aligncenter { - margin-left: auto; - margin-right: auto; - - @include postContentMaxWidth(); - - @include media(tablet) { - margin-left: 0; - margin-right: 0; - } - } -} - -.entry .entry-content > *, -.entry .entry-summary > * { - - > *:first-child { - margin-top: 0; - } - - > *:last-child { - margin-bottom: 0; - } -} - -/* - * Unset nested content selector styles - * - Prevents layout styles from cascading too deeply - * - helps with plugin compatibility - */ -.entry .entry-content, -.entry .entry-summary { - - .entry-content, - .entry-summary, - .entry { - margin: inherit; - max-width: inherit; - padding: inherit; - - @include media(tablet) { - margin: inherit; - max-width: inherit; - padding: inherit; - } - } -} - -.entry .entry-content { - - //! Paragraphs - p.has-background { - padding: 20px 30px; - } - - //! Audio - .wp-block-audio { - - width: 100%; - - audio { - width: 100%; - } - - &.alignleft audio, - &.alignright audio { - - max-width: (0.33 * $mobile_width); - - @include media(tablet) { - max-width: (0.5 * $tablet_width); - } - - @include media(wide) { - max-width: (0.33 * $desktop_width); - } - } - } - - //! Video - .wp-block-video { - - video { - width: 100%; - } - } - - //! Button - .wp-block-button { - - .wp-block-button__link { - @include button-transition; - border: none; - font-size: $font__size-sm; - @include font-family( $font__heading ); - line-height: $font__line-height-heading; - box-sizing: border-box; - font-weight: bold; - text-decoration: none; - padding: ($size__spacing-unit * .76) $size__spacing-unit; - outline: none; - outline: none; - - &:not(.has-background) { - background-color: $color__background-button; - } - - &:not(.has-text-color) { - color: white; - } - - &:hover { - color: white; - background: $color__background-button-hover; - cursor: pointer; - } - - &:focus { - color: white; - background: $color__background-button-hover; - outline: thin dotted; - outline-offset: -4px; - } - } - - &:not(.is-style-squared) .wp-block-button__link { - border-radius: 5px; - } - - &.is-style-outline .wp-block-button__link, - &.is-style-outline .wp-block-button__link:focus, - &.is-style-outline .wp-block-button__link:active { - @include button-all-transition; - border-width: 2px; - border-style: solid; - - &:not(.has-background) { - background: transparent; - } - - &:not(.has-text-color) { - color: $color__background-button; - border-color: currentColor; - } - } - - &.is-style-outline .wp-block-button__link:hover { - color: white; - border-color: $color__background-button-hover; - &:not(.has-background) { - color: $color__background-button-hover; - } - } - } - - //! Latest posts, categories, archives - .wp-block-archives, - .wp-block-categories, - .wp-block-latest-posts { - padding: 0; - list-style: none; - - li > a { - @include font-family( $font__heading ); - font-size: calc(#{$font__size_base} * #{$font__size-ratio}); - font-weight: bold; - line-height: $font__line-height-heading; - text-decoration: none; - } - } - - .wp-block-archives, - .wp-block-categories { - - &.aligncenter { - text-align: center; - } - } - - //! Latest categories - .wp-block-categories { - - ul { - padding-top: ( .75 * $size__spacing-unit ); - } - - li ul { - list-style: none; - padding-left: 0; - } - - @include nestedSubMenuPadding(); - } - - //! Latest posts - .wp-block-latest-posts { - - .wp-block-latest-posts__post-date { - @include font-family( $font__heading ); - font-size: $font__size-xs; - color: $color__text-light; - line-height: 1.2; - } - - .wp-block-latest-posts__post-full-content, - .wp-block-latest-posts__post-excerpt { - margin-top: $size__spacing-unit; - margin-bottom: $size__spacing-unit; - } - - li { - padding-bottom: ( .5 * $size__spacing-unit ); - - &.menu-item-has-children, - &:last-child { - padding-bottom: 0; - } - - :not(:last-child) .wp-block-latest-posts__post-excerpt { - padding-bottom: ( .5 * $size__spacing-unit ); - } - } - - &.is-grid li { - border-top: 2px solid $color__border; - padding-top: (1 * $size__spacing-unit); - margin-bottom: (2 * $size__spacing-unit); - a { - &:after { - content: ''; - } - } - &:last-child { - margin-bottom: auto; - a:after { - content: ''; - } - } - } - } - - //! Latest preformatted text - .wp-block-preformatted { - font-size: $font__size-xs; - line-height: 1.8; - padding: $size__spacing-unit; - } - - //! Verse - .wp-block-verse { - @include font-family( $font__body ); - font-size: $font__size_base; - line-height: 1.8; - } - - //! Paragraphs - .has-drop-cap { - &:not(:focus):first-letter { - @include font-family( $font__heading ); - font-size: $font__size-xxxl; - line-height: 1; - font-weight: bold; - margin: 0 0.25em 0 0; - } - } - - //! Pullquote - .wp-block-pullquote { - border-color: transparent; - border-width: 2px; - padding: $size__spacing-unit; - - blockquote { - color: $color__text-main; - border: none; - margin-top: calc(4 * #{ $size__spacing-unit}); - margin-bottom: calc(4.33 * #{ $size__spacing-unit}); - margin-right: 0; - padding-left: 0; - } - - p { - font-size: $font__size-lg; - font-style: italic; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; - - em { - font-style: normal; - } - - @include media(tablet) { - font-size: $font__size-xl; - } - } - - cite { - display: inline-block; - @include font-family( $font__heading ); - line-height: 1.6; - text-transform: none; - color: $color__text-light; - - /* - * This requires a rem-based font size calculation instead of our normal em-based one, - * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. - */ - font-size: calc(1rem / (1.25 * #{$font__size-ratio})); - } - - &.alignleft, - &.alignright { - width: 100%; - padding: 0; - - blockquote { - margin: $size__spacing-unit 0; - padding: 0; - text-align: left; - max-width: 100%; - - p:first-child { - margin-top: 0; - } - } - } - - &.is-style-solid-color { - background-color: $color__link; - padding-left: 0; - padding-right: 0; - - @include media(tablet) { - padding-left: 10%; - padding-right: 10%; - } - - p { - font-size: $font__size-lg; - line-height: 1.3; - margin-bottom: 0.5em; - margin-top: 0.5em; - - @include media(tablet) { - font-size: $font__size-xl; - } - } - - a { - color: $color__background-body; - } - - cite { - color: inherit; - } - - blockquote { - max-width: 100%; - color: $color__background-body; - padding-left: 0; - margin-left: $size__spacing-unit; - margin-right: $size__spacing-unit; - - &.has-text-color p, - &.has-text-color a, - &.has-primary-color, - &.has-secondary-color, - &.has-dark-gray-color, - &.has-light-gray-color, - &.has-white-color { - color: inherit; - } - - @include media(tablet) { - margin-left: 0; - margin-right: 0; - } - } - - &.alignright, - &.alignleft { - - @include media(tablet) { - padding: $size__spacing-unit calc(2 * #{$size__spacing-unit}); - } - } - - &.alignfull { - - @include media(tablet) { - padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit})); - padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit})); - } - } - } - } - - //! Blockquote - .wp-block-quote { - - &:not(.is-large), - &:not(.is-style-large) { - border-width: 2px; - border-color: $color__link; - padding-top: 0; - padding-bottom: 0; - } - - p { - font-size: 1em; - font-style: normal; - line-height: 1.8; - } - - cite { - /* - * This requires a rem-based font size calculation instead of our normal em-based one, - * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. - */ - font-size: calc(1rem / (1.25 * #{$font__size-ratio})); - } - - &.is-large, - &.is-style-large { - margin: $size__spacing-unit 0; - padding: 0; - border-left: none; - - p { - font-size: $font__size-lg; - line-height: 1.4; - font-style: italic; - } - - cite, - footer { - /* - * This requires a rem-based font size calculation instead of our normal em-based one, - * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs. - */ - font-size: calc(1rem / (1.25 * #{$font__size-ratio})); - } - - @include media(tablet) { - margin: $size__spacing-unit 0; - padding: $size__spacing-unit 0; - - p { - font-size: $font__size-lg; - } - } - } - } - - //! Image - .wp-block-image { - max-width: 100%; - - img { - display: block; - } - - // If an image does not have a left/center/right alignment, - // it's a direct child of .wp-block-img. If it has no other - // alignment added, we want to make sure the image does not - // extend beyond the width of the text column. - &:not(.alignwide):not(.alignfull) > img { - @include postContentMaxWidth(); - } - - .aligncenter { - - @include postContentMaxWidth(); - - @include media(tablet) { - margin: 0; - width: $size__site-tablet-content; - - img { - margin: 0 auto; - } - } - - @include media(desktop) { - width: $size__site-desktop-content; - - img { - margin: 0 auto; - } - } - } - - &.alignfull img { - width: 100vw; - max-width: calc( 100% + (2 * #{$size__spacing-unit})); - - @include media(tablet) { - |