0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Skatepark: trac ticket fixes (#5551)

Browse source 
* removed links from social icons

* namespace function

* fix outline color

* social links
This commit is contained in:
Maggie 2022-02-22 09:56:09 +01:00 • committed by GitHub
parent 32a6e67b23
commit 3a8f7ecf4e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 59 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
skatepark/assets/theme.css
View file

@ -87,6 +87,11 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
outline-offset: 0.1em;
text-decoration: none;
}
.wp-block-navigation .wp-block-search__button:active, .wp-block-navigation .wp-block-search__button:focus,
.wp-block-navigation a:not(.ab-item):not(.screen-reader-shortcut):active,
.wp-block-navigation a:not(.ab-item):not(.screen-reader-shortcut):focus {
outline-color: currentcolor;
}
.archive .wp-block-post-date,
.blog .wp-block-post-date,
@ -159,7 +164,8 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
color: var(--wp--custom--color--background);
}
.wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]) {
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]) {
background-color: var(--wp--custom--color--background);
color: var(--wp--custom--color--foreground);
border-style: var(--wp--custom--button--border--style);

4
skatepark/block-template-parts/header.html
View file

@ -16,8 +16,8 @@
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} -->
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","className":"is-style-logos-only","style":{"spacing":{"blockGap":"1.2em"}}} -->
<ul class="wp-block-social-links has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"free.local","service":"twitter"} /-->
<!-- wp:social-link {"url":"free.local","service":"facebook"} /-->
<!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
</ul>
<!-- /wp:social-links -->
<!-- /wp:navigation --></div>

8
skatepark/functions.php
View file

@ -11,14 +11,14 @@
/**
* Add class to body if post/page has a featured image.
*/
function add_featured_image_class( $classes ) {
function skatepark_add_featured_image_class( $classes ) {
global $post;
if ( isset ( $post->ID ) && get_the_post_thumbnail( $post->ID ) ) {
if ( isset( $post->ID ) && get_the_post_thumbnail( $post->ID ) ) {
$classes[] = 'has-featured-image';
}
return $classes;
}
add_filter( 'body_class', 'add_featured_image_class' );
add_filter( 'body_class', 'skatepark_add_featured_image_class' );
if ( ! function_exists( 'skatepark_support' ) ) :
@ -187,7 +187,7 @@ if ( ! function_exists( 'skatepark_preload_webfonts' ) ) :
/**
* Preloads the main web font to improve performance.
*
* Only the main web font (font-weight: 400,700, font-style: normal) is preloaded here since that font is always relevant.
* Only the main web font (font-weight: 400,700, font-style: normal) is preloaded here since that font is always relevant.
* The other fonts are only needed if the user changed style or weight of the fonts,
* and therefore preloading it would in most cases regress performance when that font would otherwise not be loaded
* at all.

6
skatepark/inc/patterns/three-columns.php
View file

@ -16,11 +16,11 @@ return array(
<!-- wp:site-tagline {"fontSize":"small"} /-->
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"http://twitter.com","service":"twitter"} /-->
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
<!-- wp:social-link {"url":"http://facebook.com","service":"facebook"} /-->
<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
<!-- wp:social-link {"url":"http://instagram.com","service":"instagram"} /--></ul>
<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column -->

60
skatepark/sass/theme.scss
View file

@ -6,8 +6,10 @@
/* Post title when featured image is present */
h1.wp-block-post-title {
body:not(.has-featured-image) &{
border-bottom: var(--wp--custom--form--border--width)
body:not(.has-featured-image) & {
border-bottom:
var(--wp--custom--form--border--width)
var(--wp--custom--form--border--style) var(--wp--preset--color--primary);
padding-bottom: calc(var(--wp--custom--gap--vertical) * 3);
}
@ -15,12 +17,16 @@ h1.wp-block-post-title {
/* Separator width */
.wp-block-separator {
/* https://github.com/WordPress/gutenberg/pull/38428 */
opacity: 1;
&.is-style-wide {
/* We can remove after https://github.com/WordPress/gutenberg/pull/38635 gets deployed */
border-width: 0 0 3px 0;
}
&.has-background {
height: 3px;
}
@ -33,11 +39,13 @@ h1.wp-block-post-title {
}
a {
@include text-decoration;
}
.wp-block-post-content p a:not(.wp-block-post-excerpt__more-link) {
text-decoration-line: underline;
&:hover {
text-decoration: none;
background-color: var(--wp--custom--color--primary);
@ -50,6 +58,7 @@ a {
.wp-block-post-comments .comment-edit-link,
.post-meta a {
text-decoration-line: underline;
&:hover {
text-decoration-line: none;
}
@ -63,14 +72,16 @@ h4 a,
h5 a,
h6 a,
.wp-block-site-title a,
.wp-block-post-title a{
.wp-block-post-title a {
text-underline-offset: 0.1ex;
}
.wp-block-site-title a,
.wp-block-post-title a,
.wp-block-query-pagination a,
.wp-block-navigation a {
text-decoration-line: none;
&:hover {
text-decoration-line: underline;
}
@ -79,26 +90,40 @@ h6 a,
// Select the focus states of all non-wpadmin and screen reader links
.wp-block-search__button,
a:not(.ab-item):not(.screen-reader-shortcut) {
&:active,
&:focus {
outline: 1px dotted var(--wp--custom--color--primary);
outline-offset: 0.1em;
text-decoration: none;
}
.wp-block-navigation & {
&:active,
&:focus {
outline-color: currentcolor;
}
}
}
.archive,
.blog,
.home {
.wp-block-post-date {
text-decoration: underline;
@include text-decoration;
}
}
.wp-block-query-pagination{
.wp-block-query-pagination {
.wp-block-query-pagination-numbers {
.current {
@include text-decoration;
}
}
@ -118,7 +143,7 @@ a:not(.ab-item):not(.screen-reader-shortcut) {
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-style: var(--wp--custom--button--border--style);
border-width: var(--wp--custom--button--border--width);
border-color: var(--wp--custom--color--foreground);
border-color: var(--wp--custom--color--foreground);
}
.wp-block-search__input {
@ -134,18 +159,18 @@ a:not(.ab-item):not(.screen-reader-shortcut) {
color: var(--wp--custom--color--background);
font-size: var(--wp--preset--font-size--normal);
font-weight: var(--wp--custom--button--typography--font-weight);
padding: calc(.667em + 2px) calc(1.333em + 2px);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
line-height: var(--wp--custom--button--typography--line-height);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
border-width: 0;
padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width) );
padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width) );
padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width) );
padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width) );
padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
}
/*
* Button hover styles.
* Necessary until the following issue is resolved in Gutenberg:
@ -155,7 +180,7 @@ a:not(.ab-item):not(.screen-reader-shortcut) {
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
opacity: 0.90;
opacity: 0.9;
}
/* Comments */
@ -164,12 +189,13 @@ a:not(.ab-item):not(.screen-reader-shortcut) {
color: var(--wp--custom--color--background);
}
.wp-block-post-comments textarea, .wp-block-post-comments input:not([type="submit"]) {
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type="submit"]) {
background-color: var(--wp--custom--color--background);
color: var(--wp--custom--color--foreground);
border-style: var(--wp--custom--button--border--style);
border-width: var(--wp--custom--button--border--width);
border-color: var(--wp--custom--color--foreground);
border-color: var(--wp--custom--color--foreground);
}
/*
@ -190,8 +216,8 @@ body > .is-root-container,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align='full'] > .wp-block-group,
.is-root-container .wp-block[data-align='full'] > .wp-block-cover {
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
padding-left: var(--wp--custom--spacing--outer);
padding-right: var(--wp--custom--spacing--outer);
}
@ -204,7 +230,7 @@ body > .is-root-container,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align='full'] {
.is-root-container .wp-block[data-align="full"] {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
max-width: unset;