updated theme Twenty Nineteen version 2.2
This commit is contained in:
Gitium
parent
b69b3e9ad3
commit
6316f81725
@ -1,33 +1,33 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying 404 pages (not found)
|
* The template for displaying 404 pages (not found)
|
||||||
*
|
*
|
||||||
* @link https://codex.wordpress.org/Creating_an_Error_404_Page
|
* @link https://codex.wordpress.org/Creating_an_Error_404_Page
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<div class="error-404 not-found">
|
<div class="error-404 not-found">
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentynineteen' ); ?></h1>
|
<h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentynineteen' ); ?></h1>
|
||||||
</header><!-- .page-header -->
|
</header><!-- .page-header -->
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p>
|
<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p>
|
||||||
<?php get_search_form(); ?>
|
<?php get_search_form(); ?>
|
||||||
</div><!-- .page-content -->
|
</div><!-- .page-content -->
|
||||||
</div><!-- .error-404 -->
|
</div><!-- .error-404 -->
|
||||||
|
|
||||||
</main><!-- #main -->
|
</main><!-- #main -->
|
||||||
</div><!-- #primary -->
|
</div><!-- #primary -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,55 +1,55 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying archive pages
|
* The template for displaying archive pages
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php if ( have_posts() ) : ?>
|
<?php if ( have_posts() ) : ?>
|
||||||
|
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<?php
|
<?php
|
||||||
the_archive_title( '<h1 class="page-title">', '</h1>' );
|
the_archive_title( '<h1 class="page-title">', '</h1>' );
|
||||||
?>
|
?>
|
||||||
</header><!-- .page-header -->
|
</header><!-- .page-header -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Start the Loop.
|
// Start the Loop.
|
||||||
while ( have_posts() ) :
|
while ( have_posts() ) :
|
||||||
the_post();
|
the_post();
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Include the Post-Format-specific template for the content.
|
* Include the Post-Format-specific template for the content.
|
||||||
* If you want to override this in a child theme, then include a file
|
* If you want to override this in a child theme, then include a file
|
||||||
* called content-___.php (where ___ is the Post Format name) and that
|
* called content-___.php (where ___ is the Post Format name) and that
|
||||||
* will be used instead.
|
* will be used instead.
|
||||||
*/
|
*/
|
||||||
get_template_part( 'template-parts/content/content', 'excerpt' );
|
get_template_part( 'template-parts/content/content', 'excerpt' );
|
||||||
|
|
||||||
// End the loop.
|
// End the loop.
|
||||||
endwhile;
|
endwhile;
|
||||||
|
|
||||||
// Previous/next page navigation.
|
// Previous/next page navigation.
|
||||||
twentynineteen_the_posts_navigation();
|
twentynineteen_the_posts_navigation();
|
||||||
|
|
||||||
// If no content, include the "No posts found" template.
|
// If no content, include the "No posts found" template.
|
||||||
else :
|
else :
|
||||||
get_template_part( 'template-parts/content/content', 'none' );
|
get_template_part( 'template-parts/content/content', 'none' );
|
||||||
|
|
||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
</main><!-- #main -->
|
</main><!-- #main -->
|
||||||
</div><!-- #primary -->
|
</div><!-- #primary -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,458 +1,458 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* SVG Icons class
|
* SVG Icons class
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* This class is in charge of displaying SVG icons across the site.
|
* This class is in charge of displaying SVG icons across the site.
|
||||||
*
|
*
|
||||||
* Place each <svg> source on its own array key, without adding the
|
* Place each <svg> source on its own array key, without adding the
|
||||||
* both `width` and `height` attributes, since these are added dynamically,
|
* both `width` and `height` attributes, since these are added dynamically,
|
||||||
* before rendering the SVG code.
|
* before rendering the SVG code.
|
||||||
*
|
*
|
||||||
* All icons are assumed to have equal width and height, hence the option
|
* All icons are assumed to have equal width and height, hence the option
|
||||||
* to only specify a `$size` parameter in the svg methods.
|
* to only specify a `$size` parameter in the svg methods.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
class TwentyNineteen_SVG_Icons {
|
class TwentyNineteen_SVG_Icons {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Gets the SVG code for a given icon.
|
* Gets the SVG code for a given icon.
|
||||||
*/
|
*/
|
||||||
public static function get_svg( $group, $icon, $size ) {
|
public static function get_svg( $group, $icon, $size ) {
|
||||||
if ( 'ui' === $group ) {
|
if ( 'ui' === $group ) {
|
||||||
$arr = self::$ui_icons;
|
$arr = self::$ui_icons;
|
||||||
} elseif ( 'social' === $group ) {
|
} elseif ( 'social' === $group ) {
|
||||||
$arr = self::$social_icons;
|
$arr = self::$social_icons;
|
||||||
} else {
|
} else {
|
||||||
$arr = array();
|
$arr = array();
|
||||||
}
|
}
|
||||||
if ( array_key_exists( $icon, $arr ) ) {
|
if ( array_key_exists( $icon, $arr ) ) {
|
||||||
$repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
|
$repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
|
||||||
$svg = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
|
$svg = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
|
||||||
$svg = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
|
$svg = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
|
||||||
$svg = preg_replace( '/>\s*</', '><', $svg ); // Remove whitespace between SVG tags.
|
$svg = preg_replace( '/>\s*</', '><', $svg ); // Remove whitespace between SVG tags.
|
||||||
return $svg;
|
return $svg;
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Detects the social network from a URL and returns the SVG code for its icon.
|
* Detects the social network from a URL and returns the SVG code for its icon.
|
||||||
*/
|
*/
|
||||||
public static function get_social_link_svg( $uri, $size ) {
|
public static function get_social_link_svg( $uri, $size ) {
|
||||||
static $regex_map; // Only compute regex map once, for performance.
|
static $regex_map; // Only compute regex map once, for performance.
|
||||||
if ( ! isset( $regex_map ) ) {
|
if ( ! isset( $regex_map ) ) {
|
||||||
$regex_map = array();
|
$regex_map = array();
|
||||||
$map = &self::$social_icons_map; // Use reference instead of copy, to save memory.
|
$map = &self::$social_icons_map; // Use reference instead of copy, to save memory.
|
||||||
foreach ( array_keys( self::$social_icons ) as $icon ) {
|
foreach ( array_keys( self::$social_icons ) as $icon ) {
|
||||||
$domains = array_key_exists( $icon, $map ) ? $map[ $icon ] : array( sprintf( '%s.com', $icon ) );
|
$domains = array_key_exists( $icon, $map ) ? $map[ $icon ] : array( sprintf( '%s.com', $icon ) );
|
||||||
$domains = array_map( 'trim', $domains ); // Remove leading/trailing spaces, to prevent regex from failing to match.
|
$domains = array_map( 'trim', $domains ); // Remove leading/trailing spaces, to prevent regex from failing to match.
|
||||||
$domains = array_map( 'preg_quote', $domains );
|
$domains = array_map( 'preg_quote', $domains );
|
||||||
$regex_map[ $icon ] = sprintf( '/(%s)/i', implode( '|', $domains ) );
|
$regex_map[ $icon ] = sprintf( '/(%s)/i', implode( '|', $domains ) );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
foreach ( $regex_map as $icon => $regex ) {
|
foreach ( $regex_map as $icon => $regex ) {
|
||||||
if ( preg_match( $regex, $uri ) ) {
|
if ( preg_match( $regex, $uri ) ) {
|
||||||
return self::get_svg( 'social', $icon, $size );
|
return self::get_svg( 'social', $icon, $size );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* User Interface icons – svg sources.
|
* User Interface icons – svg sources.
|
||||||
*
|
*
|
||||||
* @var array
|
* @var array
|
||||||
*/
|
*/
|
||||||
public static $ui_icons = array(
|
public static $ui_icons = array(
|
||||||
'link' => /* material-design – link */ '
|
'link' => /* material-design – link */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
<path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
|
<path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'watch' => /* material-design – watch-later */ '
|
'watch' => /* material-design – watch-later */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<defs>
|
<defs>
|
||||||
<path id="a" d="M0 0h24v24H0V0z"></path>
|
<path id="a" d="M0 0h24v24H0V0z"></path>
|
||||||
</defs>
|
</defs>
|
||||||
<clipPath id="b">
|
<clipPath id="b">
|
||||||
<use xlink:href="#a" overflow="visible"></use>
|
<use xlink:href="#a" overflow="visible"></use>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path>
|
<path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'archive' => /* material-design – folder */ '
|
'archive' => /* material-design – folder */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path>
|
<path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'tag' => /* material-design – local_offer */ '
|
'tag' => /* material-design – local_offer */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"></path>
|
<path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'comment' => /* material-design – comment */ '
|
'comment' => /* material-design – comment */ '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path>
|
<path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'person' => /* material-design – person */ '
|
'person' => /* material-design – person */ '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
|
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'edit' => /* material-design – edit */ '
|
'edit' => /* material-design – edit */ '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>
|
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'chevron_left' => /* material-design – chevron_left */ '
|
'chevron_left' => /* material-design – chevron_left */ '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
|
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'chevron_right' => /* material-design – chevron_right */ '
|
'chevron_right' => /* material-design – chevron_right */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
|
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'check' => /* material-design – check */ '
|
'check' => /* material-design – check */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
|
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
|
'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"></path>
|
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
|
'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
|
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
|
||||||
<path fill="none" d="M0 0h24v24H0V0z"></path>
|
<path fill="none" d="M0 0h24v24H0V0z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
|
'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M10 17l5-5-5-5v10z"></path>
|
<path d="M10 17l5-5-5-5v10z"></path>
|
||||||
<path fill="none" d="M0 24V0h24v24H0z"></path>
|
<path fill="none" d="M0 24V0h24v24H0z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
|
'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
<path d="M14 7l-5 5 5 5V7z"></path>
|
<path d="M14 7l-5 5 5 5V7z"></path>
|
||||||
<path fill="none" d="M24 0v24H0V0h24z"></path>
|
<path fill="none" d="M24 0v24H0V0h24z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
|
'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
<g fill="none" fill-rule="evenodd">
|
<g fill="none" fill-rule="evenodd">
|
||||||
<path d="M0 0h24v24H0z"/>
|
<path d="M0 0h24v24H0z"/>
|
||||||
<path fill="currentColor" fill-rule="nonzero" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zM6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
|
<path fill="currentColor" fill-rule="nonzero" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zM6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Social Icons – domain mappings.
|
* Social Icons – domain mappings.
|
||||||
*
|
*
|
||||||
* By default, each Icon ID is matched against a .com TLD. To override this behavior,
|
* By default, each Icon ID is matched against a .com TLD. To override this behavior,
|
||||||
* specify all the domains it covers (including the .com TLD too, if applicable).
|
* specify all the domains it covers (including the .com TLD too, if applicable).
|
||||||
*
|
*
|
||||||
* @var array
|
* @var array
|
||||||
*/
|
*/
|
||||||
public static $social_icons_map = array(
|
public static $social_icons_map = array(
|
||||||
'amazon' => array(
|
'amazon' => array(
|
||||||
'amazon.com',
|
'amazon.com',
|
||||||
'amazon.cn',
|
'amazon.cn',
|
||||||
'amazon.in',
|
'amazon.in',
|
||||||
'amazon.fr',
|
'amazon.fr',
|
||||||
'amazon.de',
|
'amazon.de',
|
||||||
'amazon.it',
|
'amazon.it',
|
||||||
'amazon.nl',
|
'amazon.nl',
|
||||||
'amazon.es',
|
'amazon.es',
|
||||||
'amazon.co',
|
'amazon.co',
|
||||||
'amazon.ca',
|
'amazon.ca',
|
||||||
),
|
),
|
||||||
'apple' => array(
|
'apple' => array(
|
||||||
'apple.com',
|
'apple.com',
|
||||||
'itunes.com',
|
'itunes.com',
|
||||||
),
|
),
|
||||||
'behance' => array(
|
'behance' => array(
|
||||||
'behance.net',
|
'behance.net',
|
||||||
),
|
),
|
||||||
'codepen' => array(
|
'codepen' => array(
|
||||||
'codepen.io',
|
'codepen.io',
|
||||||
),
|
),
|
||||||
'facebook' => array(
|
'facebook' => array(
|
||||||
'facebook.com',
|
'facebook.com',
|
||||||
'fb.me',
|
'fb.me',
|
||||||
),
|
),
|
||||||
'feed' => array(
|
'feed' => array(
|
||||||
'feed',
|
'feed',
|
||||||
),
|
),
|
||||||
'google-plus' => array(
|
'google-plus' => array(
|
||||||
'plus.google.com',
|
'plus.google.com',
|
||||||
),
|
),
|
||||||
'lastfm' => array(
|
'lastfm' => array(
|
||||||
'last.fm',
|
'last.fm',
|
||||||
),
|
),
|
||||||
'mail' => array(
|
'mail' => array(
|
||||||
'mailto:',
|
'mailto:',
|
||||||
),
|
),
|
||||||
'slideshare' => array(
|
'slideshare' => array(
|
||||||
'slideshare.net',
|
'slideshare.net',
|
||||||
),
|
),
|
||||||
'pocket' => array(
|
'pocket' => array(
|
||||||
'getpocket.com',
|
'getpocket.com',
|
||||||
),
|
),
|
||||||
'twitch' => array(
|
'twitch' => array(
|
||||||
'twitch.tv',
|
'twitch.tv',
|
||||||
),
|
),
|
||||||
'wordpress' => array(
|
'wordpress' => array(
|
||||||
'wordpress.com',
|
'wordpress.com',
|
||||||
'wordpress.org',
|
'wordpress.org',
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Social Icons – svg sources.
|
* Social Icons – svg sources.
|
||||||
*
|
*
|
||||||
* @var array
|
* @var array
|
||||||
*/
|
*/
|
||||||
public static $social_icons = array(
|
public static $social_icons = array(
|
||||||
'500px' => '
|
'500px' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"></path>
|
<path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'amazon' => '
|
'amazon' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"></path>
|
<path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'apple' => '
|
'apple' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"></path>
|
<path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'bandcamp' => '
|
'bandcamp' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
|
<path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'behance' => '
|
'behance' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"></path>
|
<path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'chain' => '
|
'chain' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"></path>
|
<path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'codepen' => '
|
'codepen' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"></path>
|
<path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'deviantart' => '
|
'deviantart' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"></path>
|
<path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'digg' => '
|
'digg' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"></path>
|
<path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'dribbble' => '
|
'dribbble' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path>
|
<path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'dropbox' => '
|
'dropbox' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"></path>
|
<path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'etsy' => '
|
'etsy' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"></path>
|
<path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'facebook' => '
|
'facebook' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"></path>
|
<path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'feed' => '
|
'feed' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"></path>
|
<path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'flickr' => '
|
'flickr' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path>
|
<path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'foursquare' => '
|
'foursquare' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"></path>
|
<path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'goodreads' => '
|
'goodreads' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"></path>
|
<path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'google-plus' => '
|
'google-plus' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"></path>
|
<path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'google' => '
|
'google' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"></path>
|
<path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'github' => '
|
'github' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path>
|
<path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'instagram' => '
|
'instagram' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path>
|
<path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'lastfm' => '
|
'lastfm' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M10.5002,0 C4.7006,0 0,4.70109753 0,10.4998496 C0,16.2989526 4.7006,21 10.5002,21 C16.299,21 21,16.2989526 21,10.4998496 C21,4.70109753 16.299,0 10.5002,0 Z M14.69735,14.7204413 C13.3164,14.7151781 12.4346,14.0870017 11.83445,12.6859357 L11.6816001,12.3451305 L10.35405,9.31011397 C9.92709997,8.26875064 8.85260001,7.57120012 7.68010001,7.57120012 C6.06945001,7.57120012 4.75925001,8.88509738 4.75925001,10.5009524 C4.75925001,12.1164565 6.06945001,13.4303036 7.68010001,13.4303036 C8.77200001,13.4303036 9.76514999,12.827541 10.2719501,11.8567047 C10.2893,11.8235214 10.3239,11.8019673 10.36305,11.8038219 C10.4007,11.8053759 10.43535,11.8287847 10.4504,11.8631709 L10.98655,13.1045863 C11.0016,13.1389726 10.9956,13.17782 10.97225,13.2068931 C10.1605001,14.1995341 8.96020001,14.7683115 7.68010001,14.7683115 C5.33305,14.7683115 3.42340001,12.8535563 3.42340001,10.5009524 C3.42340001,8.14679459 5.33300001,6.23203946 7.68010001,6.23203946 C9.45720002,6.23203946 10.8909,7.19074535 11.6138,8.86359341 C11.6205501,8.88018505 12.3412,10.5707777 12.97445,12.0190621 C13.34865,12.8739575 13.64615,13.3959676 14.6288,13.4291508 C15.5663001,13.4612814 16.25375,12.9121534 16.25375,12.1484869 C16.25375,11.4691321 15.8320501,11.3003585 14.8803,10.98216 C13.2365,10.4397989 12.34495,9.88605929 12.34495,8.51817658 C12.34495,7.1809207 13.26665,6.31615054 14.692,6.31615054 C15.62875,6.31615054 16.3155,6.7286858 16.79215,7.5768142 C16.80495,7.60062396 16.8079001,7.62814302 16.8004001,7.65420843 C16.7929,7.68027384 16.7748,7.70212868 16.7507001,7.713808 L15.86145,8.16900031 C15.8178001,8.19200805 15.7643,8.17807308 15.73565,8.13847371 C15.43295,7.71345711 15.0956,7.52513451 14.6423,7.52513451 C14.05125,7.52513451 13.6220001,7.92899802 13.6220001,8.48649708 C13.6220001,9.17382194 14.1529001,9.34144259 15.0339,9.61923972 C15.14915,9.65578139 15.26955,9.69397731 15.39385,9.73432853 C16.7763,10.1865133 17.57675,10.7311301 17.57675,12.1836251 C17.57685,13.629654 16.3389,14.7204413 14.69735,14.7204413 Z"></path>
|
<path d="M10.5002,0 C4.7006,0 0,4.70109753 0,10.4998496 C0,16.2989526 4.7006,21 10.5002,21 C16.299,21 21,16.2989526 21,10.4998496 C21,4.70109753 16.299,0 10.5002,0 Z M14.69735,14.7204413 C13.3164,14.7151781 12.4346,14.0870017 11.83445,12.6859357 L11.6816001,12.3451305 L10.35405,9.31011397 C9.92709997,8.26875064 8.85260001,7.57120012 7.68010001,7.57120012 C6.06945001,7.57120012 4.75925001,8.88509738 4.75925001,10.5009524 C4.75925001,12.1164565 6.06945001,13.4303036 7.68010001,13.4303036 C8.77200001,13.4303036 9.76514999,12.827541 10.2719501,11.8567047 C10.2893,11.8235214 10.3239,11.8019673 10.36305,11.8038219 C10.4007,11.8053759 10.43535,11.8287847 10.4504,11.8631709 L10.98655,13.1045863 C11.0016,13.1389726 10.9956,13.17782 10.97225,13.2068931 C10.1605001,14.1995341 8.96020001,14.7683115 7.68010001,14.7683115 C5.33305,14.7683115 3.42340001,12.8535563 3.42340001,10.5009524 C3.42340001,8.14679459 5.33300001,6.23203946 7.68010001,6.23203946 C9.45720002,6.23203946 10.8909,7.19074535 11.6138,8.86359341 C11.6205501,8.88018505 12.3412,10.5707777 12.97445,12.0190621 C13.34865,12.8739575 13.64615,13.3959676 14.6288,13.4291508 C15.5663001,13.4612814 16.25375,12.9121534 16.25375,12.1484869 C16.25375,11.4691321 15.8320501,11.3003585 14.8803,10.98216 C13.2365,10.4397989 12.34495,9.88605929 12.34495,8.51817658 C12.34495,7.1809207 13.26665,6.31615054 14.692,6.31615054 C15.62875,6.31615054 16.3155,6.7286858 16.79215,7.5768142 C16.80495,7.60062396 16.8079001,7.62814302 16.8004001,7.65420843 C16.7929,7.68027384 16.7748,7.70212868 16.7507001,7.713808 L15.86145,8.16900031 C15.8178001,8.19200805 15.7643,8.17807308 15.73565,8.13847371 C15.43295,7.71345711 15.0956,7.52513451 14.6423,7.52513451 C14.05125,7.52513451 13.6220001,7.92899802 13.6220001,8.48649708 C13.6220001,9.17382194 14.1529001,9.34144259 15.0339,9.61923972 C15.14915,9.65578139 15.26955,9.69397731 15.39385,9.73432853 C16.7763,10.1865133 17.57675,10.7311301 17.57675,12.1836251 C17.57685,13.629654 16.3389,14.7204413 14.69735,14.7204413 Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'linkedin' => '
|
'linkedin' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path>
|
<path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'mail' => '
|
'mail' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"></path>
|
<path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'meetup' => '
|
'meetup' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"></path>
|
<path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'medium' => '
|
'medium' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path>
|
<path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'pinterest' => '
|
'pinterest' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path>
|
<path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'pocket' => '
|
'pocket' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"></path>
|
<path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'reddit' => '
|
'reddit' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"></path>
|
<path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'skype' => '
|
'skype' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"></path>
|
<path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'slideshare' => '
|
'slideshare' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"></path>
|
<path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'snapchat' => '
|
'snapchat' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"></path>
|
<path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'soundcloud' => '
|
'soundcloud' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"></path>
|
<path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'spotify' => '
|
'spotify' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"></path>
|
<path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'stumbleupon' => '
|
'stumbleupon' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"></path>
|
<path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'tumblr' => '
|
'tumblr' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"></path>
|
<path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'twitch' => '
|
'twitch' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"></path>
|
<path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'twitter' => '
|
'twitter' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path>
|
<path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'vimeo' => '
|
'vimeo' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"></path>
|
<path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'vk' => '
|
'vk' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"></path>
|
<path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'wordpress' => '
|
'wordpress' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
|
<path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'yelp' => '
|
'yelp' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"></path>
|
<path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
'youtube' => '
|
'youtube' => '
|
||||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path>
|
<path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path>
|
||||||
</svg>',
|
</svg>',
|
||||||
|
|
||||||
);
|
);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,130 +1,130 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Custom comment walker for this theme
|
* Custom comment walker for this theme
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* This class outputs custom comment walker for HTML5 friendly WordPress comment and threaded replies.
|
* This class outputs custom comment walker for HTML5 friendly WordPress comment and threaded replies.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
class TwentyNineteen_Walker_Comment extends Walker_Comment {
|
class TwentyNineteen_Walker_Comment extends Walker_Comment {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Outputs a comment in the HTML5 format.
|
* Outputs a comment in the HTML5 format.
|
||||||
*
|
*
|
||||||
* @see wp_list_comments()
|
* @see wp_list_comments()
|
||||||
*
|
*
|
||||||
* @param WP_Comment $comment Comment to display.
|
* @param WP_Comment $comment Comment to display.
|
||||||
* @param int $depth Depth of the current comment.
|
* @param int $depth Depth of the current comment.
|
||||||
* @param array $args An array of arguments.
|
* @param array $args An array of arguments.
|
||||||
*/
|
*/
|
||||||
protected function html5_comment( $comment, $depth, $args ) {
|
protected function html5_comment( $comment, $depth, $args ) {
|
||||||
|
|
||||||
$tag = ( 'div' === $args['style'] ) ? 'div' : 'li';
|
$tag = ( 'div' === $args['style'] ) ? 'div' : 'li';
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<<?php echo $tag; ?> id="comment-<?php comment_ID(); ?>" <?php comment_class( $this->has_children ? 'parent' : '', $comment ); ?>>
|
<<?php echo $tag; ?> id="comment-<?php comment_ID(); ?>" <?php comment_class( $this->has_children ? 'parent' : '', $comment ); ?>>
|
||||||
<article id="div-comment-<?php comment_ID(); ?>" class="comment-body">
|
<article id="div-comment-<?php comment_ID(); ?>" class="comment-body">
|
||||||
<footer class="comment-meta">
|
<footer class="comment-meta">
|
||||||
<div class="comment-author vcard">
|
<div class="comment-author vcard">
|
||||||
<?php
|
<?php
|
||||||
$comment_author_url = get_comment_author_url( $comment );
|
$comment_author_url = get_comment_author_url( $comment );
|
||||||
$comment_author = get_comment_author( $comment );
|
$comment_author = get_comment_author( $comment );
|
||||||
$avatar = get_avatar( $comment, $args['avatar_size'] );
|
$avatar = get_avatar( $comment, $args['avatar_size'] );
|
||||||
if ( 0 != $args['avatar_size'] ) {
|
if ( 0 != $args['avatar_size'] ) {
|
||||||
if ( empty( $comment_author_url ) ) {
|
if ( empty( $comment_author_url ) ) {
|
||||||
echo $avatar;
|
echo $avatar;
|
||||||
} else {
|
} else {
|
||||||
printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
|
printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
|
||||||
echo $avatar;
|
echo $avatar;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Using the `check` icon instead of `check_circle`, since we can't add a
|
* Using the `check` icon instead of `check_circle`, since we can't add a
|
||||||
* fill color to the inner check shape when in circle form.
|
* fill color to the inner check shape when in circle form.
|
||||||
*/
|
*/
|
||||||
if ( twentynineteen_is_comment_by_post_author( $comment ) ) {
|
if ( twentynineteen_is_comment_by_post_author( $comment ) ) {
|
||||||
printf( '<span class="post-author-badge" aria-hidden="true">%s</span>', twentynineteen_get_icon_svg( 'check', 24 ) );
|
printf( '<span class="post-author-badge" aria-hidden="true">%s</span>', twentynineteen_get_icon_svg( 'check', 24 ) );
|
||||||
}
|
}
|
||||||
|
|
||||||
printf(
|
printf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Comment author link. */
|
/* translators: %s: Comment author link. */
|
||||||
__( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
|
__( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
'<b class="fn">' . $comment_author . '</b>'
|
'<b class="fn">' . $comment_author . '</b>'
|
||||||
);
|
);
|
||||||
|
|
||||||
if ( ! empty( $comment_author_url ) ) {
|
if ( ! empty( $comment_author_url ) ) {
|
||||||
echo '</a>';
|
echo '</a>';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</div><!-- .comment-author -->
|
</div><!-- .comment-author -->
|
||||||
|
|
||||||
<div class="comment-metadata">
|
<div class="comment-metadata">
|
||||||
<?php
|
<?php
|
||||||
/* translators: 1: Comment date, 2: Comment time. */
|
/* translators: 1: Comment date, 2: Comment time. */
|
||||||
$comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
|
$comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
|
||||||
|
|
||||||
printf(
|
printf(
|
||||||
'<a href="%s"><time datetime="%s" title="%s">%s</time></a>',
|
'<a href="%s"><time datetime="%s" title="%s">%s</time></a>',
|
||||||
esc_url( get_comment_link( $comment, $args ) ),
|
esc_url( get_comment_link( $comment, $args ) ),
|
||||||
get_comment_time( 'c' ),
|
get_comment_time( 'c' ),
|
||||||
esc_attr( $comment_timestamp ),
|
esc_attr( $comment_timestamp ),
|
||||||
$comment_timestamp
|
$comment_timestamp
|
||||||
);
|
);
|
||||||
|
|
||||||
$edit_comment_icon = twentynineteen_get_icon_svg( 'edit', 16 );
|
$edit_comment_icon = twentynineteen_get_icon_svg( 'edit', 16 );
|
||||||
edit_comment_link( __( 'Edit', 'twentynineteen' ), ' <span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
|
edit_comment_link( __( 'Edit', 'twentynineteen' ), ' <span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
|
||||||
?>
|
?>
|
||||||
</div><!-- .comment-metadata -->
|
</div><!-- .comment-metadata -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
$commenter = wp_get_current_commenter();
|
$commenter = wp_get_current_commenter();
|
||||||
if ( $commenter['comment_author_email'] ) {
|
if ( $commenter['comment_author_email'] ) {
|
||||||
$moderation_note = __( 'Your comment is awaiting moderation.', 'twentynineteen' );
|
$moderation_note = __( 'Your comment is awaiting moderation.', 'twentynineteen' );
|
||||||
} else {
|
} else {
|
||||||
$moderation_note = __( 'Your comment is awaiting moderation. This is a preview; your comment will be visible after it has been approved.', 'twentynineteen' );
|
$moderation_note = __( 'Your comment is awaiting moderation. This is a preview; your comment will be visible after it has been approved.', 'twentynineteen' );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php if ( '0' == $comment->comment_approved ) : ?>
|
<?php if ( '0' == $comment->comment_approved ) : ?>
|
||||||
<p class="comment-awaiting-moderation"><?php echo $moderation_note; ?></p>
|
<p class="comment-awaiting-moderation"><?php echo $moderation_note; ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
</footer><!-- .comment-meta -->
|
</footer><!-- .comment-meta -->
|
||||||
|
|
||||||
<div class="comment-content">
|
<div class="comment-content">
|
||||||
<?php comment_text(); ?>
|
<?php comment_text(); ?>
|
||||||
</div><!-- .comment-content -->
|
</div><!-- .comment-content -->
|
||||||
|
|
||||||
</article><!-- .comment-body -->
|
</article><!-- .comment-body -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
comment_reply_link(
|
comment_reply_link(
|
||||||
array_merge(
|
array_merge(
|
||||||
$args,
|
$args,
|
||||||
array(
|
array(
|
||||||
'add_below' => 'div-comment',
|
'add_below' => 'div-comment',
|
||||||
'depth' => $depth,
|
'depth' => $depth,
|
||||||
'max_depth' => $args['max_depth'],
|
'max_depth' => $args['max_depth'],
|
||||||
'before' => '<div class="comment-reply">',
|
'before' => '<div class="comment-reply">',
|
||||||
'after' => '</div>',
|
'after' => '</div>',
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,128 +1,128 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying comments
|
* The template for displaying comments
|
||||||
*
|
*
|
||||||
* This is the template that displays the area of the page that contains both the current comments
|
* This is the template that displays the area of the page that contains both the current comments
|
||||||
* and the comment form.
|
* and the comment form.
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* If the current post is protected by a password and
|
* If the current post is protected by a password and
|
||||||
* the visitor has not yet entered the password we will
|
* the visitor has not yet entered the password we will
|
||||||
* return early without loading the comments.
|
* return early without loading the comments.
|
||||||
*/
|
*/
|
||||||
if ( post_password_required() ) {
|
if ( post_password_required() ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
$discussion = twentynineteen_get_discussion_data();
|
$discussion = twentynineteen_get_discussion_data();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
|
<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
|
||||||
<div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
|
<div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
|
||||||
<h2 class="comments-title">
|
<h2 class="comments-title">
|
||||||
<?php
|
<?php
|
||||||
if ( comments_open() ) {
|
if ( comments_open() ) {
|
||||||
if ( have_comments() ) {
|
if ( have_comments() ) {
|
||||||
_e( 'Join the Conversation', 'twentynineteen' );
|
_e( 'Join the Conversation', 'twentynineteen' );
|
||||||
} else {
|
} else {
|
||||||
_e( 'Leave a comment', 'twentynineteen' );
|
_e( 'Leave a comment', 'twentynineteen' );
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if ( '1' == $discussion->responses ) {
|
if ( '1' == $discussion->responses ) {
|
||||||
/* translators: %s: Post title. */
|
/* translators: %s: Post title. */
|
||||||
printf( _x( 'One reply on “%s”', 'comments title', 'twentynineteen' ), get_the_title() );
|
printf( _x( 'One reply on “%s”', 'comments title', 'twentynineteen' ), get_the_title() );
|
||||||
} else {
|
} else {
|
||||||
printf(
|
printf(
|
||||||
/* translators: 1: Number of comments, 2: Post title. */
|
/* translators: 1: Number of comments, 2: Post title. */
|
||||||
_nx(
|
_nx(
|
||||||
'%1$s reply on “%2$s”',
|
'%1$s reply on “%2$s”',
|
||||||
'%1$s replies on “%2$s”',
|
'%1$s replies on “%2$s”',
|
||||||
$discussion->responses,
|
$discussion->responses,
|
||||||
'comments title',
|
'comments title',
|
||||||
'twentynineteen'
|
'twentynineteen'
|
||||||
),
|
),
|
||||||
number_format_i18n( $discussion->responses ),
|
number_format_i18n( $discussion->responses ),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</h2><!-- .comments-title -->
|
</h2><!-- .comments-title -->
|
||||||
<?php
|
<?php
|
||||||
// Only show discussion meta information when comments are open and available.
|
// Only show discussion meta information when comments are open and available.
|
||||||
if ( have_comments() && comments_open() ) {
|
if ( have_comments() && comments_open() ) {
|
||||||
get_template_part( 'template-parts/post/discussion', 'meta' );
|
get_template_part( 'template-parts/post/discussion', 'meta' );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</div><!-- .comments-title-flex -->
|
</div><!-- .comments-title-flex -->
|
||||||
<?php
|
<?php
|
||||||
if ( have_comments() ) :
|
if ( have_comments() ) :
|
||||||
|
|
||||||
// Show comment form at top if showing newest comments at the top.
|
// Show comment form at top if showing newest comments at the top.
|
||||||
if ( comments_open() ) {
|
if ( comments_open() ) {
|
||||||
twentynineteen_comment_form( 'desc' );
|
twentynineteen_comment_form( 'desc' );
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<ol class="comment-list">
|
<ol class="comment-list">
|
||||||
<?php
|
<?php
|
||||||
wp_list_comments(
|
wp_list_comments(
|
||||||
array(
|
array(
|
||||||
'walker' => new TwentyNineteen_Walker_Comment(),
|
'walker' => new TwentyNineteen_Walker_Comment(),
|
||||||
'avatar_size' => twentynineteen_get_avatar_size(),
|
'avatar_size' => twentynineteen_get_avatar_size(),
|
||||||
'short_ping' => true,
|
'short_ping' => true,
|
||||||
'style' => 'ol',
|
'style' => 'ol',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</ol><!-- .comment-list -->
|
</ol><!-- .comment-list -->
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
// Show comment navigation.
|
// Show comment navigation.
|
||||||
if ( have_comments() ) :
|
if ( have_comments() ) :
|
||||||
$prev_icon = twentynineteen_get_icon_svg( 'chevron_left', 22 );
|
$prev_icon = twentynineteen_get_icon_svg( 'chevron_left', 22 );
|
||||||
$next_icon = twentynineteen_get_icon_svg( 'chevron_right', 22 );
|
$next_icon = twentynineteen_get_icon_svg( 'chevron_right', 22 );
|
||||||
$comments_text = __( 'Comments', 'twentynineteen' );
|
$comments_text = __( 'Comments', 'twentynineteen' );
|
||||||
the_comments_navigation(
|
the_comments_navigation(
|
||||||
array(
|
array(
|
||||||
'prev_text' => sprintf( '%s <span class="nav-prev-text"><span class="primary-text">%s</span> <span class="secondary-text">%s</span></span>', $prev_icon, __( 'Previous', 'twentynineteen' ), __( 'Comments', 'twentynineteen' ) ),
|
'prev_text' => sprintf( '%s <span class="nav-prev-text"><span class="primary-text">%s</span> <span class="secondary-text">%s</span></span>', $prev_icon, __( 'Previous', 'twentynineteen' ), __( 'Comments', 'twentynineteen' ) ),
|
||||||
'next_text' => sprintf( '<span class="nav-next-text"><span class="primary-text">%s</span> <span class="secondary-text">%s</span></span> %s', __( 'Next', 'twentynineteen' ), __( 'Comments', 'twentynineteen' ), $next_icon ),
|
'next_text' => sprintf( '<span class="nav-next-text"><span class="primary-text">%s</span> <span class="secondary-text">%s</span></span> %s', __( 'Next', 'twentynineteen' ), __( 'Comments', 'twentynineteen' ), $next_icon ),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
// Show comment form at bottom if showing newest comments at the bottom.
|
// Show comment form at bottom if showing newest comments at the bottom.
|
||||||
if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
|
if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
|
||||||
?>
|
?>
|
||||||
<div class="comment-form-flex">
|
<div class="comment-form-flex">
|
||||||
<span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
|
<span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
|
||||||
<?php twentynineteen_comment_form( 'asc' ); ?>
|
<?php twentynineteen_comment_form( 'asc' ); ?>
|
||||||
<h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
|
<h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
|
||||||
</div>
|
</div>
|
||||||
<?php
|
<?php
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
// If comments are closed and there are comments, let's leave a little note, shall we?
|
// If comments are closed and there are comments, let's leave a little note, shall we?
|
||||||
if ( ! comments_open() ) :
|
if ( ! comments_open() ) :
|
||||||
?>
|
?>
|
||||||
<p class="no-comments">
|
<p class="no-comments">
|
||||||
<?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
|
<?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
|
||||||
</p>
|
</p>
|
||||||
<?php
|
<?php
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
else :
|
else :
|
||||||
|
|
||||||
// Show comment form.
|
// Show comment form.
|
||||||
twentynineteen_comment_form( true );
|
twentynineteen_comment_form( true );
|
||||||
|
|
||||||
endif; // if have_comments();
|
endif; // if have_comments();
|
||||||
?>
|
?>
|
||||||
</div><!-- #comments -->
|
</div><!-- #comments -->
|
||||||
|
|||||||
@ -1,57 +1,57 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying the footer
|
* The template for displaying the footer
|
||||||
*
|
*
|
||||||
* Contains the closing of the #content div and all content after.
|
* Contains the closing of the #content div and all content after.
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
|
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</div><!-- #content -->
|
</div><!-- #content -->
|
||||||
|
|
||||||
<footer id="colophon" class="site-footer">
|
<footer id="colophon" class="site-footer">
|
||||||
<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
|
<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
|
||||||
<div class="site-info">
|
<div class="site-info">
|
||||||
<?php $blog_info = get_bloginfo( 'name' ); ?>
|
<?php $blog_info = get_bloginfo( 'name' ); ?>
|
||||||
<?php if ( ! empty( $blog_info ) ) : ?>
|
<?php if ( ! empty( $blog_info ) ) : ?>
|
||||||
<a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
|
<a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
|
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
|
||||||
<?php
|
<?php
|
||||||
/* translators: %s: WordPress. */
|
/* translators: %s: WordPress. */
|
||||||
printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
|
printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
|
||||||
?>
|
?>
|
||||||
</a>
|
</a>
|
||||||
<?php
|
<?php
|
||||||
if ( function_exists( 'the_privacy_policy_link' ) ) {
|
if ( function_exists( 'the_privacy_policy_link' ) ) {
|
||||||
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
|
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<?php if ( has_nav_menu( 'footer' ) ) : ?>
|
<?php if ( has_nav_menu( 'footer' ) ) : ?>
|
||||||
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
|
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
|
||||||
<?php
|
<?php
|
||||||
wp_nav_menu(
|
wp_nav_menu(
|
||||||
array(
|
array(
|
||||||
'theme_location' => 'footer',
|
'theme_location' => 'footer',
|
||||||
'menu_class' => 'footer-menu',
|
'menu_class' => 'footer-menu',
|
||||||
'depth' => 1,
|
'depth' => 1,
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</nav><!-- .footer-navigation -->
|
</nav><!-- .footer-navigation -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div><!-- .site-info -->
|
</div><!-- .site-info -->
|
||||||
</footer><!-- #colophon -->
|
</footer><!-- #colophon -->
|
||||||
|
|
||||||
</div><!-- #page -->
|
</div><!-- #page -->
|
||||||
|
|
||||||
<?php wp_footer(); ?>
|
<?php wp_footer(); ?>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,363 +1,363 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Twenty Nineteen functions and definitions
|
* Twenty Nineteen functions and definitions
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/theme-functions/
|
* @link https://developer.wordpress.org/themes/basics/theme-functions/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Twenty Nineteen only works in WordPress 4.7 or later.
|
* Twenty Nineteen only works in WordPress 4.7 or later.
|
||||||
*/
|
*/
|
||||||
if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
|
if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
|
||||||
require get_template_directory() . '/inc/back-compat.php';
|
require get_template_directory() . '/inc/back-compat.php';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_setup' ) ) :
|
if ( ! function_exists( 'twentynineteen_setup' ) ) :
|
||||||
/**
|
/**
|
||||||
* Sets up theme defaults and registers support for various WordPress features.
|
* Sets up theme defaults and registers support for various WordPress features.
|
||||||
*
|
*
|
||||||
* Note that this function is hooked into the after_setup_theme hook, which
|
* Note that this function is hooked into the after_setup_theme hook, which
|
||||||
* runs before the init hook. The init hook is too late for some features, such
|
* runs before the init hook. The init hook is too late for some features, such
|
||||||
* as indicating support for post thumbnails.
|
* as indicating support for post thumbnails.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_setup() {
|
function twentynineteen_setup() {
|
||||||
/*
|
/*
|
||||||
* Make theme available for translation.
|
* Make theme available for translation.
|
||||||
* Translations can be filed in the /languages/ directory.
|
* Translations can be filed in the /languages/ directory.
|
||||||
* If you're building a theme based on Twenty Nineteen, use a find and replace
|
* If you're building a theme based on Twenty Nineteen, use a find and replace
|
||||||
* to change 'twentynineteen' to the name of your theme in all the template files.
|
* to change 'twentynineteen' to the name of your theme in all the template files.
|
||||||
*/
|
*/
|
||||||
load_theme_textdomain( 'twentynineteen', get_template_directory() . '/languages' );
|
load_theme_textdomain( 'twentynineteen', get_template_directory() . '/languages' );
|
||||||
|
|
||||||
// Add default posts and comments RSS feed links to head.
|
// Add default posts and comments RSS feed links to head.
|
||||||
add_theme_support( 'automatic-feed-links' );
|
add_theme_support( 'automatic-feed-links' );
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Let WordPress manage the document title.
|
* Let WordPress manage the document title.
|
||||||
* By adding theme support, we declare that this theme does not use a
|
* By adding theme support, we declare that this theme does not use a
|
||||||
* hard-coded <title> tag in the document head, and expect WordPress to
|
* hard-coded <title> tag in the document head, and expect WordPress to
|
||||||
* provide it for us.
|
* provide it for us.
|
||||||
*/
|
*/
|
||||||
add_theme_support( 'title-tag' );
|
add_theme_support( 'title-tag' );
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Enable support for Post Thumbnails on posts and pages.
|
* Enable support for Post Thumbnails on posts and pages.
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
|
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
|
||||||
*/
|
*/
|
||||||
add_theme_support( 'post-thumbnails' );
|
add_theme_support( 'post-thumbnails' );
|
||||||
set_post_thumbnail_size( 1568, 9999 );
|
set_post_thumbnail_size( 1568, 9999 );
|
||||||
|
|
||||||
// This theme uses wp_nav_menu() in two locations.
|
// This theme uses wp_nav_menu() in two locations.
|
||||||
register_nav_menus(
|
register_nav_menus(
|
||||||
array(
|
array(
|
||||||
'menu-1' => __( 'Primary', 'twentynineteen' ),
|
'menu-1' => __( 'Primary', 'twentynineteen' ),
|
||||||
'footer' => __( 'Footer Menu', 'twentynineteen' ),
|
'footer' => __( 'Footer Menu', 'twentynineteen' ),
|
||||||
'social' => __( 'Social Links Menu', 'twentynineteen' ),
|
'social' => __( 'Social Links Menu', 'twentynineteen' ),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Switch default core markup for search form, comment form, and comments
|
* Switch default core markup for search form, comment form, and comments
|
||||||
* to output valid HTML5.
|
* to output valid HTML5.
|
||||||
*/
|
*/
|
||||||
add_theme_support(
|
add_theme_support(
|
||||||
'html5',
|
'html5',
|
||||||
array(
|
array(
|
||||||
'search-form',
|
'search-form',
|
||||||
'comment-form',
|
'comment-form',
|
||||||
'comment-list',
|
'comment-list',
|
||||||
'gallery',
|
'gallery',
|
||||||
'caption',
|
'caption',
|
||||||
'script',
|
'script',
|
||||||
'style',
|
'style',
|
||||||
'navigation-widgets',
|
'navigation-widgets',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add support for core custom logo.
|
* Add support for core custom logo.
|
||||||
*
|
*
|
||||||
* @link https://codex.wordpress.org/Theme_Logo
|
* @link https://codex.wordpress.org/Theme_Logo
|
||||||
*/
|
*/
|
||||||
add_theme_support(
|
add_theme_support(
|
||||||
'custom-logo',
|
'custom-logo',
|
||||||
array(
|
array(
|
||||||
'height' => 190,
|
'height' => 190,
|
||||||
'width' => 190,
|
'width' => 190,
|
||||||
'flex-width' => false,
|
'flex-width' => false,
|
||||||
'flex-height' => false,
|
'flex-height' => false,
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Add theme support for selective refresh for widgets.
|
// Add theme support for selective refresh for widgets.
|
||||||
add_theme_support( 'customize-selective-refresh-widgets' );
|
add_theme_support( 'customize-selective-refresh-widgets' );
|
||||||
|
|
||||||
// Add support for Block Styles.
|
// Add support for Block Styles.
|
||||||
add_theme_support( 'wp-block-styles' );
|
add_theme_support( 'wp-block-styles' );
|
||||||
|
|
||||||
// Add support for full and wide align images.
|
// Add support for full and wide align images.
|
||||||
add_theme_support( 'align-wide' );
|
add_theme_support( 'align-wide' );
|
||||||
|
|
||||||
// Add support for editor styles.
|
// Add support for editor styles.
|
||||||
add_theme_support( 'editor-styles' );
|
add_theme_support( 'editor-styles' );
|
||||||
|
|
||||||
// Enqueue editor styles.
|
// Enqueue editor styles.
|
||||||
add_editor_style( 'style-editor.css' );
|
add_editor_style( 'style-editor.css' );
|
||||||
|
|
||||||
// Add custom editor font sizes.
|
// Add custom editor font sizes.
|
||||||
add_theme_support(
|
add_theme_support(
|
||||||
'editor-font-sizes',
|
'editor-font-sizes',
|
||||||
array(
|
array(
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Small', 'twentynineteen' ),
|
'name' => __( 'Small', 'twentynineteen' ),
|
||||||
'shortName' => __( 'S', 'twentynineteen' ),
|
'shortName' => __( 'S', 'twentynineteen' ),
|
||||||
'size' => 19.5,
|
'size' => 19.5,
|
||||||
'slug' => 'small',
|
'slug' => 'small',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Normal', 'twentynineteen' ),
|
'name' => __( 'Normal', 'twentynineteen' ),
|
||||||
'shortName' => __( 'M', 'twentynineteen' ),
|
'shortName' => __( 'M', 'twentynineteen' ),
|
||||||
'size' => 22,
|
'size' => 22,
|
||||||
'slug' => 'normal',
|
'slug' => 'normal',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Large', 'twentynineteen' ),
|
'name' => __( 'Large', 'twentynineteen' ),
|
||||||
'shortName' => __( 'L', 'twentynineteen' ),
|
'shortName' => __( 'L', 'twentynineteen' ),
|
||||||
'size' => 36.5,
|
'size' => 36.5,
|
||||||
'slug' => 'large',
|
'slug' => 'large',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Huge', 'twentynineteen' ),
|
'name' => __( 'Huge', 'twentynineteen' ),
|
||||||
'shortName' => __( 'XL', 'twentynineteen' ),
|
'shortName' => __( 'XL', 'twentynineteen' ),
|
||||||
'size' => 49.5,
|
'size' => 49.5,
|
||||||
'slug' => 'huge',
|
'slug' => 'huge',
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Editor color palette.
|
// Editor color palette.
|
||||||
add_theme_support(
|
add_theme_support(
|
||||||
'editor-color-palette',
|
'editor-color-palette',
|
||||||
array(
|
array(
|
||||||
array(
|
array(
|
||||||
'name' => 'default' === get_theme_mod( 'primary_color' ) ? __( 'Blue', 'twentynineteen' ) : null,
|
'name' => 'default' === get_theme_mod( 'primary_color' ) ? __( 'Blue', 'twentynineteen' ) : null,
|
||||||
'slug' => 'primary',
|
'slug' => 'primary',
|
||||||
'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
|
'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => 'default' === get_theme_mod( 'primary_color' ) ? __( 'Dark Blue', 'twentynineteen' ) : null,
|
'name' => 'default' === get_theme_mod( 'primary_color' ) ? __( 'Dark Blue', 'twentynineteen' ) : null,
|
||||||
'slug' => 'secondary',
|
'slug' => 'secondary',
|
||||||
'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
|
'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Dark Gray', 'twentynineteen' ),
|
'name' => __( 'Dark Gray', 'twentynineteen' ),
|
||||||
'slug' => 'dark-gray',
|
'slug' => 'dark-gray',
|
||||||
'color' => '#111',
|
'color' => '#111',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Light Gray', 'twentynineteen' ),
|
'name' => __( 'Light Gray', 'twentynineteen' ),
|
||||||
'slug' => 'light-gray',
|
'slug' => 'light-gray',
|
||||||
'color' => '#767676',
|
'color' => '#767676',
|
||||||
),
|
),
|
||||||
array(
|
array(
|
||||||
'name' => __( 'White', 'twentynineteen' ),
|
'name' => __( 'White', 'twentynineteen' ),
|
||||||
'slug' => 'white',
|
'slug' => 'white',
|
||||||
'color' => '#FFF',
|
'color' => '#FFF',
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Add support for responsive embedded content.
|
// Add support for responsive embedded content.
|
||||||
add_theme_support( 'responsive-embeds' );
|
add_theme_support( 'responsive-embeds' );
|
||||||
|
|
||||||
// Add support for custom line height.
|
// Add support for custom line height.
|
||||||
add_theme_support( 'custom-line-height' );
|
add_theme_support( 'custom-line-height' );
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
add_action( 'after_setup_theme', 'twentynineteen_setup' );
|
add_action( 'after_setup_theme', 'twentynineteen_setup' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Register widget area.
|
* Register widget area.
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
|
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
|
||||||
*/
|
*/
|
||||||
function twentynineteen_widgets_init() {
|
function twentynineteen_widgets_init() {
|
||||||
|
|
||||||
register_sidebar(
|
register_sidebar(
|
||||||
array(
|
array(
|
||||||
'name' => __( 'Footer', 'twentynineteen' ),
|
'name' => __( 'Footer', 'twentynineteen' ),
|
||||||
'id' => 'sidebar-1',
|
'id' => 'sidebar-1',
|
||||||
'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
|
'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
|
||||||
'before_widget' => '<section id="%1$s" class="widget %2$s">',
|
'before_widget' => '<section id="%1$s" class="widget %2$s">',
|
||||||
'after_widget' => '</section>',
|
'after_widget' => '</section>',
|
||||||
'before_title' => '<h2 class="widget-title">',
|
'before_title' => '<h2 class="widget-title">',
|
||||||
'after_title' => '</h2>',
|
'after_title' => '</h2>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
}
|
}
|
||||||
add_action( 'widgets_init', 'twentynineteen_widgets_init' );
|
add_action( 'widgets_init', 'twentynineteen_widgets_init' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Replaces "[...]" (appended to automatically generated excerpts) with ... and
|
* Replaces "[...]" (appended to automatically generated excerpts) with ... and
|
||||||
* a 'Continue reading' link.
|
* a 'Continue reading' link.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 2.0
|
* @since Twenty Nineteen 2.0
|
||||||
*
|
*
|
||||||
* @param string $link Link to single post/page.
|
* @param string $link Link to single post/page.
|
||||||
* @return string 'Continue reading' link prepended with an ellipsis.
|
* @return string 'Continue reading' link prepended with an ellipsis.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_excerpt_more( $link ) {
|
function twentynineteen_excerpt_more( $link ) {
|
||||||
if ( is_admin() ) {
|
if ( is_admin() ) {
|
||||||
return $link;
|
return $link;
|
||||||
}
|
}
|
||||||
|
|
||||||
$link = sprintf(
|
$link = sprintf(
|
||||||
'<p class="link-more"><a href="%1$s" class="more-link">%2$s</a></p>',
|
'<p class="link-more"><a href="%1$s" class="more-link">%2$s</a></p>',
|
||||||
esc_url( get_permalink( get_the_ID() ) ),
|
esc_url( get_permalink( get_the_ID() ) ),
|
||||||
/* translators: %s: Post title. */
|
/* translators: %s: Post title. */
|
||||||
sprintf( __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ), get_the_title( get_the_ID() ) )
|
sprintf( __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ), get_the_title( get_the_ID() ) )
|
||||||
);
|
);
|
||||||
return ' … ' . $link;
|
return ' … ' . $link;
|
||||||
}
|
}
|
||||||
add_filter( 'excerpt_more', 'twentynineteen_excerpt_more' );
|
add_filter( 'excerpt_more', 'twentynineteen_excerpt_more' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Set the content width in pixels, based on the theme's design and stylesheet.
|
* Set the content width in pixels, based on the theme's design and stylesheet.
|
||||||
*
|
*
|
||||||
* Priority 0 to make it available to lower priority callbacks.
|
* Priority 0 to make it available to lower priority callbacks.
|
||||||
*
|
*
|
||||||
* @global int $content_width Content width.
|
* @global int $content_width Content width.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_content_width() {
|
function twentynineteen_content_width() {
|
||||||
// This variable is intended to be overruled from themes.
|
// This variable is intended to be overruled from themes.
|
||||||
// Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}.
|
// Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}.
|
||||||
// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
|
// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
|
||||||
$GLOBALS['content_width'] = apply_filters( 'twentynineteen_content_width', 640 );
|
$GLOBALS['content_width'] = apply_filters( 'twentynineteen_content_width', 640 );
|
||||||
}
|
}
|
||||||
add_action( 'after_setup_theme', 'twentynineteen_content_width', 0 );
|
add_action( 'after_setup_theme', 'twentynineteen_content_width', 0 );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Enqueue scripts and styles.
|
* Enqueue scripts and styles.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_scripts() {
|
function twentynineteen_scripts() {
|
||||||
wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
|
wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
|
||||||
|
|
||||||
wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' );
|
wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' );
|
||||||
|
|
||||||
if ( has_nav_menu( 'menu-1' ) ) {
|
if ( has_nav_menu( 'menu-1' ) ) {
|
||||||
wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '20181214', true );
|
wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '20181214', true );
|
||||||
wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '20181231', true );
|
wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '20181231', true );
|
||||||
}
|
}
|
||||||
|
|
||||||
wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
|
wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
|
||||||
|
|
||||||
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
|
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
|
||||||
wp_enqueue_script( 'comment-reply' );
|
wp_enqueue_script( 'comment-reply' );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );
|
add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Fix skip link focus in IE11.
|
* Fix skip link focus in IE11.
|
||||||
*
|
*
|
||||||
* This does not enqueue the script because it is tiny and because it is only for IE11,
|
* This does not enqueue the script because it is tiny and because it is only for IE11,
|
||||||
* thus it does not warrant having an entire dedicated blocking script being loaded.
|
* thus it does not warrant having an entire dedicated blocking script being loaded.
|
||||||
*
|
*
|
||||||
* @link https://git.io/vWdr2
|
* @link https://git.io/vWdr2
|
||||||
*/
|
*/
|
||||||
function twentynineteen_skip_link_focus_fix() {
|
function twentynineteen_skip_link_focus_fix() {
|
||||||
// The following is minified via `terser --compress --mangle -- js/skip-link-focus-fix.js`.
|
// The following is minified via `terser --compress --mangle -- js/skip-link-focus-fix.js`.
|
||||||
?>
|
?>
|
||||||
<script>
|
<script>
|
||||||
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
|
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
|
||||||
</script>
|
</script>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
add_action( 'wp_print_footer_scripts', 'twentynineteen_skip_link_focus_fix' );
|
add_action( 'wp_print_footer_scripts', 'twentynineteen_skip_link_focus_fix' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Enqueue supplemental block editor styles.
|
* Enqueue supplemental block editor styles.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_editor_customizer_styles() {
|
function twentynineteen_editor_customizer_styles() {
|
||||||
|
|
||||||
wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.1', 'all' );
|
wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.1', 'all' );
|
||||||
|
|
||||||
if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
|
if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
|
||||||
// Include color patterns.
|
// Include color patterns.
|
||||||
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
||||||
wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
|
wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
|
add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Display custom color CSS in customizer and on frontend.
|
* Display custom color CSS in customizer and on frontend.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_colors_css_wrap() {
|
function twentynineteen_colors_css_wrap() {
|
||||||
|
|
||||||
// Only include custom colors in customizer or frontend.
|
// Only include custom colors in customizer or frontend.
|
||||||
if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
|
if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
||||||
|
|
||||||
$primary_color = 199;
|
$primary_color = 199;
|
||||||
if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
|
if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
|
||||||
$primary_color = get_theme_mod( 'primary_color_hue', 199 );
|
$primary_color = get_theme_mod( 'primary_color_hue', 199 );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . absint( $primary_color ) . '"' : ''; ?>>
|
<style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . absint( $primary_color ) . '"' : ''; ?>>
|
||||||
<?php echo twentynineteen_custom_colors_css(); ?>
|
<?php echo twentynineteen_custom_colors_css(); ?>
|
||||||
</style>
|
</style>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
|
add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* SVG Icons class.
|
* SVG Icons class.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/classes/class-twentynineteen-svg-icons.php';
|
require get_template_directory() . '/classes/class-twentynineteen-svg-icons.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Custom Comment Walker template.
|
* Custom Comment Walker template.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/classes/class-twentynineteen-walker-comment.php';
|
require get_template_directory() . '/classes/class-twentynineteen-walker-comment.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Common theme functions.
|
* Common theme functions.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/helper-functions.php';
|
require get_template_directory() . '/inc/helper-functions.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* SVG Icons related functions.
|
* SVG Icons related functions.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/icon-functions.php';
|
require get_template_directory() . '/inc/icon-functions.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Enhance the theme by hooking into WordPress.
|
* Enhance the theme by hooking into WordPress.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/template-functions.php';
|
require get_template_directory() . '/inc/template-functions.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Custom template tags for the theme.
|
* Custom template tags for the theme.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/template-tags.php';
|
require get_template_directory() . '/inc/template-tags.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Customizer additions.
|
* Customizer additions.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/customizer.php';
|
require get_template_directory() . '/inc/customizer.php';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Block Patterns.
|
* Block Patterns.
|
||||||
*/
|
*/
|
||||||
require get_template_directory() . '/inc/block-patterns.php';
|
require get_template_directory() . '/inc/block-patterns.php';
|
||||||
|
|||||||
@ -1,53 +1,53 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The header for our theme
|
* The header for our theme
|
||||||
*
|
*
|
||||||
* This is the template that displays all of the <head> section and everything up until <div id="content">
|
* This is the template that displays all of the <head> section and everything up until <div id="content">
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
|
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
?><!doctype html>
|
?><!doctype html>
|
||||||
<html <?php language_attributes(); ?>>
|
<html <?php language_attributes(); ?>>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="<?php bloginfo( 'charset' ); ?>" />
|
<meta charset="<?php bloginfo( 'charset' ); ?>" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<link rel="profile" href="https://gmpg.org/xfn/11" />
|
<link rel="profile" href="https://gmpg.org/xfn/11" />
|
||||||
<?php wp_head(); ?>
|
<?php wp_head(); ?>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body <?php body_class(); ?>>
|
<body <?php body_class(); ?>>
|
||||||
<?php wp_body_open(); ?>
|
<?php wp_body_open(); ?>
|
||||||
<div id="page" class="site">
|
<div id="page" class="site">
|
||||||
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
|
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
|
||||||
|
|
||||||
<header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
|
<header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
|
||||||
|
|
||||||
<div class="site-branding-container">
|
<div class="site-branding-container">
|
||||||
<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
|
<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
|
||||||
</div><!-- .site-branding-container -->
|
</div><!-- .site-branding-container -->
|
||||||
|
|
||||||
<?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
|
<?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
|
||||||
<div class="site-featured-image">
|
<div class="site-featured-image">
|
||||||
<?php
|
<?php
|
||||||
twentynineteen_post_thumbnail();
|
twentynineteen_post_thumbnail();
|
||||||
the_post();
|
the_post();
|
||||||
$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null;
|
$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null;
|
||||||
|
|
||||||
$classes = 'entry-header';
|
$classes = 'entry-header';
|
||||||
if ( ! empty( $discussion ) && absint( $discussion->responses ) > 0 ) {
|
if ( ! empty( $discussion ) && absint( $discussion->responses ) > 0 ) {
|
||||||
$classes = 'entry-header has-discussion';
|
$classes = 'entry-header has-discussion';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<div class="<?php echo $classes; ?>">
|
<div class="<?php echo $classes; ?>">
|
||||||
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
||||||
</div><!-- .entry-header -->
|
</div><!-- .entry-header -->
|
||||||
<?php rewind_posts(); ?>
|
<?php rewind_posts(); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</header><!-- #masthead -->
|
</header><!-- #masthead -->
|
||||||
|
|
||||||
<div id="content" class="site-content">
|
<div id="content" class="site-content">
|
||||||
|
|||||||
@ -1,104 +1,104 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying image attachments
|
* The template for displaying image attachments
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Start the Loop.
|
// Start the Loop.
|
||||||
while ( have_posts() ) :
|
while ( have_posts() ) :
|
||||||
the_post();
|
the_post();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
|
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
||||||
</header><!-- .entry-header -->
|
</header><!-- .entry-header -->
|
||||||
|
|
||||||
<div class="entry-content">
|
<div class="entry-content">
|
||||||
|
|
||||||
<figure class="entry-attachment wp-block-image">
|
<figure class="entry-attachment wp-block-image">
|
||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Filters the default twentynineteen image attachment size.
|
* Filters the default twentynineteen image attachment size.
|
||||||
*
|
*
|
||||||
* @since Twenty Sixteen 1.0
|
* @since Twenty Sixteen 1.0
|
||||||
*
|
*
|
||||||
* @param string $image_size Image size. Default 'large'.
|
* @param string $image_size Image size. Default 'large'.
|
||||||
*/
|
*/
|
||||||
$image_size = apply_filters( 'twentynineteen_attachment_size', 'full' );
|
$image_size = apply_filters( 'twentynineteen_attachment_size', 'full' );
|
||||||
|
|
||||||
echo wp_get_attachment_image( get_the_ID(), $image_size );
|
echo wp_get_attachment_image( get_the_ID(), $image_size );
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<figcaption class="wp-caption-text"><?php the_excerpt(); ?></figcaption>
|
<figcaption class="wp-caption-text"><?php the_excerpt(); ?></figcaption>
|
||||||
|
|
||||||
</figure><!-- .entry-attachment -->
|
</figure><!-- .entry-attachment -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
the_content();
|
the_content();
|
||||||
wp_link_pages(
|
wp_link_pages(
|
||||||
array(
|
array(
|
||||||
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentynineteen' ) . '</span>',
|
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentynineteen' ) . '</span>',
|
||||||
'after' => '</div>',
|
'after' => '</div>',
|
||||||
'link_before' => '<span>',
|
'link_before' => '<span>',
|
||||||
'link_after' => '</span>',
|
'link_after' => '</span>',
|
||||||
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'twentynineteen' ) . ' </span>%',
|
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'twentynineteen' ) . ' </span>%',
|
||||||
'separator' => '<span class="screen-reader-text">, </span>',
|
'separator' => '<span class="screen-reader-text">, </span>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<footer class="entry-footer">
|
<footer class="entry-footer">
|
||||||
<?php
|
<?php
|
||||||
// Retrieve attachment metadata.
|
// Retrieve attachment metadata.
|
||||||
$metadata = wp_get_attachment_metadata();
|
$metadata = wp_get_attachment_metadata();
|
||||||
if ( $metadata ) {
|
if ( $metadata ) {
|
||||||
printf(
|
printf(
|
||||||
'<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s × %4$s</a></span>',
|
'<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s × %4$s</a></span>',
|
||||||
_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
|
_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
|
||||||
esc_url( wp_get_attachment_url() ),
|
esc_url( wp_get_attachment_url() ),
|
||||||
absint( $metadata['width'] ),
|
absint( $metadata['width'] ),
|
||||||
absint( $metadata['height'] )
|
absint( $metadata['height'] )
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php twentynineteen_entry_footer(); ?>
|
<?php twentynineteen_entry_footer(); ?>
|
||||||
|
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Parent post navigation.
|
// Parent post navigation.
|
||||||
the_post_navigation(
|
the_post_navigation(
|
||||||
array(
|
array(
|
||||||
'prev_text' => _x( '<span class="meta-nav">Published in</span><br><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
|
'prev_text' => _x( '<span class="meta-nav">Published in</span><br><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// If comments are open or we have at least one comment, load up the comment template.
|
// If comments are open or we have at least one comment, load up the comment template.
|
||||||
if ( comments_open() || get_comments_number() ) {
|
if ( comments_open() || get_comments_number() ) {
|
||||||
comments_template();
|
comments_template();
|
||||||
}
|
}
|
||||||
|
|
||||||
// End the loop.
|
// End the loop.
|
||||||
endwhile;
|
endwhile;
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</main><!-- .site-main -->
|
</main><!-- .site-main -->
|
||||||
</div><!-- .content-area -->
|
</div><!-- .content-area -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,89 +1,89 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Twenty Nineteen back compat functionality
|
* Twenty Nineteen back compat functionality
|
||||||
*
|
*
|
||||||
* Prevents Twenty Nineteen from running on WordPress versions prior to 4.7,
|
* Prevents Twenty Nineteen from running on WordPress versions prior to 4.7,
|
||||||
* since this theme is not meant to be backward compatible beyond that and
|
* since this theme is not meant to be backward compatible beyond that and
|
||||||
* relies on many newer functions and markup changes introduced in 4.7.
|
* relies on many newer functions and markup changes introduced in 4.7.
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0.0
|
* @since Twenty Nineteen 1.0.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevent switching to Twenty Nineteen on old versions of WordPress.
|
* Prevent switching to Twenty Nineteen on old versions of WordPress.
|
||||||
*
|
*
|
||||||
* Switches to the default theme.
|
* Switches to the default theme.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0.0
|
* @since Twenty Nineteen 1.0.0
|
||||||
*/
|
*/
|
||||||
function twentynineteen_switch_theme() {
|
function twentynineteen_switch_theme() {
|
||||||
switch_theme( WP_DEFAULT_THEME );
|
switch_theme( WP_DEFAULT_THEME );
|
||||||
unset( $_GET['activated'] );
|
unset( $_GET['activated'] );
|
||||||
add_action( 'admin_notices', 'twentynineteen_upgrade_notice' );
|
add_action( 'admin_notices', 'twentynineteen_upgrade_notice' );
|
||||||
}
|
}
|
||||||
add_action( 'after_switch_theme', 'twentynineteen_switch_theme' );
|
add_action( 'after_switch_theme', 'twentynineteen_switch_theme' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Adds a message for unsuccessful theme switch.
|
* Adds a message for unsuccessful theme switch.
|
||||||
*
|
*
|
||||||
* Prints an update nag after an unsuccessful attempt to switch to
|
* Prints an update nag after an unsuccessful attempt to switch to
|
||||||
* Twenty Nineteen on WordPress versions prior to 4.7.
|
* Twenty Nineteen on WordPress versions prior to 4.7.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0.0
|
* @since Twenty Nineteen 1.0.0
|
||||||
*
|
*
|
||||||
* @global string $wp_version WordPress version.
|
* @global string $wp_version WordPress version.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_upgrade_notice() {
|
function twentynineteen_upgrade_notice() {
|
||||||
printf(
|
printf(
|
||||||
'<div class="error"><p>%s</p></div>',
|
'<div class="error"><p>%s</p></div>',
|
||||||
sprintf(
|
sprintf(
|
||||||
/* translators: %s: WordPress version. */
|
/* translators: %s: WordPress version. */
|
||||||
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
||||||
$GLOBALS['wp_version']
|
$GLOBALS['wp_version']
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevents the Customizer from being loaded on WordPress versions prior to 4.7.
|
* Prevents the Customizer from being loaded on WordPress versions prior to 4.7.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0.0
|
* @since Twenty Nineteen 1.0.0
|
||||||
*
|
*
|
||||||
* @global string $wp_version WordPress version.
|
* @global string $wp_version WordPress version.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_customize() {
|
function twentynineteen_customize() {
|
||||||
wp_die(
|
wp_die(
|
||||||
sprintf(
|
sprintf(
|
||||||
/* translators: %s: WordPress version. */
|
/* translators: %s: WordPress version. */
|
||||||
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
||||||
$GLOBALS['wp_version']
|
$GLOBALS['wp_version']
|
||||||
),
|
),
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'back_link' => true,
|
'back_link' => true,
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
add_action( 'load-customize.php', 'twentynineteen_customize' );
|
add_action( 'load-customize.php', 'twentynineteen_customize' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7.
|
* Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0.0
|
* @since Twenty Nineteen 1.0.0
|
||||||
*
|
*
|
||||||
* @global string $wp_version WordPress version.
|
* @global string $wp_version WordPress version.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_preview() {
|
function twentynineteen_preview() {
|
||||||
if ( isset( $_GET['preview'] ) ) {
|
if ( isset( $_GET['preview'] ) ) {
|
||||||
wp_die(
|
wp_die(
|
||||||
sprintf(
|
sprintf(
|
||||||
/* translators: %s: WordPress version. */
|
/* translators: %s: WordPress version. */
|
||||||
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
||||||
$GLOBALS['wp_version']
|
$GLOBALS['wp_version']
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
add_action( 'template_redirect', 'twentynineteen_preview' );
|
add_action( 'template_redirect', 'twentynineteen_preview' );
|
||||||
|
|||||||
@ -1,201 +1,201 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Block Patterns
|
* Block Patterns
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/reference/functions/register_block_pattern/
|
* @link https://developer.wordpress.org/reference/functions/register_block_pattern/
|
||||||
* @link https://developer.wordpress.org/reference/functions/register_block_pattern_category/
|
* @link https://developer.wordpress.org/reference/functions/register_block_pattern_category/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.8
|
* @since Twenty Nineteen 1.8
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Register Block Pattern Category.
|
* Register Block Pattern Category.
|
||||||
*/
|
*/
|
||||||
if ( function_exists( 'register_block_pattern_category' ) ) {
|
if ( function_exists( 'register_block_pattern_category' ) ) {
|
||||||
|
|
||||||
register_block_pattern_category(
|
register_block_pattern_category(
|
||||||
'twentynineteen',
|
'twentynineteen',
|
||||||
array( 'label' => esc_html__( 'Twenty Nineteen', 'twentynineteen' ) )
|
array( 'label' => esc_html__( 'Twenty Nineteen', 'twentynineteen' ) )
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Register Block Patterns.
|
* Register Block Patterns.
|
||||||
*/
|
*/
|
||||||
if ( function_exists( 'register_block_pattern' ) ) {
|
if ( function_exists( 'register_block_pattern' ) ) {
|
||||||
|
|
||||||
// About.
|
// About.
|
||||||
register_block_pattern(
|
register_block_pattern(
|
||||||
'twentynineteen/about',
|
'twentynineteen/about',
|
||||||
array(
|
array(
|
||||||
'title' => esc_html__( 'About', 'twentynineteen' ),
|
'title' => esc_html__( 'About', 'twentynineteen' ),
|
||||||
'categories' => array( 'twentynineteen' ),
|
'categories' => array( 'twentynineteen' ),
|
||||||
'content' => implode(
|
'content' => implode(
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'<!-- wp:paragraph {"fontSize":"huge","style":{"typography":{"lineHeight":"1.3"}}} -->',
|
'<!-- wp:paragraph {"fontSize":"huge","style":{"typography":{"lineHeight":"1.3"}}} -->',
|
||||||
'<p class="has-huge-font-size" style="line-height:1.3">' . esc_html__( 'Advocating for Businesses and Entrepreneurs since 2014', 'twentynineteen' ) . '</p>',
|
'<p class="has-huge-font-size" style="line-height:1.3">' . esc_html__( 'Advocating for Businesses and Entrepreneurs since 2014', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph -->',
|
'<!-- /wp:paragraph -->',
|
||||||
'<!-- wp:paragraph -->',
|
'<!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Eva Young Consulting was founded in 2014 to meet the needs of small businesses in the San Francisco Bay Area. We help startups define a clear brand identity and digital strategy that will carry them through their financing rounds and scale as their business grows. Discover how we can boost your brand with a unique and powerful digital marketing strategy.', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Eva Young Consulting was founded in 2014 to meet the needs of small businesses in the San Francisco Bay Area. We help startups define a clear brand identity and digital strategy that will carry them through their financing rounds and scale as their business grows. Discover how we can boost your brand with a unique and powerful digital marketing strategy.', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph -->',
|
'<!-- /wp:paragraph -->',
|
||||||
'<!-- wp:buttons -->',
|
'<!-- wp:buttons -->',
|
||||||
'<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray"} -->',
|
'<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray"} -->',
|
||||||
'<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-background">' . esc_html__( 'Learn More', 'twentynineteen' ) . '</a></div>',
|
'<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-background">' . esc_html__( 'Learn More', 'twentynineteen' ) . '</a></div>',
|
||||||
'<!-- /wp:button --></div>',
|
'<!-- /wp:button --></div>',
|
||||||
'<!-- /wp:buttons -->',
|
'<!-- /wp:buttons -->',
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Get In Touch.
|
// Get In Touch.
|
||||||
register_block_pattern(
|
register_block_pattern(
|
||||||
'twentynineteen/get-in-touch',
|
'twentynineteen/get-in-touch',
|
||||||
array(
|
array(
|
||||||
'title' => esc_html__( 'Get In Touch', 'twentynineteen' ),
|
'title' => esc_html__( 'Get In Touch', 'twentynineteen' ),
|
||||||
'categories' => array( 'twentynineteen' ),
|
'categories' => array( 'twentynineteen' ),
|
||||||
'content' => implode(
|
'content' => implode(
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'<!-- wp:paragraph {"fontSize":"huge"} -->',
|
'<!-- wp:paragraph {"fontSize":"huge"} -->',
|
||||||
'<p class="has-huge-font-size">' . esc_html__( 'Get In Touch', 'twentynineteen' ) . '</p>',
|
'<p class="has-huge-font-size">' . esc_html__( 'Get In Touch', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph -->',
|
'<!-- /wp:paragraph -->',
|
||||||
'<!-- wp:columns -->',
|
'<!-- wp:columns -->',
|
||||||
'<div class="wp-block-columns"><!-- wp:column -->',
|
'<div class="wp-block-columns"><!-- wp:column -->',
|
||||||
'<div class="wp-block-column"><!-- wp:paragraph -->',
|
'<div class="wp-block-column"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( '20 Cooper Avenue', 'twentynineteen' ) . '<br>' . esc_html__( 'New York, New York 10023', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( '20 Cooper Avenue', 'twentynineteen' ) . '<br>' . esc_html__( 'New York, New York 10023', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div>',
|
'<!-- /wp:paragraph --></div>',
|
||||||
'<!-- /wp:column -->',
|
'<!-- /wp:column -->',
|
||||||
'<!-- wp:column -->',
|
'<!-- wp:column -->',
|
||||||
'<div class="wp-block-column"><!-- wp:paragraph -->',
|
'<div class="wp-block-column"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( '(555) 555-5555', 'twentynineteen' ) . '<br><a href="mailto:example@example.com">' . esc_html__( 'example@example.com', 'twentynineteen' ) . '</a></p>',
|
'<p>' . esc_html__( '(555) 555-5555', 'twentynineteen' ) . '<br><a href="mailto:example@example.com">' . esc_html__( 'example@example.com', 'twentynineteen' ) . '</a></p>',
|
||||||
'<!-- /wp:paragraph --></div>',
|
'<!-- /wp:paragraph --></div>',
|
||||||
'<!-- /wp:column --></div>',
|
'<!-- /wp:column --></div>',
|
||||||
'<!-- /wp:columns -->',
|
'<!-- /wp:columns -->',
|
||||||
'<!-- wp:buttons -->',
|
'<!-- wp:buttons -->',
|
||||||
'<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray"} -->',
|
'<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray"} -->',
|
||||||
'<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-background">' . esc_html__( 'Contact Us', 'twentynineteen' ) . '</a></div>',
|
'<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-background">' . esc_html__( 'Contact Us', 'twentynineteen' ) . '</a></div>',
|
||||||
'<!-- /wp:button --></div>',
|
'<!-- /wp:button --></div>',
|
||||||
'<!-- /wp:buttons -->',
|
'<!-- /wp:buttons -->',
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Services.
|
// Services.
|
||||||
register_block_pattern(
|
register_block_pattern(
|
||||||
'twentynineteen/services',
|
'twentynineteen/services',
|
||||||
array(
|
array(
|
||||||
'title' => esc_html__( 'Services', 'twentynineteen' ),
|
'title' => esc_html__( 'Services', 'twentynineteen' ),
|
||||||
'categories' => array( 'twentynineteen' ),
|
'categories' => array( 'twentynineteen' ),
|
||||||
'content' => implode(
|
'content' => implode(
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'<!-- wp:heading -->',
|
'<!-- wp:heading -->',
|
||||||
'<h2>' . esc_html__( 'Services', 'twentynineteen' ) . '</h2>',
|
'<h2>' . esc_html__( 'Services', 'twentynineteen' ) . '</h2>',
|
||||||
'<!-- /wp:heading -->',
|
'<!-- /wp:heading -->',
|
||||||
'<!-- wp:columns {"className":"has-2-columns"} -->',
|
'<!-- wp:columns {"className":"has-2-columns"} -->',
|
||||||
'<div class="wp-block-columns has-2-columns"><!-- wp:column -->',
|
'<div class="wp-block-columns has-2-columns"><!-- wp:column -->',
|
||||||
'<div class="wp-block-column"><!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<div class="wp-block-column"><!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Website Design', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Website Design', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Mobile', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Mobile', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Social Media', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Social Media', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text --></div>',
|
'<!-- /wp:media-text --></div>',
|
||||||
'<!-- /wp:column -->',
|
'<!-- /wp:column -->',
|
||||||
'<!-- wp:column -->',
|
'<!-- wp:column -->',
|
||||||
'<div class="wp-block-column"><!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<div class="wp-block-column"><!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_03.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Marketing', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Marketing', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_04.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_04.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_04.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_04.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Copywriting', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Copywriting', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
'<!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg","mediaType":"image","mediaWidth":10,"isStackedOnMobile":false} -->',
|
||||||
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
'<div class="wp-block-media-text alignwide" style="grid-template-columns:10% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Content Strategy', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Content Strategy', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text --></div>',
|
'<!-- /wp:media-text --></div>',
|
||||||
'<!-- /wp:column --></div>',
|
'<!-- /wp:column --></div>',
|
||||||
'<!-- /wp:columns -->',
|
'<!-- /wp:columns -->',
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Team.
|
// Team.
|
||||||
register_block_pattern(
|
register_block_pattern(
|
||||||
'twentynineteen/team',
|
'twentynineteen/team',
|
||||||
array(
|
array(
|
||||||
'title' => esc_html__( 'Team', 'twentynineteen' ),
|
'title' => esc_html__( 'Team', 'twentynineteen' ),
|
||||||
'categories' => array( 'twentynineteen' ),
|
'categories' => array( 'twentynineteen' ),
|
||||||
'viewportWidth' => 1400,
|
'viewportWidth' => 1400,
|
||||||
'content' => implode(
|
'content' => implode(
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'<!-- wp:heading -->',
|
'<!-- wp:heading -->',
|
||||||
'<h2>' . esc_html__( 'Team', 'twentynineteen' ) . '</h2>',
|
'<h2>' . esc_html__( 'Team', 'twentynineteen' ) . '</h2>',
|
||||||
'<!-- /wp:heading -->',
|
'<!-- /wp:heading -->',
|
||||||
'<!-- wp:media-text {"mediaType":"image","mediaWidth":28,"imageFill":true} -->',
|
'<!-- wp:media-text {"mediaType":"image","mediaWidth":28,"imageFill":true} -->',
|
||||||
'<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:28% auto"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg);background-position:50% 50%"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->',
|
'<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:28% auto"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg);background-position:50% 50%"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_01.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->',
|
||||||
'<h3>' . esc_html__( 'Eva Young', 'twentynineteen' ) . '</h3>',
|
'<h3>' . esc_html__( 'Eva Young', 'twentynineteen' ) . '</h3>',
|
||||||
'<!-- /wp:heading -->',
|
'<!-- /wp:heading -->',
|
||||||
'<!-- wp:paragraph -->',
|
'<!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Eva Young grew up working alongside her parents at their restaurant in Queens, NY. She opened Eva Young Consulting in 2014 to help small businesses like her parents’ restaurant adapt to the digital age.', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Eva Young grew up working alongside her parents at their restaurant in Queens, NY. She opened Eva Young Consulting in 2014 to help small businesses like her parents’ restaurant adapt to the digital age.', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
'<!-- wp:media-text {"mediaType":"image","mediaWidth":28,"imageFill":true} -->',
|
'<!-- wp:media-text {"mediaType":"image","mediaWidth":28,"imageFill":true} -->',
|
||||||
'<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:28% auto"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg);background-position:50% 50%"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->',
|
'<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:28% auto"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg);background-position:50% 50%"><img src="' . esc_url( get_template_directory_uri() ) . '/images/pattern_02.jpg" alt="' . esc_html__( 'Gradient', 'twentynineteen' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->',
|
||||||
'<h3>' . esc_html__( 'Doug Watson', 'twentynineteen' ) . '</h3>',
|
'<h3>' . esc_html__( 'Doug Watson', 'twentynineteen' ) . '</h3>',
|
||||||
'<!-- /wp:heading -->',
|
'<!-- /wp:heading -->',
|
||||||
'<!-- wp:paragraph -->',
|
'<!-- wp:paragraph -->',
|
||||||
'<p>' . esc_html__( 'Oddly enough, Doug Watson also grew up working alongside his parents at a family-owned restaurant in Queens, NY. He worked on digital campaigns for Fortune 500 Companies before joining Eva Green Consulting.', 'twentynineteen' ) . '</p>',
|
'<p>' . esc_html__( 'Oddly enough, Doug Watson also grew up working alongside his parents at a family-owned restaurant in Queens, NY. He worked on digital campaigns for Fortune 500 Companies before joining Eva Green Consulting.', 'twentynineteen' ) . '</p>',
|
||||||
'<!-- /wp:paragraph --></div></div>',
|
'<!-- /wp:paragraph --></div></div>',
|
||||||
'<!-- /wp:media-text -->',
|
'<!-- /wp:media-text -->',
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// What We Do.
|
// What We Do.
|
||||||
register_block_pattern(
|
register_block_pattern(
|
||||||
'twentynineteen/what-we-do',
|
'twentynineteen/what-we-do',
|
||||||
array(
|
array(
|
||||||
'title' => esc_html__( 'What We Do', 'twentynineteen' ),
|
'title' => esc_html__( 'What We Do', 'twentynineteen' ),
|
||||||
'categories' => array( 'twentynineteen' ),
|
'categories' => array( 'twentynineteen' ),
|
||||||
'viewportWidth' => 1400,
|
'viewportWidth' => 1400,
|
||||||
'content' => implode(
|
'content' => implode(
|
||||||
'',
|
'',
|
||||||
array(
|
array(
|
||||||
'<!-- wp:heading -->',
|
'<!-- wp:heading -->',
|
||||||
'<h2>' . esc_html__( 'What We Do', 'twentynineteen' ) . '</h2>',
|
'<h2>' . esc_html__( 'What We Do', 'twentynineteen' ) . '</h2>',
|
||||||
'<!-- /wp:heading -->',
|
'<!-- /wp:heading -->',
|
||||||
'<!-- wp:pullquote {"align":"wide","className":"is-style-solid-color"} -->',
|
'<!-- wp:pullquote {"align":"wide","className":"is-style-solid-color"} -->',
|
||||||
'<figure class="wp-block-pullquote alignwide is-style-solid-color"><blockquote><p>' . esc_html__( 'Redefine brands', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help startups define (or refine) a clear brand identity.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
'<figure class="wp-block-pullquote alignwide is-style-solid-color"><blockquote><p>' . esc_html__( 'Redefine brands', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help startups define (or refine) a clear brand identity.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
||||||
'<!-- /wp:pullquote -->',
|
'<!-- /wp:pullquote -->',
|
||||||
'<!-- wp:pullquote {"mainColor":"dark-gray","customTextColor":"#ffffff","align":"wide","className":"is-style-solid-color"} -->',
|
'<!-- wp:pullquote {"mainColor":"dark-gray","customTextColor":"#ffffff","align":"wide","className":"is-style-solid-color"} -->',
|
||||||
'<figure class="wp-block-pullquote alignwide has-background has-dark-gray-background-color is-style-solid-color"><blockquote class="has-text-color" style="color:#ffffff"><p>' . esc_html__( 'Activate new customers', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help businesses grow.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
'<figure class="wp-block-pullquote alignwide has-background has-dark-gray-background-color is-style-solid-color"><blockquote class="has-text-color" style="color:#ffffff"><p>' . esc_html__( 'Activate new customers', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help businesses grow.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
||||||
'<!-- /wp:pullquote -->',
|
'<!-- /wp:pullquote -->',
|
||||||
'<!-- wp:pullquote {"customMainColor":"#f7f7f7","customTextColor":"#111111","align":"wide","className":"is-style-solid-color"} -->',
|
'<!-- wp:pullquote {"customMainColor":"#f7f7f7","customTextColor":"#111111","align":"wide","className":"is-style-solid-color"} -->',
|
||||||
'<figure class="wp-block-pullquote alignwide has-background is-style-solid-color" style="background-color:#f7f7f7"><blockquote class="has-text-color" style="color:#111111"><p>' . esc_html__( 'Spark interest on social media', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help companies communicate with their customers.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
'<figure class="wp-block-pullquote alignwide has-background is-style-solid-color" style="background-color:#f7f7f7"><blockquote class="has-text-color" style="color:#111111"><p>' . esc_html__( 'Spark interest on social media', 'twentynineteen' ) . '</p><cite>' . esc_html__( 'We help companies communicate with their customers.', 'twentynineteen' ) . '</cite></blockquote></figure>',
|
||||||
'<!-- /wp:pullquote -->',
|
'<!-- /wp:pullquote -->',
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,271 +1,271 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Twenty Nineteen: Color Patterns
|
* Twenty Nineteen: Color Patterns
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Generate the CSS for the current primary color.
|
* Generate the CSS for the current primary color.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_custom_colors_css() {
|
function twentynineteen_custom_colors_css() {
|
||||||
|
|
||||||
$primary_color = 199;
|
$primary_color = 199;
|
||||||
if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
|
if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
|
||||||
$primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
|
$primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen default saturation level.
|
* Filters Twenty Nineteen default saturation level.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param int $saturation Color saturation level.
|
* @param int $saturation Color saturation level.
|
||||||
*/
|
*/
|
||||||
$saturation = apply_filters( 'twentynineteen_custom_colors_saturation', 100 );
|
$saturation = apply_filters( 'twentynineteen_custom_colors_saturation', 100 );
|
||||||
$saturation = absint( $saturation ) . '%';
|
$saturation = absint( $saturation ) . '%';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen default selection saturation level.
|
* Filters Twenty Nineteen default selection saturation level.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param int $saturation_selection Selection color saturation level.
|
* @param int $saturation_selection Selection color saturation level.
|
||||||
*/
|
*/
|
||||||
$saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
|
$saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
|
||||||
$saturation_selection = $saturation_selection . '%';
|
$saturation_selection = $saturation_selection . '%';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen default lightness level.
|
* Filters Twenty Nineteen default lightness level.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param int $lightness Color lightness level.
|
* @param int $lightness Color lightness level.
|
||||||
*/
|
*/
|
||||||
$lightness = apply_filters( 'twentynineteen_custom_colors_lightness', 33 );
|
$lightness = apply_filters( 'twentynineteen_custom_colors_lightness', 33 );
|
||||||
$lightness = absint( $lightness ) . '%';
|
$lightness = absint( $lightness ) . '%';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen default hover lightness level.
|
* Filters Twenty Nineteen default hover lightness level.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param int $lightness_hover Hover color lightness level.
|
* @param int $lightness_hover Hover color lightness level.
|
||||||
*/
|
*/
|
||||||
$lightness_hover = apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 );
|
$lightness_hover = apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 );
|
||||||
$lightness_hover = absint( $lightness_hover ) . '%';
|
$lightness_hover = absint( $lightness_hover ) . '%';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen default selection lightness level.
|
* Filters Twenty Nineteen default selection lightness level.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param int $lightness_selection Selection color lightness level.
|
* @param int $lightness_selection Selection color lightness level.
|
||||||
*/
|
*/
|
||||||
$lightness_selection = apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 );
|
$lightness_selection = apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 );
|
||||||
$lightness_selection = absint( $lightness_selection ) . '%';
|
$lightness_selection = absint( $lightness_selection ) . '%';
|
||||||
|
|
||||||
$theme_css = '
|
$theme_css = '
|
||||||
/*
|
/*
|
||||||
* Set background for:
|
* Set background for:
|
||||||
* - featured image :before
|
* - featured image :before
|
||||||
* - featured image :before
|
* - featured image :before
|
||||||
* - post thumbmail :before
|
* - post thumbmail :before
|
||||||
* - post thumbmail :before
|
* - post thumbmail :before
|
||||||
* - Submenu
|
* - Submenu
|
||||||
* - Sticky Post
|
* - Sticky Post
|
||||||
* - buttons
|
* - buttons
|
||||||
* - WP Block Button
|
* - WP Block Button
|
||||||
* - Blocks
|
* - Blocks
|
||||||
*/
|
*/
|
||||||
.image-filters-enabled .site-header.featured-image .site-featured-image:before,
|
.image-filters-enabled .site-header.featured-image .site-featured-image:before,
|
||||||
.image-filters-enabled .site-header.featured-image .site-featured-image:after,
|
.image-filters-enabled .site-header.featured-image .site-featured-image:after,
|
||||||
.image-filters-enabled .entry .post-thumbnail:before,
|
.image-filters-enabled .entry .post-thumbnail:before,
|
||||||
.image-filters-enabled .entry .post-thumbnail:after,
|
.image-filters-enabled .entry .post-thumbnail:after,
|
||||||
.main-navigation .sub-menu,
|
.main-navigation .sub-menu,
|
||||||
.sticky-post,
|
.sticky-post,
|
||||||
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
|
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
|
||||||
.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
|
.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
|
||||||
.entry .entry-content > .has-primary-background-color,
|
.entry .entry-content > .has-primary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
|
.entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
|
.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
|
||||||
.entry .entry-content .wp-block-file .wp-block-file__button {
|
.entry .entry-content .wp-block-file .wp-block-file__button {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Set Color for:
|
* Set Color for:
|
||||||
* - all links
|
* - all links
|
||||||
* - main navigation links
|
* - main navigation links
|
||||||
* - Post navigation links
|
* - Post navigation links
|
||||||
* - Post entry meta hover
|
* - Post entry meta hover
|
||||||
* - Post entry header more-link hover
|
* - Post entry header more-link hover
|
||||||
* - main navigation svg
|
* - main navigation svg
|
||||||
* - comment navigation
|
* - comment navigation
|
||||||
* - Comment edit link hover
|
* - Comment edit link hover
|
||||||
* - Site Footer Link hover
|
* - Site Footer Link hover
|
||||||
* - Widget links
|
* - Widget links
|
||||||
*/
|
*/
|
||||||
a,
|
a,
|
||||||
a:visited,
|
a:visited,
|
||||||
.main-navigation .main-menu > li,
|
.main-navigation .main-menu > li,
|
||||||
.main-navigation ul.main-menu > li > a,
|
.main-navigation ul.main-menu > li > a,
|
||||||
.post-navigation .post-title,
|
.post-navigation .post-title,
|
||||||
.entry .entry-meta a:hover,
|
.entry .entry-meta a:hover,
|
||||||
.entry .entry-footer a:hover,
|
.entry .entry-footer a:hover,
|
||||||
.entry .entry-content .more-link:hover,
|
.entry .entry-content .more-link:hover,
|
||||||
.main-navigation .main-menu > li > a + svg,
|
.main-navigation .main-menu > li > a + svg,
|
||||||
.comment .comment-metadata > a:hover,
|
.comment .comment-metadata > a:hover,
|
||||||
.comment .comment-metadata .comment-edit-link:hover,
|
.comment .comment-metadata .comment-edit-link:hover,
|
||||||
#colophon .site-info a:hover,
|
#colophon .site-info a:hover,
|
||||||
.widget a,
|
.widget a,
|
||||||
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
||||||
.entry .entry-content > .has-primary-color,
|
.entry .entry-content > .has-primary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"] .has-primary-color,
|
.entry .entry-content > *[class^="wp-block-"] .has-primary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Set border color for:
|
* Set border color for:
|
||||||
* wp block quote
|
* wp block quote
|
||||||
* :focus
|
* :focus
|
||||||
*/
|
*/
|
||||||
blockquote,
|
blockquote,
|
||||||
.entry .entry-content blockquote,
|
.entry .entry-content blockquote,
|
||||||
.entry .entry-content .wp-block-quote:not(.is-large),
|
.entry .entry-content .wp-block-quote:not(.is-large),
|
||||||
.entry .entry-content .wp-block-quote:not(.is-style-large),
|
.entry .entry-content .wp-block-quote:not(.is-style-large),
|
||||||
input[type="text"]:focus,
|
input[type="text"]:focus,
|
||||||
input[type="email"]:focus,
|
input[type="email"]:focus,
|
||||||
input[type="url"]:focus,
|
input[type="url"]:focus,
|
||||||
input[type="password"]:focus,
|
input[type="password"]:focus,
|
||||||
input[type="search"]:focus,
|
input[type="search"]:focus,
|
||||||
input[type="number"]:focus,
|
input[type="number"]:focus,
|
||||||
input[type="tel"]:focus,
|
input[type="tel"]:focus,
|
||||||
input[type="range"]:focus,
|
input[type="range"]:focus,
|
||||||
input[type="date"]:focus,
|
input[type="date"]:focus,
|
||||||
input[type="month"]:focus,
|
input[type="month"]:focus,
|
||||||
input[type="week"]:focus,
|
input[type="week"]:focus,
|
||||||
input[type="time"]:focus,
|
input[type="time"]:focus,
|
||||||
input[type="datetime"]:focus,
|
input[type="datetime"]:focus,
|
||||||
input[type="datetime-local"]:focus,
|
input[type="datetime-local"]:focus,
|
||||||
input[type="color"]:focus,
|
input[type="color"]:focus,
|
||||||
textarea:focus {
|
textarea:focus {
|
||||||
border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-item > div > a:focus {
|
.gallery-item > div > a:focus {
|
||||||
box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hover colors */
|
/* Hover colors */
|
||||||
a:hover, a:active,
|
a:hover, a:active,
|
||||||
.main-navigation .main-menu > li > a:hover,
|
.main-navigation .main-menu > li > a:hover,
|
||||||
.main-navigation .main-menu > li > a:hover + svg,
|
.main-navigation .main-menu > li > a:hover + svg,
|
||||||
.post-navigation .nav-links a:hover,
|
.post-navigation .nav-links a:hover,
|
||||||
.post-navigation .nav-links a:hover .post-title,
|
.post-navigation .nav-links a:hover .post-title,
|
||||||
.author-bio .author-description .author-link:hover,
|
.author-bio .author-description .author-link:hover,
|
||||||
.entry .entry-content > .has-secondary-color,
|
.entry .entry-content > .has-secondary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
|
.entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
|
||||||
.comment .comment-author .fn a:hover,
|
.comment .comment-author .fn a:hover,
|
||||||
.comment-reply-link:hover,
|
.comment-reply-link:hover,
|
||||||
.comment-navigation .nav-previous a:hover,
|
.comment-navigation .nav-previous a:hover,
|
||||||
.comment-navigation .nav-next a:hover,
|
.comment-navigation .nav-next a:hover,
|
||||||
#cancel-comment-reply-link:hover,
|
#cancel-comment-reply-link:hover,
|
||||||
.widget a:hover {
|
.widget a:hover {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .sub-menu > li > a:hover,
|
.main-navigation .sub-menu > li > a:hover,
|
||||||
.main-navigation .sub-menu > li > a:focus,
|
.main-navigation .sub-menu > li > a:focus,
|
||||||
.main-navigation .sub-menu > li > a:hover:after,
|
.main-navigation .sub-menu > li > a:hover:after,
|
||||||
.main-navigation .sub-menu > li > a:focus:after,
|
.main-navigation .sub-menu > li > a:focus:after,
|
||||||
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
|
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
|
||||||
.main-navigation .sub-menu > li > .menu-item-link-return:focus,
|
.main-navigation .sub-menu > li > .menu-item-link-return:focus,
|
||||||
.main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
|
.main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
|
||||||
.main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
|
.main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
|
||||||
.entry .entry-content > .has-secondary-background-color,
|
.entry .entry-content > .has-secondary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
|
.entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
|
.entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
|
||||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
|
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Text selection colors */
|
/* Text selection colors */
|
||||||
::selection {
|
::selection {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||||
}';
|
}';
|
||||||
|
|
||||||
$editor_css = '
|
$editor_css = '
|
||||||
/*
|
/*
|
||||||
* Set colors for:
|
* Set colors for:
|
||||||
* - links
|
* - links
|
||||||
* - blockquote
|
* - blockquote
|
||||||
* - pullquote (solid color)
|
* - pullquote (solid color)
|
||||||
* - buttons
|
* - buttons
|
||||||
*/
|
*/
|
||||||
.editor-block-list__layout .editor-block-list__block a,
|
.editor-block-list__layout .editor-block-list__block a,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
|
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
|
.editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
|
||||||
.editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
|
.editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
|
||||||
border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
|
.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
|
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
|
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
|
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
|
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
|
.editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hover colors */
|
/* Hover colors */
|
||||||
.editor-block-list__layout .editor-block-list__block a:hover,
|
.editor-block-list__layout .editor-block-list__block a:hover,
|
||||||
.editor-block-list__layout .editor-block-list__block a:active,
|
.editor-block-list__layout .editor-block-list__block a:active,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
|
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Do not overwrite solid color pullquote or cover links */
|
/* Do not overwrite solid color pullquote or cover links */
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color a,
|
.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color a,
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-cover a {
|
.editor-block-list__layout .editor-block-list__block .wp-block-cover a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
';
|
';
|
||||||
|
|
||||||
if ( function_exists( 'register_block_type' ) && is_admin() ) {
|
if ( function_exists( 'register_block_type' ) && is_admin() ) {
|
||||||
$theme_css = $editor_css;
|
$theme_css = $editor_css;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters Twenty Nineteen custom colors CSS.
|
* Filters Twenty Nineteen custom colors CSS.
|
||||||
*
|
*
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param string $css Base theme colors CSS.
|
* @param string $css Base theme colors CSS.
|
||||||
* @param int $primary_color The user's selected color hue.
|
* @param int $primary_color The user's selected color hue.
|
||||||
* @param string $saturation Filtered theme color saturation level.
|
* @param string $saturation Filtered theme color saturation level.
|
||||||
*/
|
*/
|
||||||
return apply_filters( 'twentynineteen_custom_colors_css', $theme_css, $primary_color, $saturation );
|
return apply_filters( 'twentynineteen_custom_colors_css', $theme_css, $primary_color, $saturation );
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,157 +1,157 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Twenty Nineteen: Customizer
|
* Twenty Nineteen: Customizer
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add postMessage support for site title and description for the Theme Customizer.
|
* Add postMessage support for site title and description for the Theme Customizer.
|
||||||
*
|
*
|
||||||
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_customize_register( $wp_customize ) {
|
function twentynineteen_customize_register( $wp_customize ) {
|
||||||
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
|
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
|
||||||
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
|
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
|
||||||
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
|
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
|
||||||
|
|
||||||
if ( isset( $wp_customize->selective_refresh ) ) {
|
if ( isset( $wp_customize->selective_refresh ) ) {
|
||||||
$wp_customize->selective_refresh->add_partial(
|
$wp_customize->selective_refresh->add_partial(
|
||||||
'blogname',
|
'blogname',
|
||||||
array(
|
array(
|
||||||
'selector' => '.site-title a',
|
'selector' => '.site-title a',
|
||||||
'render_callback' => 'twentynineteen_customize_partial_blogname',
|
'render_callback' => 'twentynineteen_customize_partial_blogname',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
$wp_customize->selective_refresh->add_partial(
|
$wp_customize->selective_refresh->add_partial(
|
||||||
'blogdescription',
|
'blogdescription',
|
||||||
array(
|
array(
|
||||||
'selector' => '.site-description',
|
'selector' => '.site-description',
|
||||||
'render_callback' => 'twentynineteen_customize_partial_blogdescription',
|
'render_callback' => 'twentynineteen_customize_partial_blogdescription',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Primary color.
|
* Primary color.
|
||||||
*/
|
*/
|
||||||
$wp_customize->add_setting(
|
$wp_customize->add_setting(
|
||||||
'primary_color',
|
'primary_color',
|
||||||
array(
|
array(
|
||||||
'default' => 'default',
|
'default' => 'default',
|
||||||
'transport' => 'postMessage',
|
'transport' => 'postMessage',
|
||||||
'sanitize_callback' => 'twentynineteen_sanitize_color_option',
|
'sanitize_callback' => 'twentynineteen_sanitize_color_option',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
$wp_customize->add_control(
|
$wp_customize->add_control(
|
||||||
'primary_color',
|
'primary_color',
|
||||||
array(
|
array(
|
||||||
'type' => 'radio',
|
'type' => 'radio',
|
||||||
'label' => __( 'Primary Color', 'twentynineteen' ),
|
'label' => __( 'Primary Color', 'twentynineteen' ),
|
||||||
'choices' => array(
|
'choices' => array(
|
||||||
'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
|
'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
|
||||||
'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
|
'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
|
||||||
),
|
),
|
||||||
'section' => 'colors',
|
'section' => 'colors',
|
||||||
'priority' => 5,
|
'priority' => 5,
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Add primary color hue setting and control.
|
// Add primary color hue setting and control.
|
||||||
$wp_customize->add_setting(
|
$wp_customize->add_setting(
|
||||||
'primary_color_hue',
|
'primary_color_hue',
|
||||||
array(
|
array(
|
||||||
'default' => 199,
|
'default' => 199,
|
||||||
'transport' => 'postMessage',
|
'transport' => 'postMessage',
|
||||||
'sanitize_callback' => 'absint',
|
'sanitize_callback' => 'absint',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
$wp_customize->add_control(
|
$wp_customize->add_control(
|
||||||
new WP_Customize_Color_Control(
|
new WP_Customize_Color_Control(
|
||||||
$wp_customize,
|
$wp_customize,
|
||||||
'primary_color_hue',
|
'primary_color_hue',
|
||||||
array(
|
array(
|
||||||
'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
|
'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
|
||||||
'section' => 'colors',
|
'section' => 'colors',
|
||||||
'mode' => 'hue',
|
'mode' => 'hue',
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
// Add image filter setting and control.
|
// Add image filter setting and control.
|
||||||
$wp_customize->add_setting(
|
$wp_customize->add_setting(
|
||||||
'image_filter',
|
'image_filter',
|
||||||
array(
|
array(
|
||||||
'default' => 1,
|
'default' => 1,
|
||||||
'sanitize_callback' => 'absint',
|
'sanitize_callback' => 'absint',
|
||||||
'transport' => 'postMessage',
|
'transport' => 'postMessage',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
$wp_customize->add_control(
|
$wp_customize->add_control(
|
||||||
'image_filter',
|
'image_filter',
|
||||||
array(
|
array(
|
||||||
'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
|
'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
|
||||||
'section' => 'colors',
|
'section' => 'colors',
|
||||||
'type' => 'checkbox',
|
'type' => 'checkbox',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
add_action( 'customize_register', 'twentynineteen_customize_register' );
|
add_action( 'customize_register', 'twentynineteen_customize_register' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Render the site title for the selective refresh partial.
|
* Render the site title for the selective refresh partial.
|
||||||
*
|
*
|
||||||
* @return void
|
* @return void
|
||||||
*/
|
*/
|
||||||
function twentynineteen_customize_partial_blogname() {
|
function twentynineteen_customize_partial_blogname() {
|
||||||
bloginfo( 'name' );
|
bloginfo( 'name' );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Render the site tagline for the selective refresh partial.
|
* Render the site tagline for the selective refresh partial.
|
||||||
*
|
*
|
||||||
* @return void
|
* @return void
|
||||||
*/
|
*/
|
||||||
function twentynineteen_customize_partial_blogdescription() {
|
function twentynineteen_customize_partial_blogdescription() {
|
||||||
bloginfo( 'description' );
|
bloginfo( 'description' );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Bind JS handlers to instantly live-preview changes.
|
* Bind JS handlers to instantly live-preview changes.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_customize_preview_js() {
|
function twentynineteen_customize_preview_js() {
|
||||||
wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20181214', true );
|
wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20181214', true );
|
||||||
}
|
}
|
||||||
add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
|
add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Load dynamic logic for the customizer controls area.
|
* Load dynamic logic for the customizer controls area.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_panels_js() {
|
function twentynineteen_panels_js() {
|
||||||
wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181214', true );
|
wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181214', true );
|
||||||
}
|
}
|
||||||
add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
|
add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Sanitize custom color choice.
|
* Sanitize custom color choice.
|
||||||
*
|
*
|
||||||
* @param string $choice Whether image filter is active.
|
* @param string $choice Whether image filter is active.
|
||||||
* @return string
|
* @return string
|
||||||
*/
|
*/
|
||||||
function twentynineteen_sanitize_color_option( $choice ) {
|
function twentynineteen_sanitize_color_option( $choice ) {
|
||||||
$valid = array(
|
$valid = array(
|
||||||
'default',
|
'default',
|
||||||
'custom',
|
'custom',
|
||||||
);
|
);
|
||||||
|
|
||||||
if ( in_array( $choice, $valid, true ) ) {
|
if ( in_array( $choice, $valid, true ) ) {
|
||||||
return $choice;
|
return $choice;
|
||||||
}
|
}
|
||||||
|
|
||||||
return 'default';
|
return 'default';
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,157 +1,157 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Common theme functions
|
* Common theme functions
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.5
|
* @since Twenty Nineteen 1.5
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Determines if post thumbnail can be displayed.
|
* Determines if post thumbnail can be displayed.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_can_show_post_thumbnail() {
|
function twentynineteen_can_show_post_thumbnail() {
|
||||||
return apply_filters( 'twentynineteen_can_show_post_thumbnail', ! post_password_required() && ! is_attachment() && has_post_thumbnail() );
|
return apply_filters( 'twentynineteen_can_show_post_thumbnail', ! post_password_required() && ! is_attachment() && has_post_thumbnail() );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns true if image filters are enabled on the theme options.
|
* Returns true if image filters are enabled on the theme options.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_image_filters_enabled() {
|
function twentynineteen_image_filters_enabled() {
|
||||||
return 0 !== get_theme_mod( 'image_filter', 1 );
|
return 0 !== get_theme_mod( 'image_filter', 1 );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns the size for avatars used in the theme.
|
* Returns the size for avatars used in the theme.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_avatar_size() {
|
function twentynineteen_get_avatar_size() {
|
||||||
return 60;
|
return 60;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns true if comment is by author of the post.
|
* Returns true if comment is by author of the post.
|
||||||
*
|
*
|
||||||
* @see get_comment_class()
|
* @see get_comment_class()
|
||||||
*/
|
*/
|
||||||
function twentynineteen_is_comment_by_post_author( $comment = null ) {
|
function twentynineteen_is_comment_by_post_author( $comment = null ) {
|
||||||
if ( is_object( $comment ) && $comment->user_id > 0 ) {
|
if ( is_object( $comment ) && $comment->user_id > 0 ) {
|
||||||
$user = get_userdata( $comment->user_id );
|
$user = get_userdata( $comment->user_id );
|
||||||
$post = get_post( $comment->comment_post_ID );
|
$post = get_post( $comment->comment_post_ID );
|
||||||
if ( ! empty( $user ) && ! empty( $post ) ) {
|
if ( ! empty( $user ) && ! empty( $post ) ) {
|
||||||
return $comment->user_id === $post->post_author;
|
return $comment->user_id === $post->post_author;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns information about the current post's discussion, with cache support.
|
* Returns information about the current post's discussion, with cache support.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_discussion_data() {
|
function twentynineteen_get_discussion_data() {
|
||||||
static $discussion, $post_id;
|
static $discussion, $post_id;
|
||||||
|
|
||||||
$current_post_id = get_the_ID();
|
$current_post_id = get_the_ID();
|
||||||
if ( $current_post_id === $post_id ) {
|
if ( $current_post_id === $post_id ) {
|
||||||
return $discussion; /* If we have discussion information for post ID, return cached object */
|
return $discussion; /* If we have discussion information for post ID, return cached object */
|
||||||
} else {
|
} else {
|
||||||
$post_id = $current_post_id;
|
$post_id = $current_post_id;
|
||||||
}
|
}
|
||||||
|
|
||||||
$comments = get_comments(
|
$comments = get_comments(
|
||||||
array(
|
array(
|
||||||
'post_id' => $current_post_id,
|
'post_id' => $current_post_id,
|
||||||
'orderby' => 'comment_date_gmt',
|
'orderby' => 'comment_date_gmt',
|
||||||
'order' => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
|
'order' => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
|
||||||
'status' => 'approve',
|
'status' => 'approve',
|
||||||
'number' => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
|
'number' => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
$authors = array();
|
$authors = array();
|
||||||
foreach ( $comments as $comment ) {
|
foreach ( $comments as $comment ) {
|
||||||
$authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
|
$authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
|
||||||
}
|
}
|
||||||
|
|
||||||
$authors = array_unique( $authors );
|
$authors = array_unique( $authors );
|
||||||
$discussion = (object) array(
|
$discussion = (object) array(
|
||||||
'authors' => array_slice( $authors, 0, 6 ), /* Six unique authors commenting on the post. */
|
'authors' => array_slice( $authors, 0, 6 ), /* Six unique authors commenting on the post. */
|
||||||
'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
|
'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
|
||||||
);
|
);
|
||||||
|
|
||||||
return $discussion;
|
return $discussion;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Converts HSL to HEX colors.
|
* Converts HSL to HEX colors.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_hsl_hex( $h, $s, $l, $to_hex = true ) {
|
function twentynineteen_hsl_hex( $h, $s, $l, $to_hex = true ) {
|
||||||
|
|
||||||
$h /= 360;
|
$h /= 360;
|
||||||
$s /= 100;
|
$s /= 100;
|
||||||
$l /= 100;
|
$l /= 100;
|
||||||
|
|
||||||
$r = $l;
|
$r = $l;
|
||||||
$g = $l;
|
$g = $l;
|
||||||
$b = $l;
|
$b = $l;
|
||||||
$v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
|
$v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
|
||||||
|
|
||||||
if ( $v > 0 ) {
|
if ( $v > 0 ) {
|
||||||
$m = $l + $l - $v;
|
$m = $l + $l - $v;
|
||||||
$sv = ( $v - $m ) / $v;
|
$sv = ( $v - $m ) / $v;
|
||||||
$h *= 6.0;
|
$h *= 6.0;
|
||||||
$sextant = floor( $h );
|
$sextant = floor( $h );
|
||||||
$fract = $h - $sextant;
|
$fract = $h - $sextant;
|
||||||
$vsf = $v * $sv * $fract;
|
$vsf = $v * $sv * $fract;
|
||||||
$mid1 = $m + $vsf;
|
$mid1 = $m + $vsf;
|
||||||
$mid2 = $v - $vsf;
|
$mid2 = $v - $vsf;
|
||||||
|
|
||||||
switch ( $sextant ) {
|
switch ( $sextant ) {
|
||||||
case 0:
|
case 0:
|
||||||
$r = $v;
|
$r = $v;
|
||||||
$g = $mid1;
|
$g = $mid1;
|
||||||
$b = $m;
|
$b = $m;
|
||||||
break;
|
break;
|
||||||
case 1:
|
case 1:
|
||||||
$r = $mid2;
|
$r = $mid2;
|
||||||
$g = $v;
|
$g = $v;
|
||||||
$b = $m;
|
$b = $m;
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
$r = $m;
|
$r = $m;
|
||||||
$g = $v;
|
$g = $v;
|
||||||
$b = $mid1;
|
$b = $mid1;
|
||||||
break;
|
break;
|
||||||
case 3:
|
case 3:
|
||||||
$r = $m;
|
$r = $m;
|
||||||
$g = $mid2;
|
$g = $mid2;
|
||||||
$b = $v;
|
$b = $v;
|
||||||
break;
|
break;
|
||||||
case 4:
|
case 4:
|
||||||
$r = $mid1;
|
$r = $mid1;
|
||||||
$g = $m;
|
$g = $m;
|
||||||
$b = $v;
|
$b = $v;
|
||||||
break;
|
break;
|
||||||
case 5:
|
case 5:
|
||||||
$r = $v;
|
$r = $v;
|
||||||
$g = $m;
|
$g = $m;
|
||||||
$b = $mid2;
|
$b = $mid2;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$r = round( $r * 255, 0 );
|
$r = round( $r * 255, 0 );
|
||||||
$g = round( $g * 255, 0 );
|
$g = round( $g * 255, 0 );
|
||||||
$b = round( $b * 255, 0 );
|
$b = round( $b * 255, 0 );
|
||||||
|
|
||||||
if ( $to_hex ) {
|
if ( $to_hex ) {
|
||||||
|
|
||||||
$r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
|
$r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
|
||||||
$g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
|
$g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
|
||||||
$b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
|
$b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
|
||||||
|
|
||||||
return "#$r$g$b";
|
return "#$r$g$b";
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return "rgb($r, $g, $b)";
|
return "rgb($r, $g, $b)";
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,107 +1,107 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* SVG icons related functions
|
* SVG icons related functions
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Gets the SVG code for a given icon.
|
* Gets the SVG code for a given icon.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_icon_svg( $icon, $size = 24 ) {
|
function twentynineteen_get_icon_svg( $icon, $size = 24 ) {
|
||||||
return TwentyNineteen_SVG_Icons::get_svg( 'ui', $icon, $size );
|
return TwentyNineteen_SVG_Icons::get_svg( 'ui', $icon, $size );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Gets the SVG code for a given social icon.
|
* Gets the SVG code for a given social icon.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_social_icon_svg( $icon, $size = 24 ) {
|
function twentynineteen_get_social_icon_svg( $icon, $size = 24 ) {
|
||||||
return TwentyNineteen_SVG_Icons::get_svg( 'social', $icon, $size );
|
return TwentyNineteen_SVG_Icons::get_svg( 'social', $icon, $size );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Detects the social network from a URL and returns the SVG code for its icon.
|
* Detects the social network from a URL and returns the SVG code for its icon.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_social_link_svg( $uri, $size = 24 ) {
|
function twentynineteen_get_social_link_svg( $uri, $size = 24 ) {
|
||||||
return TwentyNineteen_SVG_Icons::get_social_link_svg( $uri, $size );
|
return TwentyNineteen_SVG_Icons::get_social_link_svg( $uri, $size );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Display SVG icons in social links menu.
|
* Display SVG icons in social links menu.
|
||||||
*
|
*
|
||||||
* @param string $item_output The menu item's starting HTML output.
|
* @param string $item_output The menu item's starting HTML output.
|
||||||
* @param WP_Post $item Menu item data object.
|
* @param WP_Post $item Menu item data object.
|
||||||
* @param int $depth Depth of the menu. Used for padding.
|
* @param int $depth Depth of the menu. Used for padding.
|
||||||
* @param stdClass $args An object of wp_nav_menu() arguments.
|
* @param stdClass $args An object of wp_nav_menu() arguments.
|
||||||
* @return string The menu item output with social icon.
|
* @return string The menu item output with social icon.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_nav_menu_social_icons( $item_output, $item, $depth, $args ) {
|
function twentynineteen_nav_menu_social_icons( $item_output, $item, $depth, $args ) {
|
||||||
// Change SVG icon inside social links menu if there is supported URL.
|
// Change SVG icon inside social links menu if there is supported URL.
|
||||||
if ( 'social' === $args->theme_location ) {
|
if ( 'social' === $args->theme_location ) {
|
||||||
$svg = twentynineteen_get_social_link_svg( $item->url, 26 );
|
$svg = twentynineteen_get_social_link_svg( $item->url, 26 );
|
||||||
if ( empty( $svg ) ) {
|
if ( empty( $svg ) ) {
|
||||||
$svg = twentynineteen_get_icon_svg( 'link' );
|
$svg = twentynineteen_get_icon_svg( 'link' );
|
||||||
}
|
}
|
||||||
$item_output = str_replace( $args->link_after, '</span>' . $svg, $item_output );
|
$item_output = str_replace( $args->link_after, '</span>' . $svg, $item_output );
|
||||||
}
|
}
|
||||||
|
|
||||||
return $item_output;
|
return $item_output;
|
||||||
}
|
}
|
||||||
add_filter( 'walker_nav_menu_start_el', 'twentynineteen_nav_menu_social_icons', 10, 4 );
|
add_filter( 'walker_nav_menu_start_el', 'twentynineteen_nav_menu_social_icons', 10, 4 );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add a dropdown icon to top-level menu items.
|
* Add a dropdown icon to top-level menu items.
|
||||||
*
|
*
|
||||||
* @param string $item_output The menu item's starting HTML output.
|
* @param string $item_output The menu item's starting HTML output.
|
||||||
* @param WP_Post $item Menu item data object.
|
* @param WP_Post $item Menu item data object.
|
||||||
* @param int $depth Depth of the menu. Used for padding.
|
* @param int $depth Depth of the menu. Used for padding.
|
||||||
* @param stdClass $args An object of wp_nav_menu() arguments.
|
* @param stdClass $args An object of wp_nav_menu() arguments.
|
||||||
* @return string Nav menu item start element.
|
* @return string Nav menu item start element.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_add_dropdown_icons( $item_output, $item, $depth, $args ) {
|
function twentynineteen_add_dropdown_icons( $item_output, $item, $depth, $args ) {
|
||||||
|
|
||||||
// Only add class to 'top level' items on the 'primary' menu.
|
// Only add class to 'top level' items on the 'primary' menu.
|
||||||
if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
|
if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
|
||||||
return $item_output;
|
return $item_output;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( in_array( 'mobile-parent-nav-menu-item', $item->classes, true ) && isset( $item->original_id ) ) {
|
if ( in_array( 'mobile-parent-nav-menu-item', $item->classes, true ) && isset( $item->original_id ) ) {
|
||||||
// Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
|
// Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
|
||||||
// @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
|
// @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
|
||||||
$link = sprintf(
|
$link = sprintf(
|
||||||
'<button class="menu-item-link-return" tabindex="-1">%s',
|
'<button class="menu-item-link-return" tabindex="-1">%s',
|
||||||
twentynineteen_get_icon_svg( 'chevron_left', 24 )
|
twentynineteen_get_icon_svg( 'chevron_left', 24 )
|
||||||
);
|
);
|
||||||
|
|
||||||
// Replace opening <a> with <button>.
|
// Replace opening <a> with <button>.
|
||||||
$item_output = preg_replace(
|
$item_output = preg_replace(
|
||||||
'/<a\s.*?>/',
|
'/<a\s.*?>/',
|
||||||
$link,
|
$link,
|
||||||
$item_output,
|
$item_output,
|
||||||
1 // Limit.
|
1 // Limit.
|
||||||
);
|
);
|
||||||
|
|
||||||
// Replace closing </a> with </button>.
|
// Replace closing </a> with </button>.
|
||||||
$item_output = preg_replace(
|
$item_output = preg_replace(
|
||||||
'#</a>#i',
|
'#</a>#i',
|
||||||
'</button>',
|
'</button>',
|
||||||
$item_output,
|
$item_output,
|
||||||
1 // Limit.
|
1 // Limit.
|
||||||
);
|
);
|
||||||
|
|
||||||
} elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
|
} elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
|
||||||
|
|
||||||
// Add SVG icon to parent items.
|
// Add SVG icon to parent items.
|
||||||
$icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
|
$icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
|
||||||
|
|
||||||
$item_output .= sprintf(
|
$item_output .= sprintf(
|
||||||
'<button class="submenu-expand" tabindex="-1">%s</button>',
|
'<button class="submenu-expand" tabindex="-1">%s</button>',
|
||||||
$icon
|
$icon
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
return $item_output;
|
return $item_output;
|
||||||
}
|
}
|
||||||
add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
|
add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
|
||||||
|
|||||||
@ -1,211 +1,212 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Functions which enhance the theme by hooking into WordPress
|
* Functions which enhance the theme by hooking into WordPress
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Adds custom classes to the array of body classes.
|
* Adds custom classes to the array of body classes.
|
||||||
*
|
*
|
||||||
* @param array $classes Classes for the body element.
|
* @param array $classes Classes for the body element.
|
||||||
* @return array
|
* @return array
|
||||||
*/
|
*/
|
||||||
function twentynineteen_body_classes( $classes ) {
|
function twentynineteen_body_classes( $classes ) {
|
||||||
|
|
||||||
if ( is_singular() ) {
|
if ( is_singular() ) {
|
||||||
// Adds `singular` to singular pages.
|
// Adds `singular` to singular pages.
|
||||||
$classes[] = 'singular';
|
$classes[] = 'singular';
|
||||||
} else {
|
} else {
|
||||||
// Adds `hfeed` to non-singular pages.
|
// Adds `hfeed` to non-singular pages.
|
||||||
$classes[] = 'hfeed';
|
$classes[] = 'hfeed';
|
||||||
}
|
}
|
||||||
|
|
||||||
// Adds a class if image filters are enabled.
|
// Adds a class if image filters are enabled.
|
||||||
if ( twentynineteen_image_filters_enabled() ) {
|
if ( twentynineteen_image_filters_enabled() ) {
|
||||||
$classes[] = 'image-filters-enabled';
|
$classes[] = 'image-filters-enabled';
|
||||||
}
|
}
|
||||||
|
|
||||||
return $classes;
|
return $classes;
|
||||||
}
|
}
|
||||||
add_filter( 'body_class', 'twentynineteen_body_classes' );
|
add_filter( 'body_class', 'twentynineteen_body_classes' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Adds custom class to the array of posts classes.
|
* Adds custom class to the array of posts classes.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_post_classes( $classes, $class, $post_id ) {
|
function twentynineteen_post_classes( $classes, $class, $post_id ) {
|
||||||
$classes[] = 'entry';
|
$classes[] = 'entry';
|
||||||
|
|
||||||
return $classes;
|
return $classes;
|
||||||
}
|
}
|
||||||
add_filter( 'post_class', 'twentynineteen_post_classes', 10, 3 );
|
add_filter( 'post_class', 'twentynineteen_post_classes', 10, 3 );
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add a pingback url auto-discovery header for single posts, pages, or attachments.
|
* Add a pingback url auto-discovery header for single posts, pages, or attachments.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_pingback_header() {
|
function twentynineteen_pingback_header() {
|
||||||
if ( is_singular() && pings_open() ) {
|
if ( is_singular() && pings_open() ) {
|
||||||
echo '<link rel="pingback" href="', esc_url( get_bloginfo( 'pingback_url' ) ), '">';
|
echo '<link rel="pingback" href="', esc_url( get_bloginfo( 'pingback_url' ) ), '">';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
add_action( 'wp_head', 'twentynineteen_pingback_header' );
|
add_action( 'wp_head', 'twentynineteen_pingback_header' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Changes comment form default fields.
|
* Changes comment form default fields.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_comment_form_defaults( $defaults ) {
|
function twentynineteen_comment_form_defaults( $defaults ) {
|
||||||
$comment_field = $defaults['comment_field'];
|
$comment_field = $defaults['comment_field'];
|
||||||
|
|
||||||
// Adjust height of comment form.
|
// Adjust height of comment form.
|
||||||
$defaults['comment_field'] = preg_replace( '/rows="\d+"/', 'rows="5"', $comment_field );
|
$defaults['comment_field'] = preg_replace( '/rows="\d+"/', 'rows="5"', $comment_field );
|
||||||
|
|
||||||
return $defaults;
|
return $defaults;
|
||||||
}
|
}
|
||||||
add_filter( 'comment_form_defaults', 'twentynineteen_comment_form_defaults' );
|
add_filter( 'comment_form_defaults', 'twentynineteen_comment_form_defaults' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filters the default archive titles.
|
* Filters the default archive titles.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_the_archive_title() {
|
function twentynineteen_get_the_archive_title() {
|
||||||
if ( is_category() ) {
|
if ( is_category() ) {
|
||||||
$title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
$title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||||
} elseif ( is_tag() ) {
|
} elseif ( is_tag() ) {
|
||||||
$title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
$title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||||
} elseif ( is_author() ) {
|
} elseif ( is_author() ) {
|
||||||
$title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
|
$title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
|
||||||
} elseif ( is_year() ) {
|
} elseif ( is_year() ) {
|
||||||
$title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
|
$title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||||
} elseif ( is_month() ) {
|
} elseif ( is_month() ) {
|
||||||
$title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
|
$title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||||
} elseif ( is_day() ) {
|
} elseif ( is_day() ) {
|
||||||
$title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
|
$title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
|
||||||
} elseif ( is_post_type_archive() ) {
|
} elseif ( is_post_type_archive() ) {
|
||||||
$title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
|
$title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
|
||||||
} elseif ( is_tax() ) {
|
} elseif ( is_tax() ) {
|
||||||
$tax = get_taxonomy( get_queried_object()->taxonomy );
|
$tax = get_taxonomy( get_queried_object()->taxonomy );
|
||||||
/* translators: %s: Taxonomy singular name. */
|
/* translators: %s: Taxonomy singular name. */
|
||||||
$title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
|
$title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
|
||||||
} else {
|
} else {
|
||||||
$title = __( 'Archives:', 'twentynineteen' );
|
$title = __( 'Archives:', 'twentynineteen' );
|
||||||
}
|
}
|
||||||
return $title;
|
return $title;
|
||||||
}
|
}
|
||||||
add_filter( 'get_the_archive_title', 'twentynineteen_get_the_archive_title' );
|
add_filter( 'get_the_archive_title', 'twentynineteen_get_the_archive_title' );
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add custom sizes attribute to responsive image functionality for post thumbnails.
|
* Add custom 'sizes' attribute to responsive image functionality for post thumbnails.
|
||||||
*
|
*
|
||||||
* @origin Twenty Nineteen 1.0
|
* @origin Twenty Nineteen 1.0
|
||||||
*
|
*
|
||||||
* @param array $attr Attributes for the image markup.
|
* @param string[] $attr Array of attribute values for the image markup, keyed by attribute name.
|
||||||
* @return string Value for use in post thumbnail 'sizes' attribute.
|
* See wp_get_attachment_image().
|
||||||
*/
|
* @return string[] The filtered attributes for the image markup.
|
||||||
function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
|
*/
|
||||||
|
function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
|
||||||
if ( is_admin() ) {
|
|
||||||
return $attr;
|
if ( is_admin() ) {
|
||||||
}
|
return $attr;
|
||||||
|
}
|
||||||
if ( ! is_singular() ) {
|
|
||||||
$attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
|
if ( ! is_singular() ) {
|
||||||
}
|
$attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
|
||||||
|
}
|
||||||
return $attr;
|
|
||||||
}
|
return $attr;
|
||||||
add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
|
}
|
||||||
|
add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
|
||||||
/**
|
|
||||||
* Add an extra menu to our nav for our priority+ navigation to use
|
/**
|
||||||
*
|
* Add an extra menu to our nav for our priority+ navigation to use
|
||||||
* @param string $nav_menu Nav menu.
|
*
|
||||||
* @param object $args Nav menu args.
|
* @param string $nav_menu Nav menu.
|
||||||
* @return string More link for hidden menu items.
|
* @param object $args Nav menu args.
|
||||||
*/
|
* @return string More link for hidden menu items.
|
||||||
function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
|
*/
|
||||||
|
function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
|
||||||
if ( 'menu-1' === $args->theme_location ) :
|
|
||||||
|
if ( 'menu-1' === $args->theme_location ) :
|
||||||
$nav_menu .= '
|
|
||||||
<div class="main-menu-more">
|
$nav_menu .= '
|
||||||
<ul class="main-menu">
|
<div class="main-menu-more">
|
||||||
<li class="menu-item menu-item-has-children">
|
<ul class="main-menu">
|
||||||
<button class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1"
|
<li class="menu-item menu-item-has-children">
|
||||||
aria-label="' . esc_attr__( 'More', 'twentynineteen' ) . '" aria-haspopup="true" aria-expanded="false">' .
|
<button class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1"
|
||||||
twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' ) . '
|
aria-label="' . esc_attr__( 'More', 'twentynineteen' ) . '" aria-haspopup="true" aria-expanded="false">' .
|
||||||
</button>
|
twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' ) . '
|
||||||
<ul class="sub-menu hidden-links">
|
</button>
|
||||||
<li class="mobile-parent-nav-menu-item">
|
<ul class="sub-menu hidden-links">
|
||||||
<button class="menu-item-link-return">' .
|
<li class="mobile-parent-nav-menu-item">
|
||||||
twentynineteen_get_icon_svg( 'chevron_left' ) .
|
<button class="menu-item-link-return">' .
|
||||||
esc_html__( 'Back', 'twentynineteen' ) . '
|
twentynineteen_get_icon_svg( 'chevron_left' ) .
|
||||||
</button>
|
esc_html__( 'Back', 'twentynineteen' ) . '
|
||||||
</li>
|
</button>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</div>';
|
</ul>
|
||||||
|
</div>';
|
||||||
endif;
|
|
||||||
|
endif;
|
||||||
return $nav_menu;
|
|
||||||
}
|
return $nav_menu;
|
||||||
add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
|
}
|
||||||
|
add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
|
||||||
/**
|
|
||||||
* WCAG 2.0 Attributes for Dropdown Menus
|
/**
|
||||||
*
|
* WCAG 2.0 Attributes for Dropdown Menus
|
||||||
* Adjustments to menu attributes tot support WCAG 2.0 recommendations
|
*
|
||||||
* for flyout and dropdown menus.
|
* Adjustments to menu attributes tot support WCAG 2.0 recommendations
|
||||||
*
|
* for flyout and dropdown menus.
|
||||||
* @ref https://www.w3.org/WAI/tutorials/menus/flyout/
|
*
|
||||||
*/
|
* @ref https://www.w3.org/WAI/tutorials/menus/flyout/
|
||||||
function twentynineteen_nav_menu_link_attributes( $atts, $item, $args, $depth ) {
|
*/
|
||||||
|
function twentynineteen_nav_menu_link_attributes( $atts, $item, $args, $depth ) {
|
||||||
// Add [aria-haspopup] and [aria-expanded] to menu items that have children.
|
|
||||||
$item_has_children = in_array( 'menu-item-has-children', $item->classes, true );
|
// Add [aria-haspopup] and [aria-expanded] to menu items that have children.
|
||||||
if ( $item_has_children ) {
|
$item_has_children = in_array( 'menu-item-has-children', $item->classes, true );
|
||||||
$atts['aria-haspopup'] = 'true';
|
if ( $item_has_children ) {
|
||||||
$atts['aria-expanded'] = 'false';
|
$atts['aria-haspopup'] = 'true';
|
||||||
}
|
$atts['aria-expanded'] = 'false';
|
||||||
|
}
|
||||||
return $atts;
|
|
||||||
}
|
return $atts;
|
||||||
add_filter( 'nav_menu_link_attributes', 'twentynineteen_nav_menu_link_attributes', 10, 4 );
|
}
|
||||||
|
add_filter( 'nav_menu_link_attributes', 'twentynineteen_nav_menu_link_attributes', 10, 4 );
|
||||||
/**
|
|
||||||
* Create a nav menu item to be displayed on mobile to navigate from submenu back to the parent.
|
/**
|
||||||
*
|
* Create a nav menu item to be displayed on mobile to navigate from submenu back to the parent.
|
||||||
* This duplicates each parent nav menu item and makes it the first child of itself.
|
*
|
||||||
*
|
* This duplicates each parent nav menu item and makes it the first child of itself.
|
||||||
* @param array $sorted_menu_items Sorted nav menu items.
|
*
|
||||||
* @param object $args Nav menu args.
|
* @param array $sorted_menu_items Sorted nav menu items.
|
||||||
* @return array Amended nav menu items.
|
* @param object $args Nav menu args.
|
||||||
*/
|
* @return array Amended nav menu items.
|
||||||
function twentynineteen_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args ) {
|
*/
|
||||||
static $pseudo_id = 0;
|
function twentynineteen_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args ) {
|
||||||
if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
|
static $pseudo_id = 0;
|
||||||
return $sorted_menu_items;
|
if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
|
||||||
}
|
return $sorted_menu_items;
|
||||||
|
}
|
||||||
$amended_menu_items = array();
|
|
||||||
foreach ( $sorted_menu_items as $nav_menu_item ) {
|
$amended_menu_items = array();
|
||||||
$amended_menu_items[] = $nav_menu_item;
|
foreach ( $sorted_menu_items as $nav_menu_item ) {
|
||||||
if ( in_array( 'menu-item-has-children', $nav_menu_item->classes, true ) ) {
|
$amended_menu_items[] = $nav_menu_item;
|
||||||
$parent_menu_item = clone $nav_menu_item;
|
if ( in_array( 'menu-item-has-children', $nav_menu_item->classes, true ) ) {
|
||||||
$parent_menu_item->original_id = $nav_menu_item->ID;
|
$parent_menu_item = clone $nav_menu_item;
|
||||||
$parent_menu_item->ID = --$pseudo_id;
|
$parent_menu_item->original_id = $nav_menu_item->ID;
|
||||||
$parent_menu_item->db_id = $parent_menu_item->ID;
|
$parent_menu_item->ID = --$pseudo_id;
|
||||||
$parent_menu_item->object_id = $parent_menu_item->ID;
|
$parent_menu_item->db_id = $parent_menu_item->ID;
|
||||||
$parent_menu_item->classes = array( 'mobile-parent-nav-menu-item' );
|
$parent_menu_item->object_id = $parent_menu_item->ID;
|
||||||
$parent_menu_item->menu_item_parent = $nav_menu_item->ID;
|
$parent_menu_item->classes = array( 'mobile-parent-nav-menu-item' );
|
||||||
|
$parent_menu_item->menu_item_parent = $nav_menu_item->ID;
|
||||||
$amended_menu_items[] = $parent_menu_item;
|
|
||||||
}
|
$amended_menu_items[] = $parent_menu_item;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
return $amended_menu_items;
|
|
||||||
}
|
return $amended_menu_items;
|
||||||
add_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items', 10, 2 );
|
}
|
||||||
|
add_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items', 10, 2 );
|
||||||
|
|||||||
@ -1,258 +1,257 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Custom template tags for this theme
|
* Custom template tags for this theme
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_posted_on' ) ) :
|
if ( ! function_exists( 'twentynineteen_posted_on' ) ) :
|
||||||
/**
|
/**
|
||||||
* Prints HTML with meta information for the current post-date/time.
|
* Prints HTML with meta information for the current post-date/time.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_posted_on() {
|
function twentynineteen_posted_on() {
|
||||||
$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
|
$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
|
||||||
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
|
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
|
||||||
$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
|
$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
|
||||||
}
|
}
|
||||||
|
|
||||||
$time_string = sprintf(
|
$time_string = sprintf(
|
||||||
$time_string,
|
$time_string,
|
||||||
esc_attr( get_the_date( DATE_W3C ) ),
|
esc_attr( get_the_date( DATE_W3C ) ),
|
||||||
esc_html( get_the_date() ),
|
esc_html( get_the_date() ),
|
||||||
esc_attr( get_the_modified_date( DATE_W3C ) ),
|
esc_attr( get_the_modified_date( DATE_W3C ) ),
|
||||||
esc_html( get_the_modified_date() )
|
esc_html( get_the_modified_date() )
|
||||||
);
|
);
|
||||||
|
|
||||||
printf(
|
printf(
|
||||||
'<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
|
'<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
|
||||||
twentynineteen_get_icon_svg( 'watch', 16 ),
|
twentynineteen_get_icon_svg( 'watch', 16 ),
|
||||||
esc_url( get_permalink() ),
|
esc_url( get_permalink() ),
|
||||||
$time_string
|
$time_string
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_posted_by' ) ) :
|
if ( ! function_exists( 'twentynineteen_posted_by' ) ) :
|
||||||
/**
|
/**
|
||||||
* Prints HTML with meta information about theme author.
|
* Prints HTML with meta information about theme author.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_posted_by() {
|
function twentynineteen_posted_by() {
|
||||||
printf(
|
printf(
|
||||||
/* translators: 1: SVG icon. 2: Post author, only visible to screen readers. 3: Author link. */
|
/* translators: 1: SVG icon. 2: Post author, only visible to screen readers. 3: Author link. */
|
||||||
'<span class="byline">%1$s<span class="screen-reader-text">%2$s</span><span class="author vcard"><a class="url fn n" href="%3$s">%4$s</a></span></span>',
|
'<span class="byline">%1$s<span class="screen-reader-text">%2$s</span><span class="author vcard"><a class="url fn n" href="%3$s">%4$s</a></span></span>',
|
||||||
twentynineteen_get_icon_svg( 'person', 16 ),
|
twentynineteen_get_icon_svg( 'person', 16 ),
|
||||||
__( 'Posted by', 'twentynineteen' ),
|
__( 'Posted by', 'twentynineteen' ),
|
||||||
esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
|
esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
|
||||||
esc_html( get_the_author() )
|
esc_html( get_the_author() )
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_comment_count' ) ) :
|
if ( ! function_exists( 'twentynineteen_comment_count' ) ) :
|
||||||
/**
|
/**
|
||||||
* Prints HTML with the comment count for the current post.
|
* Prints HTML with the comment count for the current post.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_comment_count() {
|
function twentynineteen_comment_count() {
|
||||||
if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
|
if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
|
||||||
echo '<span class="comments-link">';
|
echo '<span class="comments-link">';
|
||||||
echo twentynineteen_get_icon_svg( 'comment', 16 );
|
echo twentynineteen_get_icon_svg( 'comment', 16 );
|
||||||
|
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
comments_popup_link( sprintf( __( 'Leave a comment<span class="screen-reader-text"> on %s</span>', 'twentynineteen' ), get_the_title() ) );
|
comments_popup_link( sprintf( __( 'Leave a comment<span class="screen-reader-text"> on %s</span>', 'twentynineteen' ), get_the_title() ) );
|
||||||
|
|
||||||
echo '</span>';
|
echo '</span>';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_entry_footer' ) ) :
|
if ( ! function_exists( 'twentynineteen_entry_footer' ) ) :
|
||||||
/**
|
/**
|
||||||
* Prints HTML with meta information for the categories, tags and comments.
|
* Prints HTML with meta information for the categories, tags and comments.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_entry_footer() {
|
function twentynineteen_entry_footer() {
|
||||||
|
|
||||||
// Hide author, post date, category and tag text for pages.
|
// Hide author, post date, category and tag text for pages.
|
||||||
if ( 'post' === get_post_type() ) {
|
if ( 'post' === get_post_type() ) {
|
||||||
|
|
||||||
// Posted by.
|
// Posted by.
|
||||||
twentynineteen_posted_by();
|
twentynineteen_posted_by();
|
||||||
|
|
||||||
// Posted on.
|
// Posted on.
|
||||||
twentynineteen_posted_on();
|
twentynineteen_posted_on();
|
||||||
|
|
||||||
/* translators: Used between list items, there is a space after the comma. */
|
/* translators: Used between list items, there is a space after the comma. */
|
||||||
$categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
|
$categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
|
||||||
if ( $categories_list ) {
|
if ( $categories_list ) {
|
||||||
printf(
|
printf(
|
||||||
/* translators: 1: SVG icon. 2: Posted in label, only visible to screen readers. 3: List of categories. */
|
/* translators: 1: SVG icon. 2: Posted in label, only visible to screen readers. 3: List of categories. */
|
||||||
'<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
|
'<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
|
||||||
twentynineteen_get_icon_svg( 'archive', 16 ),
|
twentynineteen_get_icon_svg( 'archive', 16 ),
|
||||||
__( 'Posted in', 'twentynineteen' ),
|
__( 'Posted in', 'twentynineteen' ),
|
||||||
$categories_list
|
$categories_list
|
||||||
); // WPCS: XSS OK.
|
); // WPCS: XSS OK.
|
||||||
}
|
}
|
||||||
|
|
||||||
/* translators: Used between list items, there is a space after the comma. */
|
/* translators: Used between list items, there is a space after the comma. */
|
||||||
$tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
|
$tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
|
||||||
if ( $tags_list && ! is_wp_error( $tags_list ) ) {
|
if ( $tags_list && ! is_wp_error( $tags_list ) ) {
|
||||||
printf(
|
printf(
|
||||||
/* translators: 1: SVG icon. 2: Posted in label, only visible to screen readers. 3: List of tags. */
|
/* translators: 1: SVG icon. 2: Posted in label, only visible to screen readers. 3: List of tags. */
|
||||||
'<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
|
'<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
|
||||||
twentynineteen_get_icon_svg( 'tag', 16 ),
|
twentynineteen_get_icon_svg( 'tag', 16 ),
|
||||||
__( 'Tags:', 'twentynineteen' ),
|
__( 'Tags:', 'twentynineteen' ),
|
||||||
$tags_list
|
$tags_list
|
||||||
); // WPCS: XSS OK.
|
); // WPCS: XSS OK.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Comment count.
|
// Comment count.
|
||||||
if ( ! is_singular() ) {
|
if ( ! is_singular() ) {
|
||||||
twentynineteen_comment_count();
|
twentynineteen_comment_count();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Edit post link.
|
// Edit post link.
|
||||||
edit_post_link(
|
edit_post_link(
|
||||||
sprintf(
|
sprintf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
),
|
),
|
||||||
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
||||||
'</span>'
|
'</span>'
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_post_thumbnail' ) ) :
|
if ( ! function_exists( 'twentynineteen_post_thumbnail' ) ) :
|
||||||
/**
|
/**
|
||||||
* Displays an optional post thumbnail.
|
* Displays an optional post thumbnail.
|
||||||
*
|
*
|
||||||
* Wraps the post thumbnail in an anchor element on index views, or a div
|
* Wraps the post thumbnail in an anchor element on index views, or a div
|
||||||
* element when on single views.
|
* element when on single views.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_post_thumbnail() {
|
function twentynineteen_post_thumbnail() {
|
||||||
if ( ! twentynineteen_can_show_post_thumbnail() ) {
|
if ( ! twentynineteen_can_show_post_thumbnail() ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( is_singular() ) :
|
if ( is_singular() ) :
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<figure class="post-thumbnail">
|
<figure class="post-thumbnail">
|
||||||
<?php the_post_thumbnail(); ?>
|
<?php the_post_thumbnail(); ?>
|
||||||
</figure><!-- .post-thumbnail -->
|
</figure><!-- .post-thumbnail -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
else :
|
else :
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<figure class="post-thumbnail">
|
<figure class="post-thumbnail">
|
||||||
<a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
|
<a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
|
||||||
<?php the_post_thumbnail( 'post-thumbnail' ); ?>
|
<?php the_post_thumbnail( 'post-thumbnail' ); ?>
|
||||||
</a>
|
</a>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
endif; // End is_singular().
|
endif; // End is_singular().
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_get_user_avatar_markup' ) ) :
|
if ( ! function_exists( 'twentynineteen_get_user_avatar_markup' ) ) :
|
||||||
/**
|
/**
|
||||||
* Returns the HTML markup to generate a user avatar.
|
* Returns the HTML markup to generate a user avatar.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_get_user_avatar_markup( $id_or_email = null ) {
|
function twentynineteen_get_user_avatar_markup( $id_or_email = null ) {
|
||||||
|
|
||||||
if ( ! isset( $id_or_email ) ) {
|
if ( ! isset( $id_or_email ) ) {
|
||||||
$id_or_email = get_current_user_id();
|
$id_or_email = get_current_user_id();
|
||||||
}
|
}
|
||||||
|
|
||||||
return sprintf( '<div class="comment-user-avatar comment-author vcard">%s</div>', get_avatar( $id_or_email, twentynineteen_get_avatar_size() ) );
|
return sprintf( '<div class="comment-user-avatar comment-author vcard">%s</div>', get_avatar( $id_or_email, twentynineteen_get_avatar_size() ) );
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_discussion_avatars_list' ) ) :
|
if ( ! function_exists( 'twentynineteen_discussion_avatars_list' ) ) :
|
||||||
/**
|
/**
|
||||||
* Displays a list of avatars involved in a discussion for a given post.
|
* Displays a list of avatars involved in a discussion for a given post.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_discussion_avatars_list( $comment_authors ) {
|
function twentynineteen_discussion_avatars_list( $comment_authors ) {
|
||||||
if ( empty( $comment_authors ) ) {
|
if ( empty( $comment_authors ) ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
echo '<ol class="discussion-avatar-list">', "\n";
|
echo '<ol class="discussion-avatar-list">', "\n";
|
||||||
foreach ( $comment_authors as $id_or_email ) {
|
foreach ( $comment_authors as $id_or_email ) {
|
||||||
printf(
|
printf(
|
||||||
"<li>%s</li>\n",
|
"<li>%s</li>\n",
|
||||||
twentynineteen_get_user_avatar_markup( $id_or_email )
|
twentynineteen_get_user_avatar_markup( $id_or_email )
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
echo '</ol><!-- .discussion-avatar-list -->', "\n";
|
echo '</ol><!-- .discussion-avatar-list -->', "\n";
|
||||||
}
|
}
|
||||||
endif;
|
endif;
|
||||||
|
|
||||||
if ( ! function_exists( 'twentynineteen_comment_form' ) ) :
|
if ( ! function_exists( 'twentynineteen_comment_form' ) ) :
|
||||||
/**
|
/**
|
||||||
* Documentation for function.
|
* Documentation for function.
|
||||||
*/
|
*/
|
||||||
function twentynineteen_comment_form( $order ) {
|
function twentynineteen_comment_form( $order ) {
|
||||||
if ( true === $order || strtolower( $order ) === strtolower( get_option( 'comment_order', 'asc' ) ) ) {
|
if ( true === $order || strtolower( $order ) === strtolower( get_option( 'comment_order', 'asc' ) ) ) {
|
||||||
|
|
||||||
comment_form(
|
comment_form(
|
||||||
array(
|
array(
|
||||||
'logged_in_as' => null,
|
'title_reply' => null,
|
||||||
'title_reply' => null,
|
)
|
||||||
)
|
);
|
||||||
);
|
}
|
||||||
}
|
}
|
||||||
}
|
endif;
|
||||||
endif;
|
|
||||||
|
if ( ! function_exists( 'twentynineteen_the_posts_navigation' ) ) :
|
||||||
if ( ! function_exists( 'twentynineteen_the_posts_navigation' ) ) :
|
/**
|
||||||
/**
|
* Documentation for function.
|
||||||
* Documentation for function.
|
*/
|
||||||
*/
|
function twentynineteen_the_posts_navigation() {
|
||||||
function twentynineteen_the_posts_navigation() {
|
the_posts_pagination(
|
||||||
the_posts_pagination(
|
array(
|
||||||
array(
|
'mid_size' => 2,
|
||||||
'mid_size' => 2,
|
'prev_text' => sprintf(
|
||||||
'prev_text' => sprintf(
|
'%s <span class="nav-prev-text">%s</span>',
|
||||||
'%s <span class="nav-prev-text">%s</span>',
|
twentynineteen_get_icon_svg( 'chevron_left', 22 ),
|
||||||
twentynineteen_get_icon_svg( 'chevron_left', 22 ),
|
__( 'Newer posts', 'twentynineteen' )
|
||||||
__( 'Newer posts', 'twentynineteen' )
|
),
|
||||||
),
|
'next_text' => sprintf(
|
||||||
'next_text' => sprintf(
|
'<span class="nav-next-text">%s</span> %s',
|
||||||
'<span class="nav-next-text">%s</span> %s',
|
__( 'Older posts', 'twentynineteen' ),
|
||||||
__( 'Older posts', 'twentynineteen' ),
|
twentynineteen_get_icon_svg( 'chevron_right', 22 )
|
||||||
twentynineteen_get_icon_svg( 'chevron_right', 22 )
|
),
|
||||||
),
|
)
|
||||||
)
|
);
|
||||||
);
|
}
|
||||||
}
|
endif;
|
||||||
endif;
|
|
||||||
|
if ( ! function_exists( 'wp_body_open' ) ) :
|
||||||
if ( ! function_exists( 'wp_body_open' ) ) :
|
/**
|
||||||
/**
|
* Fire the wp_body_open action.
|
||||||
* Fire the wp_body_open action.
|
*
|
||||||
*
|
* Added for backward compatibility to support pre-5.2.0 WordPress versions.
|
||||||
* Added for backward compatibility to support pre-5.2.0 WordPress versions.
|
*
|
||||||
*
|
* @since Twenty Nineteen 1.4
|
||||||
* @since Twenty Nineteen 1.4
|
*/
|
||||||
*/
|
function wp_body_open() {
|
||||||
function wp_body_open() {
|
/**
|
||||||
/**
|
* Triggered after the opening <body> tag.
|
||||||
* Triggered after the opening <body> tag.
|
*
|
||||||
*
|
* @since Twenty Nineteen 1.4
|
||||||
* @since Twenty Nineteen 1.4
|
*/
|
||||||
*/
|
do_action( 'wp_body_open' );
|
||||||
do_action( 'wp_body_open' );
|
}
|
||||||
}
|
endif;
|
||||||
endif;
|
|
||||||
|
|||||||
@ -1,47 +1,47 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The main template file
|
* The main template file
|
||||||
*
|
*
|
||||||
* This is the most generic template file in a WordPress theme
|
* This is the most generic template file in a WordPress theme
|
||||||
* and one of the two required files for a theme (the other being style.css).
|
* and one of the two required files for a theme (the other being style.css).
|
||||||
* It is used to display a page when nothing more specific matches a query.
|
* It is used to display a page when nothing more specific matches a query.
|
||||||
* E.g., it puts together the home page when no home.php file exists.
|
* E.g., it puts together the home page when no home.php file exists.
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
if ( have_posts() ) {
|
if ( have_posts() ) {
|
||||||
|
|
||||||
// Load posts loop.
|
// Load posts loop.
|
||||||
while ( have_posts() ) {
|
while ( have_posts() ) {
|
||||||
the_post();
|
the_post();
|
||||||
get_template_part( 'template-parts/content/content' );
|
get_template_part( 'template-parts/content/content' );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Previous/next page navigation.
|
// Previous/next page navigation.
|
||||||
twentynineteen_the_posts_navigation();
|
twentynineteen_the_posts_navigation();
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
// If no content, include the "No posts found" template.
|
// If no content, include the "No posts found" template.
|
||||||
get_template_part( 'template-parts/content/content', 'none' );
|
get_template_part( 'template-parts/content/content', 'none' );
|
||||||
|
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</main><!-- .site-main -->
|
</main><!-- .site-main -->
|
||||||
</div><!-- .content-area -->
|
</div><!-- .content-area -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,30 +1,30 @@
|
|||||||
/**
|
/**
|
||||||
* File customize-controls.js.
|
* File customize-controls.js.
|
||||||
*
|
*
|
||||||
* Theme Customizer enhancements for a better user experience.
|
* Theme Customizer enhancements for a better user experience.
|
||||||
*
|
*
|
||||||
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
|
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
wp.customize.bind( 'ready', function() {
|
wp.customize.bind( 'ready', function() {
|
||||||
|
|
||||||
// Only show the color hue control when there's a custom primary color.
|
// Only show the color hue control when there's a custom primary color.
|
||||||
wp.customize( 'primary_color', function( setting ) {
|
wp.customize( 'primary_color', function( setting ) {
|
||||||
wp.customize.control( 'primary_color_hue', function( control ) {
|
wp.customize.control( 'primary_color_hue', function( control ) {
|
||||||
var visibility = function() {
|
var visibility = function() {
|
||||||
if ( 'custom' === setting.get() ) {
|
if ( 'custom' === setting.get() ) {
|
||||||
control.container.slideDown( 180 );
|
control.container.slideDown( 180 );
|
||||||
} else {
|
} else {
|
||||||
control.container.slideUp( 180 );
|
control.container.slideUp( 180 );
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
visibility();
|
visibility();
|
||||||
setting.bind( visibility );
|
setting.bind( visibility );
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
@ -1,60 +1,60 @@
|
|||||||
/**
|
/**
|
||||||
* File customize-preview.js.
|
* File customize-preview.js.
|
||||||
*
|
*
|
||||||
* Theme Customizer enhancements for a better user experience.
|
* Theme Customizer enhancements for a better user experience.
|
||||||
*
|
*
|
||||||
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
|
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function( $ ) {
|
(function( $ ) {
|
||||||
|
|
||||||
// Primary color.
|
// Primary color.
|
||||||
wp.customize( 'primary_color', function( value ) {
|
wp.customize( 'primary_color', function( value ) {
|
||||||
value.bind( function( to ) {
|
value.bind( function( to ) {
|
||||||
// Update custom color CSS.
|
// Update custom color CSS.
|
||||||
var style = $( '#custom-theme-colors' ),
|
var style = $( '#custom-theme-colors' ),
|
||||||
hue = style.data( 'hue' ),
|
hue = style.data( 'hue' ),
|
||||||
css = style.html(),
|
css = style.html(),
|
||||||
color;
|
color;
|
||||||
|
|
||||||
if( 'custom' === to ){
|
if( 'custom' === to ){
|
||||||
// If a custom primary color is selected, use the currently set primary_color_hue.
|
// If a custom primary color is selected, use the currently set primary_color_hue.
|
||||||
color = wp.customize.get().primary_color_hue;
|
color = wp.customize.get().primary_color_hue;
|
||||||
} else {
|
} else {
|
||||||
// If the "default" option is selected, get the default primary_color_hue.
|
// If the "default" option is selected, get the default primary_color_hue.
|
||||||
color = 199;
|
color = 199;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
||||||
css = css.split( hue + ',' ).join( color + ',' );
|
css = css.split( hue + ',' ).join( color + ',' );
|
||||||
style.html( css ).data( 'hue', color );
|
style.html( css ).data( 'hue', color );
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Primary color hue.
|
// Primary color hue.
|
||||||
wp.customize( 'primary_color_hue', function( value ) {
|
wp.customize( 'primary_color_hue', function( value ) {
|
||||||
value.bind( function( to ) {
|
value.bind( function( to ) {
|
||||||
|
|
||||||
// Update custom color CSS.
|
// Update custom color CSS.
|
||||||
var style = $( '#custom-theme-colors' ),
|
var style = $( '#custom-theme-colors' ),
|
||||||
hue = style.data( 'hue' ),
|
hue = style.data( 'hue' ),
|
||||||
css = style.html();
|
css = style.html();
|
||||||
|
|
||||||
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
||||||
css = css.split( hue + ',' ).join( to + ',' );
|
css = css.split( hue + ',' ).join( to + ',' );
|
||||||
style.html( css ).data( 'hue', to );
|
style.html( css ).data( 'hue', to );
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Image filter.
|
// Image filter.
|
||||||
wp.customize( 'image_filter', function( value ) {
|
wp.customize( 'image_filter', function( value ) {
|
||||||
value.bind( function( to ) {
|
value.bind( function( to ) {
|
||||||
if ( to ) {
|
if ( to ) {
|
||||||
$( 'body' ).addClass( 'image-filters-enabled' );
|
$( 'body' ).addClass( 'image-filters-enabled' );
|
||||||
} else {
|
} else {
|
||||||
$( 'body' ).removeClass( 'image-filters-enabled' );
|
$( 'body' ).removeClass( 'image-filters-enabled' );
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
} );
|
} );
|
||||||
|
|
||||||
})( jQuery );
|
})( jQuery );
|
||||||
|
|||||||
@ -1,216 +1,216 @@
|
|||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Debounce.
|
* Debounce.
|
||||||
*
|
*
|
||||||
* @param {Function} func
|
* @param {Function} func
|
||||||
* @param {number} wait
|
* @param {number} wait
|
||||||
* @param {boolean} immediate
|
* @param {boolean} immediate
|
||||||
*/
|
*/
|
||||||
function debounce(func, wait, immediate) {
|
function debounce(func, wait, immediate) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var timeout;
|
var timeout;
|
||||||
wait = (typeof wait !== 'undefined') ? wait : 20;
|
wait = (typeof wait !== 'undefined') ? wait : 20;
|
||||||
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
||||||
|
|
||||||
return function() {
|
return function() {
|
||||||
|
|
||||||
var context = this, args = arguments;
|
var context = this, args = arguments;
|
||||||
var later = function() {
|
var later = function() {
|
||||||
timeout = null;
|
timeout = null;
|
||||||
|
|
||||||
if (!immediate) {
|
if (!immediate) {
|
||||||
func.apply(context, args);
|
func.apply(context, args);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
var callNow = immediate && !timeout;
|
var callNow = immediate && !timeout;
|
||||||
|
|
||||||
clearTimeout(timeout);
|
clearTimeout(timeout);
|
||||||
timeout = setTimeout(later, wait);
|
timeout = setTimeout(later, wait);
|
||||||
|
|
||||||
if (callNow) {
|
if (callNow) {
|
||||||
func.apply(context, args);
|
func.apply(context, args);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prepends an element to a container.
|
* Prepends an element to a container.
|
||||||
*
|
*
|
||||||
* @param {Element} container
|
* @param {Element} container
|
||||||
* @param {Element} element
|
* @param {Element} element
|
||||||
*/
|
*/
|
||||||
function prependElement(container, element) {
|
function prependElement(container, element) {
|
||||||
if (container.firstChild.nextSibling) {
|
if (container.firstChild.nextSibling) {
|
||||||
return container.insertBefore(element, container.firstChild.nextSibling);
|
return container.insertBefore(element, container.firstChild.nextSibling);
|
||||||
} else {
|
} else {
|
||||||
return container.appendChild(element);
|
return container.appendChild(element);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Shows an element by adding a hidden className.
|
* Shows an element by adding a hidden className.
|
||||||
*
|
*
|
||||||
* @param {Element} element
|
* @param {Element} element
|
||||||
*/
|
*/
|
||||||
function showButton(element) {
|
function showButton(element) {
|
||||||
// classList.remove is not supported in IE11.
|
// classList.remove is not supported in IE11.
|
||||||
element.className = element.className.replace('is-empty', '');
|
element.className = element.className.replace('is-empty', '');
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hides an element by removing the hidden className.
|
* Hides an element by removing the hidden className.
|
||||||
*
|
*
|
||||||
* @param {Element} element
|
* @param {Element} element
|
||||||
*/
|
*/
|
||||||
function hideButton(element) {
|
function hideButton(element) {
|
||||||
// classList.add is not supported in IE11.
|
// classList.add is not supported in IE11.
|
||||||
if (!element.classList.contains('is-empty')) {
|
if (!element.classList.contains('is-empty')) {
|
||||||
element.className += ' is-empty';
|
element.className += ' is-empty';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns the currently available space in the menu container.
|
* Returns the currently available space in the menu container.
|
||||||
*
|
*
|
||||||
* @returns {number} Available space
|
* @returns {number} Available space
|
||||||
*/
|
*/
|
||||||
function getAvailableSpace( button, container ) {
|
function getAvailableSpace( button, container ) {
|
||||||
return container.offsetWidth - button.offsetWidth - 22;
|
return container.offsetWidth - button.offsetWidth - 22;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns whether the current menu is overflowing or not.
|
* Returns whether the current menu is overflowing or not.
|
||||||
*
|
*
|
||||||
* @returns {boolean} Is overflowing
|
* @returns {boolean} Is overflowing
|
||||||
*/
|
*/
|
||||||
function isOverflowingNavivation( list, button, container ) {
|
function isOverflowingNavivation( list, button, container ) {
|
||||||
return list.offsetWidth > getAvailableSpace( button, container );
|
return list.offsetWidth > getAvailableSpace( button, container );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Set menu container variable.
|
* Set menu container variable.
|
||||||
*/
|
*/
|
||||||
var navContainer = document.querySelector('.main-navigation');
|
var navContainer = document.querySelector('.main-navigation');
|
||||||
var breaks = [];
|
var breaks = [];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Let’s bail if we our menu doesn't exist.
|
* Let’s bail if we our menu doesn't exist.
|
||||||
*/
|
*/
|
||||||
if ( ! navContainer ) {
|
if ( ! navContainer ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Refreshes the list item from the menu depending on the menu size.
|
* Refreshes the list item from the menu depending on the menu size.
|
||||||
*/
|
*/
|
||||||
function updateNavigationMenu( container ) {
|
function updateNavigationMenu( container ) {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Let’s bail if our menu is empty.
|
* Let’s bail if our menu is empty.
|
||||||
*/
|
*/
|
||||||
if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
|
if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Adds the necessary UI to operate the menu.
|
// Adds the necessary UI to operate the menu.
|
||||||
var visibleList = container.parentNode.querySelector('.main-menu[id]');
|
var visibleList = container.parentNode.querySelector('.main-menu[id]');
|
||||||
var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
|
var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
|
||||||
var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
|
var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
|
||||||
|
|
||||||
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
||||||
|
|
||||||
// Record the width of the list.
|
// Record the width of the list.
|
||||||
breaks.push( visibleList.offsetWidth );
|
breaks.push( visibleList.offsetWidth );
|
||||||
// Move last item to the hidden list.
|
// Move last item to the hidden list.
|
||||||
prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
|
prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
|
||||||
// Show the toggle button.
|
// Show the toggle button.
|
||||||
showButton( toggleButton );
|
showButton( toggleButton );
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
// There is space for another item in the nav.
|
// There is space for another item in the nav.
|
||||||
if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
|
if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
|
||||||
// Move the item to the visible list.
|
// Move the item to the visible list.
|
||||||
visibleList.appendChild( hiddenList.firstChild.nextSibling );
|
visibleList.appendChild( hiddenList.firstChild.nextSibling );
|
||||||
breaks.pop();
|
breaks.pop();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Hide the dropdown btn if hidden list is empty.
|
// Hide the dropdown btn if hidden list is empty.
|
||||||
if (breaks.length < 2) {
|
if (breaks.length < 2) {
|
||||||
hideButton( toggleButton );
|
hideButton( toggleButton );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Recur if the visible list is still overflowing the nav.
|
// Recur if the visible list is still overflowing the nav.
|
||||||
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
||||||
updateNavigationMenu( container );
|
updateNavigationMenu( container );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our priority+ function as soon as the document is `ready`.
|
* Run our priority+ function as soon as the document is `ready`.
|
||||||
*/
|
*/
|
||||||
document.addEventListener( 'DOMContentLoaded', function() {
|
document.addEventListener( 'DOMContentLoaded', function() {
|
||||||
|
|
||||||
updateNavigationMenu( navContainer );
|
updateNavigationMenu( navContainer );
|
||||||
|
|
||||||
// Also, run our priority+ function on selective refresh in the customizer.
|
// Also, run our priority+ function on selective refresh in the customizer.
|
||||||
var hasSelectiveRefresh = (
|
var hasSelectiveRefresh = (
|
||||||
'undefined' !== typeof wp &&
|
'undefined' !== typeof wp &&
|
||||||
wp.customize &&
|
wp.customize &&
|
||||||
wp.customize.selectiveRefresh &&
|
wp.customize.selectiveRefresh &&
|
||||||
wp.customize.navMenusPreview.NavMenuInstancePartial
|
wp.customize.navMenusPreview.NavMenuInstancePartial
|
||||||
);
|
);
|
||||||
|
|
||||||
if ( hasSelectiveRefresh ) {
|
if ( hasSelectiveRefresh ) {
|
||||||
// Re-run our priority+ function on Nav Menu partial refreshes.
|
// Re-run our priority+ function on Nav Menu partial refreshes.
|
||||||
wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
|
wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
|
||||||
|
|
||||||
var isNewNavMenu = (
|
var isNewNavMenu = (
|
||||||
placement &&
|
placement &&
|
||||||
placement.partial.id.includes( 'nav_menu_instance' ) &&
|
placement.partial.id.includes( 'nav_menu_instance' ) &&
|
||||||
'null' !== placement.container[0].parentNode &&
|
'null' !== placement.container[0].parentNode &&
|
||||||
placement.container[0].parentNode.classList.contains( 'main-navigation' )
|
placement.container[0].parentNode.classList.contains( 'main-navigation' )
|
||||||
);
|
);
|
||||||
|
|
||||||
if ( isNewNavMenu ) {
|
if ( isNewNavMenu ) {
|
||||||
updateNavigationMenu( placement.container[0].parentNode );
|
updateNavigationMenu( placement.container[0].parentNode );
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our priority+ function on load.
|
* Run our priority+ function on load.
|
||||||
*/
|
*/
|
||||||
window.addEventListener( 'load', function() {
|
window.addEventListener( 'load', function() {
|
||||||
updateNavigationMenu( navContainer );
|
updateNavigationMenu( navContainer );
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our priority+ function every time the window resizes.
|
* Run our priority+ function every time the window resizes.
|
||||||
*/
|
*/
|
||||||
var isResizing = false;
|
var isResizing = false;
|
||||||
window.addEventListener( 'resize',
|
window.addEventListener( 'resize',
|
||||||
debounce( function() {
|
debounce( function() {
|
||||||
if ( isResizing ) {
|
if ( isResizing ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
isResizing = true;
|
isResizing = true;
|
||||||
setTimeout( function() {
|
setTimeout( function() {
|
||||||
updateNavigationMenu( navContainer );
|
updateNavigationMenu( navContainer );
|
||||||
isResizing = false;
|
isResizing = false;
|
||||||
}, 150 );
|
}, 150 );
|
||||||
} )
|
} )
|
||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our priority+ function.
|
* Run our priority+ function.
|
||||||
*/
|
*/
|
||||||
updateNavigationMenu( navContainer );
|
updateNavigationMenu( navContainer );
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
@ -1,33 +1,33 @@
|
|||||||
/**
|
/**
|
||||||
* File skip-link-focus-fix.js.
|
* File skip-link-focus-fix.js.
|
||||||
*
|
*
|
||||||
* Helps with accessibility for keyboard only users.
|
* Helps with accessibility for keyboard only users.
|
||||||
*
|
*
|
||||||
* This is the source file for what is minified in the twentynineteen_skip_link_focus_fix() PHP function.
|
* This is the source file for what is minified in the twentynineteen_skip_link_focus_fix() PHP function.
|
||||||
*
|
*
|
||||||
* Learn more: https://git.io/vWdr2
|
* Learn more: https://git.io/vWdr2
|
||||||
*/
|
*/
|
||||||
( function() {
|
( function() {
|
||||||
var isIe = /(trident|msie)/i.test( navigator.userAgent );
|
var isIe = /(trident|msie)/i.test( navigator.userAgent );
|
||||||
|
|
||||||
if ( isIe && document.getElementById && window.addEventListener ) {
|
if ( isIe && document.getElementById && window.addEventListener ) {
|
||||||
window.addEventListener( 'hashchange', function() {
|
window.addEventListener( 'hashchange', function() {
|
||||||
var id = location.hash.substring( 1 ),
|
var id = location.hash.substring( 1 ),
|
||||||
element;
|
element;
|
||||||
|
|
||||||
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
|
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
element = document.getElementById( id );
|
element = document.getElementById( id );
|
||||||
|
|
||||||
if ( element ) {
|
if ( element ) {
|
||||||
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
|
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
|
||||||
element.tabIndex = -1;
|
element.tabIndex = -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
element.focus();
|
element.focus();
|
||||||
}
|
}
|
||||||
}, false );
|
}, false );
|
||||||
}
|
}
|
||||||
} )();
|
} )();
|
||||||
|
|||||||
@ -1,354 +1,354 @@
|
|||||||
/**
|
/**
|
||||||
* Touch & Keyboard navigation.
|
* Touch & Keyboard navigation.
|
||||||
*
|
*
|
||||||
* Contains handlers for touch devices and keyboard navigation.
|
* Contains handlers for touch devices and keyboard navigation.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Debounce.
|
* Debounce.
|
||||||
*
|
*
|
||||||
* @param {Function} func
|
* @param {Function} func
|
||||||
* @param {number} wait
|
* @param {number} wait
|
||||||
* @param {boolean} immediate
|
* @param {boolean} immediate
|
||||||
*/
|
*/
|
||||||
function debounce(func, wait, immediate) {
|
function debounce(func, wait, immediate) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var timeout;
|
var timeout;
|
||||||
wait = (typeof wait !== 'undefined') ? wait : 20;
|
wait = (typeof wait !== 'undefined') ? wait : 20;
|
||||||
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
||||||
|
|
||||||
return function() {
|
return function() {
|
||||||
|
|
||||||
var context = this, args = arguments;
|
var context = this, args = arguments;
|
||||||
var later = function() {
|
var later = function() {
|
||||||
timeout = null;
|
timeout = null;
|
||||||
|
|
||||||
if (!immediate) {
|
if (!immediate) {
|
||||||
func.apply(context, args);
|
func.apply(context, args);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
var callNow = immediate && !timeout;
|
var callNow = immediate && !timeout;
|
||||||
|
|
||||||
clearTimeout(timeout);
|
clearTimeout(timeout);
|
||||||
timeout = setTimeout(later, wait);
|
timeout = setTimeout(later, wait);
|
||||||
|
|
||||||
if (callNow) {
|
if (callNow) {
|
||||||
func.apply(context, args);
|
func.apply(context, args);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add class.
|
* Add class.
|
||||||
*
|
*
|
||||||
* @param {Object} el
|
* @param {Object} el
|
||||||
* @param {string} cls
|
* @param {string} cls
|
||||||
*/
|
*/
|
||||||
function addClass(el, cls) {
|
function addClass(el, cls) {
|
||||||
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
||||||
el.className += ' ' + cls;
|
el.className += ' ' + cls;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Delete class.
|
* Delete class.
|
||||||
*
|
*
|
||||||
* @param {Object} el
|
* @param {Object} el
|
||||||
* @param {string} cls
|
* @param {string} cls
|
||||||
*/
|
*/
|
||||||
function deleteClass(el, cls) {
|
function deleteClass(el, cls) {
|
||||||
el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
|
el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Has class?
|
* Has class?
|
||||||
*
|
*
|
||||||
* @param {Object} el
|
* @param {Object} el
|
||||||
* @param {string} cls
|
* @param {string} cls
|
||||||
*
|
*
|
||||||
* @returns {boolean} Has class
|
* @returns {boolean} Has class
|
||||||
*/
|
*/
|
||||||
function hasClass(el, cls) {
|
function hasClass(el, cls) {
|
||||||
|
|
||||||
if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
|
if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Toggle Aria Expanded state for screenreaders.
|
* Toggle Aria Expanded state for screenreaders.
|
||||||
*
|
*
|
||||||
* @param {Object} ariaItem
|
* @param {Object} ariaItem
|
||||||
*/
|
*/
|
||||||
function toggleAriaExpandedState( ariaItem ) {
|
function toggleAriaExpandedState( ariaItem ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var ariaState = ariaItem.getAttribute('aria-expanded');
|
var ariaState = ariaItem.getAttribute('aria-expanded');
|
||||||
|
|
||||||
if ( ariaState === 'true' ) {
|
if ( ariaState === 'true' ) {
|
||||||
ariaState = 'false';
|
ariaState = 'false';
|
||||||
} else {
|
} else {
|
||||||
ariaState = 'true';
|
ariaState = 'true';
|
||||||
}
|
}
|
||||||
|
|
||||||
ariaItem.setAttribute('aria-expanded', ariaState);
|
ariaItem.setAttribute('aria-expanded', ariaState);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Open sub-menu.
|
* Open sub-menu.
|
||||||
*
|
*
|
||||||
* @param {Object} currentSubMenu
|
* @param {Object} currentSubMenu
|
||||||
*/
|
*/
|
||||||
function openSubMenu( currentSubMenu ) {
|
function openSubMenu( currentSubMenu ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
// Update classes.
|
// Update classes.
|
||||||
// classList.add is not supported in IE11.
|
// classList.add is not supported in IE11.
|
||||||
currentSubMenu.parentElement.className += ' off-canvas';
|
currentSubMenu.parentElement.className += ' off-canvas';
|
||||||
currentSubMenu.parentElement.lastElementChild.className += ' expanded-true';
|
currentSubMenu.parentElement.lastElementChild.className += ' expanded-true';
|
||||||
|
|
||||||
// Update aria-expanded state.
|
// Update aria-expanded state.
|
||||||
toggleAriaExpandedState( currentSubMenu );
|
toggleAriaExpandedState( currentSubMenu );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Close sub-menu.
|
* Close sub-menu.
|
||||||
*
|
*
|
||||||
* @param {Object} currentSubMenu
|
* @param {Object} currentSubMenu
|
||||||
*/
|
*/
|
||||||
function closeSubMenu( currentSubMenu ) {
|
function closeSubMenu( currentSubMenu ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var menuItem = getCurrentParent( currentSubMenu, '.menu-item' ); // this.parentNode
|
var menuItem = getCurrentParent( currentSubMenu, '.menu-item' ); // this.parentNode
|
||||||
var menuItemAria = menuItem.querySelector('a[aria-expanded]');
|
var menuItemAria = menuItem.querySelector('a[aria-expanded]');
|
||||||
var subMenu = currentSubMenu.closest('.sub-menu');
|
var subMenu = currentSubMenu.closest('.sub-menu');
|
||||||
|
|
||||||
// If this is in a sub-sub-menu, go back to parent sub-menu.
|
// If this is in a sub-sub-menu, go back to parent sub-menu.
|
||||||
if ( getCurrentParent( currentSubMenu, 'ul' ).classList.contains( 'sub-menu' ) ) {
|
if ( getCurrentParent( currentSubMenu, 'ul' ).classList.contains( 'sub-menu' ) ) {
|
||||||
|
|
||||||
// Update classes.
|
// Update classes.
|
||||||
// classList.remove is not supported in IE11.
|
// classList.remove is not supported in IE11.
|
||||||
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
||||||
subMenu.className = subMenu.className.replace( 'expanded-true', '' );
|
subMenu.className = subMenu.className.replace( 'expanded-true', '' );
|
||||||
|
|
||||||
// Update aria-expanded and :focus states.
|
// Update aria-expanded and :focus states.
|
||||||
toggleAriaExpandedState( menuItemAria );
|
toggleAriaExpandedState( menuItemAria );
|
||||||
|
|
||||||
// Or else close all sub-menus.
|
// Or else close all sub-menus.
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
// Update classes.
|
// Update classes.
|
||||||
// classList.remove is not supported in IE11.
|
// classList.remove is not supported in IE11.
|
||||||
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
||||||
menuItem.lastElementChild.className = menuItem.lastElementChild.className.replace( 'expanded-true', '' );
|
menuItem.lastElementChild.className = menuItem.lastElementChild.className.replace( 'expanded-true', '' );
|
||||||
|
|
||||||
// Update aria-expanded and :focus states.
|
// Update aria-expanded and :focus states.
|
||||||
toggleAriaExpandedState( menuItemAria );
|
toggleAriaExpandedState( menuItemAria );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Find first ancestor of an element by selector.
|
* Find first ancestor of an element by selector.
|
||||||
*
|
*
|
||||||
* @param {Object} child
|
* @param {Object} child
|
||||||
* @param {String} selector
|
* @param {String} selector
|
||||||
* @param {String} stopSelector
|
* @param {String} stopSelector
|
||||||
*/
|
*/
|
||||||
function getCurrentParent( child, selector, stopSelector ) {
|
function getCurrentParent( child, selector, stopSelector ) {
|
||||||
|
|
||||||
var currentParent = null;
|
var currentParent = null;
|
||||||
|
|
||||||
while ( child ) {
|
while ( child ) {
|
||||||
|
|
||||||
if ( child.matches(selector) ) {
|
if ( child.matches(selector) ) {
|
||||||
|
|
||||||
currentParent = child;
|
currentParent = child;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
} else if ( stopSelector && child.matches(stopSelector) ) {
|
} else if ( stopSelector && child.matches(stopSelector) ) {
|
||||||
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
child = child.parentElement;
|
child = child.parentElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
return currentParent;
|
return currentParent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove all off-canvas states.
|
* Remove all off-canvas states.
|
||||||
*/
|
*/
|
||||||
function removeAllFocusStates() {
|
function removeAllFocusStates() {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var siteBranding = document.getElementsByClassName( 'site-branding' )[0];
|
var siteBranding = document.getElementsByClassName( 'site-branding' )[0];
|
||||||
var getFocusedElements = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
|
var getFocusedElements = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
|
||||||
var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
|
var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
|
||||||
var i;
|
var i;
|
||||||
var o;
|
var o;
|
||||||
|
|
||||||
for ( i = 0; i < getFocusedElements.length; i++) {
|
for ( i = 0; i < getFocusedElements.length; i++) {
|
||||||
getFocusedElements[i].blur();
|
getFocusedElements[i].blur();
|
||||||
}
|
}
|
||||||
|
|
||||||
for ( o = 0; o < getFocusedClassElements.length; o++) {
|
for ( o = 0; o < getFocusedClassElements.length; o++) {
|
||||||
deleteClass( getFocusedClassElements[o], 'is-focused' );
|
deleteClass( getFocusedClassElements[o], 'is-focused' );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Matches polyfill for IE11.
|
* Matches polyfill for IE11.
|
||||||
*/
|
*/
|
||||||
if (!Element.prototype.matches) {
|
if (!Element.prototype.matches) {
|
||||||
Element.prototype.matches = Element.prototype.msMatchesSelector;
|
Element.prototype.matches = Element.prototype.msMatchesSelector;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Toggle `focus` class to allow sub-menu access on touch screens.
|
* Toggle `focus` class to allow sub-menu access on touch screens.
|
||||||
*/
|
*/
|
||||||
function toggleSubmenuDisplay() {
|
function toggleSubmenuDisplay() {
|
||||||
|
|
||||||
document.addEventListener('touchstart', function(event) {
|
document.addEventListener('touchstart', function(event) {
|
||||||
|
|
||||||
if ( event.target.matches('a') ) {
|
if ( event.target.matches('a') ) {
|
||||||
|
|
||||||
var url = event.target.getAttribute( 'href' ) ? event.target.getAttribute( 'href' ) : '';
|
var url = event.target.getAttribute( 'href' ) ? event.target.getAttribute( 'href' ) : '';
|
||||||
|
|
||||||
// Open submenu if URL is #.
|
// Open submenu if URL is #.
|
||||||
if ( '#' === url && event.target.nextSibling.matches('.submenu-expand') ) {
|
if ( '#' === url && event.target.nextSibling.matches('.submenu-expand') ) {
|
||||||
openSubMenu( event.target );
|
openSubMenu( event.target );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check if .submenu-expand is touched.
|
// Check if .submenu-expand is touched.
|
||||||
if ( event.target.matches('.submenu-expand') ) {
|
if ( event.target.matches('.submenu-expand') ) {
|
||||||
openSubMenu(event.target);
|
openSubMenu(event.target);
|
||||||
|
|
||||||
// Check if child of .submenu-expand is touched.
|
// Check if child of .submenu-expand is touched.
|
||||||
} else if ( null != getCurrentParent( event.target, '.submenu-expand' ) &&
|
} else if ( null != getCurrentParent( event.target, '.submenu-expand' ) &&
|
||||||
getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ) {
|
getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ) {
|
||||||
openSubMenu( getCurrentParent( event.target, '.submenu-expand' ) );
|
openSubMenu( getCurrentParent( event.target, '.submenu-expand' ) );
|
||||||
|
|
||||||
// Check if .menu-item-link-return is touched.
|
// Check if .menu-item-link-return is touched.
|
||||||
} else if ( event.target.matches('.menu-item-link-return') ) {
|
} else if ( event.target.matches('.menu-item-link-return') ) {
|
||||||
closeSubMenu( event.target );
|
closeSubMenu( event.target );
|
||||||
|
|
||||||
// Check if child of .menu-item-link-return is touched.
|
// Check if child of .menu-item-link-return is touched.
|
||||||
} else if ( null != getCurrentParent( event.target, '.menu-item-link-return' ) && getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
} else if ( null != getCurrentParent( event.target, '.menu-item-link-return' ) && getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
||||||
closeSubMenu( event.target );
|
closeSubMenu( event.target );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Prevent default mouse/focus events.
|
// Prevent default mouse/focus events.
|
||||||
removeAllFocusStates();
|
removeAllFocusStates();
|
||||||
|
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
document.addEventListener('touchend', function(event) {
|
document.addEventListener('touchend', function(event) {
|
||||||
|
|
||||||
var mainNav = getCurrentParent( event.target, '.main-navigation' );
|
var mainNav = getCurrentParent( event.target, '.main-navigation' );
|
||||||
|
|
||||||
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
||||||
// Prevent default mouse events.
|
// Prevent default mouse events.
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
} else if (
|
} else if (
|
||||||
event.target.matches('.submenu-expand') ||
|
event.target.matches('.submenu-expand') ||
|
||||||
null != getCurrentParent( event.target, '.submenu-expand' ) &&
|
null != getCurrentParent( event.target, '.submenu-expand' ) &&
|
||||||
getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
|
getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
|
||||||
event.target.matches('.menu-item-link-return') ||
|
event.target.matches('.menu-item-link-return') ||
|
||||||
null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
|
null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
|
||||||
getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
||||||
// Prevent default mouse events.
|
// Prevent default mouse events.
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Prevent default mouse/focus events.
|
// Prevent default mouse/focus events.
|
||||||
removeAllFocusStates();
|
removeAllFocusStates();
|
||||||
|
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
document.addEventListener('focus', function(event) {
|
document.addEventListener('focus', function(event) {
|
||||||
|
|
||||||
if ( event.target.matches('.main-navigation > div > ul > li a') ) {
|
if ( event.target.matches('.main-navigation > div > ul > li a') ) {
|
||||||
|
|
||||||
// Remove Focused elements in sibling div.
|
// Remove Focused elements in sibling div.
|
||||||
var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
|
var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
|
||||||
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
||||||
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
||||||
var focusedClass = 'is-focused';
|
var focusedClass = 'is-focused';
|
||||||
var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
|
var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
|
||||||
var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
|
var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
|
||||||
|
|
||||||
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
||||||
deleteClass( focusedElement, focusedClass );
|
deleteClass( focusedElement, focusedClass );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add .is-focused class to top-level li.
|
// Add .is-focused class to top-level li.
|
||||||
if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
|
if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
|
||||||
addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
|
addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check for previous li.
|
// Check for previous li.
|
||||||
if ( prevLi && hasClass( prevLi, focusedClass ) ) {
|
if ( prevLi && hasClass( prevLi, focusedClass ) ) {
|
||||||
deleteClass( prevLi, focusedClass );
|
deleteClass( prevLi, focusedClass );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check for next li.
|
// Check for next li.
|
||||||
if ( nextLi && hasClass( nextLi, focusedClass ) ) {
|
if ( nextLi && hasClass( nextLi, focusedClass ) ) {
|
||||||
deleteClass( nextLi, focusedClass );
|
deleteClass( nextLi, focusedClass );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}, true);
|
}, true);
|
||||||
|
|
||||||
document.addEventListener('click', function(event) {
|
document.addEventListener('click', function(event) {
|
||||||
|
|
||||||
// Remove all focused menu states when clicking outside site branding.
|
// Remove all focused menu states when clicking outside site branding.
|
||||||
if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
|
if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
|
||||||
removeAllFocusStates();
|
removeAllFocusStates();
|
||||||
} else {
|
} else {
|
||||||
// Nothing.
|
// Nothing.
|
||||||
}
|
}
|
||||||
|
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our sub-menu function as soon as the document is `ready`.
|
* Run our sub-menu function as soon as the document is `ready`.
|
||||||
*/
|
*/
|
||||||
document.addEventListener( 'DOMContentLoaded', function() {
|
document.addEventListener( 'DOMContentLoaded', function() {
|
||||||
toggleSubmenuDisplay();
|
toggleSubmenuDisplay();
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our sub-menu function on selective refresh in the customizer.
|
* Run our sub-menu function on selective refresh in the customizer.
|
||||||
*/
|
*/
|
||||||
document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
|
document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
|
||||||
if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
|
if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
|
||||||
toggleSubmenuDisplay();
|
toggleSubmenuDisplay();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Run our sub-menu function every time the window resizes.
|
* Run our sub-menu function every time the window resizes.
|
||||||
*/
|
*/
|
||||||
var isResizing = false;
|
var isResizing = false;
|
||||||
window.addEventListener( 'resize', function() {
|
window.addEventListener( 'resize', function() {
|
||||||
isResizing = true;
|
isResizing = true;
|
||||||
debounce( function() {
|
debounce( function() {
|
||||||
if ( isResizing ) {
|
if ( isResizing ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
toggleSubmenuDisplay();
|
toggleSubmenuDisplay();
|
||||||
isResizing = false;
|
isResizing = false;
|
||||||
|
|
||||||
}, 150 );
|
}, 150 );
|
||||||
} );
|
} );
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
5971
wp-content/themes/twentynineteen/package-lock.json
generated
5971
wp-content/themes/twentynineteen/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,43 +1,43 @@
|
|||||||
{
|
{
|
||||||
"name": "twentynineteen",
|
"name": "twentynineteen",
|
||||||
"version": "2.1.0",
|
"version": "2.2.0",
|
||||||
"description": "Default WP Theme",
|
"description": "Default WP Theme",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://core.trac.wordpress.org/"
|
"url": "https://core.trac.wordpress.org/"
|
||||||
},
|
},
|
||||||
"homepage": "https://wordpress.org/themes/twentynineteen/",
|
"homepage": "https://wordpress.org/themes/twentynineteen/",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@wordpress/browserslist-config": "^4.0.1",
|
"@wordpress/browserslist-config": "^4.0.1",
|
||||||
"autoprefixer": "^9.8.6",
|
"autoprefixer": "^9.8.8",
|
||||||
"chokidar-cli": "^2.1.0",
|
"chokidar-cli": "^3.0.0",
|
||||||
"node-sass": "^6.0.0",
|
"node-sass": "^6.0.1",
|
||||||
"npm-run-all": "^4.1.5",
|
"npm-run-all": "^4.1.5",
|
||||||
"postcss-cli": "^7.1.2",
|
"postcss-cli": "^7.1.2",
|
||||||
"postcss-focus-within": "^4.0.0",
|
"postcss-focus-within": "^4.0.0",
|
||||||
"rtlcss": "^3.2.0"
|
"rtlcss": "^3.5.0"
|
||||||
},
|
},
|
||||||
"rtlcssConfig": {
|
"rtlcssConfig": {
|
||||||
"options": {
|
"options": {
|
||||||
"autoRename": false,
|
"autoRename": false,
|
||||||
"autoRenameStrict": false,
|
"autoRenameStrict": false,
|
||||||
"clean": true,
|
"clean": true,
|
||||||
"greedy": false,
|
"greedy": false,
|
||||||
"processUrls": false,
|
"processUrls": false,
|
||||||
"stringMap": []
|
"stringMap": []
|
||||||
},
|
},
|
||||||
"plugins": [],
|
"plugins": [],
|
||||||
"map": false
|
"map": false
|
||||||
},
|
},
|
||||||
"browserslist": [
|
"browserslist": [
|
||||||
"extends @wordpress/browserslist-config"
|
"extends @wordpress/browserslist-config"
|
||||||
],
|
],
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
|
"build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
|
||||||
"build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
|
"build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
|
||||||
"build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
|
"build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
|
||||||
"build:rtl": "rtlcss style.css style-rtl.css",
|
"build:rtl": "rtlcss style.css style-rtl.css",
|
||||||
"build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
|
"build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
|
||||||
"build": "run-p \"build:*\"",
|
"build": "run-p \"build:*\"",
|
||||||
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
|
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,38 +1,38 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying all single posts
|
* The template for displaying all single posts
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
// Start the Loop.
|
// Start the Loop.
|
||||||
while ( have_posts() ) :
|
while ( have_posts() ) :
|
||||||
the_post();
|
the_post();
|
||||||
|
|
||||||
get_template_part( 'template-parts/content/content', 'page' );
|
get_template_part( 'template-parts/content/content', 'page' );
|
||||||
|
|
||||||
// If comments are open or we have at least one comment, load up the comment template.
|
// If comments are open or we have at least one comment, load up the comment template.
|
||||||
if ( comments_open() || get_comments_number() ) {
|
if ( comments_open() || get_comments_number() ) {
|
||||||
comments_template();
|
comments_template();
|
||||||
}
|
}
|
||||||
|
|
||||||
endwhile; // End the loop.
|
endwhile; // End the loop.
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</main><!-- #main -->
|
</main><!-- #main -->
|
||||||
</div><!-- #primary -->
|
</div><!-- #primary -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,13 +1,13 @@
|
|||||||
var postcssFocusWithin = require('postcss-focus-within');
|
var postcssFocusWithin = require('postcss-focus-within');
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: {
|
plugins: {
|
||||||
autoprefixer: {}
|
autoprefixer: {}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: [
|
plugins: [
|
||||||
postcssFocusWithin(/* pluginOptions */)
|
postcssFocusWithin(/* pluginOptions */)
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,162 +1,162 @@
|
|||||||
/*
|
/*
|
||||||
Theme Name: Twenty Nineteen
|
Theme Name: Twenty Nineteen
|
||||||
|
|
||||||
Adding print support. The print styles are based on the the great work of
|
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/.
|
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
||||||
*/
|
*/
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
>>> TABLE OF CONTENTS:
|
>>> TABLE OF CONTENTS:
|
||||||
----------------------------------------------------------------
|
----------------------------------------------------------------
|
||||||
# Margins
|
# Margins
|
||||||
# Typography
|
# Typography
|
||||||
# Page breaks
|
# Page breaks
|
||||||
# Links
|
# Links
|
||||||
# Visibility
|
# Visibility
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@media print {
|
@media print {
|
||||||
/* Margins */
|
/* Margins */
|
||||||
@page {
|
@page {
|
||||||
margin: 2cm;
|
margin: 2cm;
|
||||||
}
|
}
|
||||||
.entry {
|
.entry {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
.entry .entry-header, .site-footer .site-info {
|
.entry .entry-header, .site-footer .site-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
body {
|
body {
|
||||||
font: 13pt Georgia, "Times New Roman", Times, serif;
|
font: 13pt Georgia, "Times New Roman", Times, serif;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24pt;
|
font-size: 24pt;
|
||||||
}
|
}
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
.has-regular-font-size,
|
.has-regular-font-size,
|
||||||
.has-large-font-size,
|
.has-large-font-size,
|
||||||
h2.author-title,
|
h2.author-title,
|
||||||
p.author-bio,
|
p.author-bio,
|
||||||
.comments-title, h3 {
|
.comments-title, h3 {
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
/* Page breaks */
|
/* Page breaks */
|
||||||
a {
|
a {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
blockquote {
|
blockquote {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
page-break-after: avoid;
|
page-break-after: avoid;
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
page-break-after: avoid;
|
page-break-after: avoid;
|
||||||
}
|
}
|
||||||
table, pre {
|
table, pre {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
ul, ol, dl {
|
ul, ol, dl {
|
||||||
page-break-before: avoid;
|
page-break-before: avoid;
|
||||||
}
|
}
|
||||||
/* Links */
|
/* Links */
|
||||||
a:link, a:visited, a {
|
a:link, a:visited, a {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
a[href^=http]:after {
|
a[href^=http]:after {
|
||||||
content: " < " attr(href) "> ";
|
content: " < " attr(href) "> ";
|
||||||
}
|
}
|
||||||
a:after > img {
|
a:after > img {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
article a[href^="#"]:after {
|
article a[href^="#"]:after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
a:not(:local-link):after {
|
a:not(:local-link):after {
|
||||||
content: " < " attr(href) "> ";
|
content: " < " attr(href) "> ";
|
||||||
}
|
}
|
||||||
/* Visibility */
|
/* Visibility */
|
||||||
.main-navigation,
|
.main-navigation,
|
||||||
.site-title + .main-navigation,
|
.site-title + .main-navigation,
|
||||||
.social-navigation,
|
.social-navigation,
|
||||||
.site-branding-container:before,
|
.site-branding-container:before,
|
||||||
.entry .entry-title:before,
|
.entry .entry-title:before,
|
||||||
.entry-footer,
|
.entry-footer,
|
||||||
.author-description:before,
|
.author-description:before,
|
||||||
.post-navigation,
|
.post-navigation,
|
||||||
.widget-area,
|
.widget-area,
|
||||||
.comment-form-flex,
|
.comment-form-flex,
|
||||||
.comment-reply,
|
.comment-reply,
|
||||||
.comment .comment-metadata .edit-link {
|
.comment .comment-metadata .edit-link {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||||
.entry .entry-content .button {
|
.entry .entry-content .button {
|
||||||
color: #000;
|
color: #000;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
/* Site Header (With Featured Image) */
|
/* Site Header (With Featured Image) */
|
||||||
.site-header.featured-image {
|
.site-header.featured-image {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
.site-header.featured-image .main-navigation a,
|
.site-header.featured-image .main-navigation a,
|
||||||
.site-header.featured-image .main-navigation a + svg,
|
.site-header.featured-image .main-navigation a + svg,
|
||||||
.site-header.featured-image .social-navigation a,
|
.site-header.featured-image .social-navigation a,
|
||||||
.site-header.featured-image .site-title a,
|
.site-header.featured-image .site-title a,
|
||||||
.site-header.featured-image .site-featured-image a,
|
.site-header.featured-image .site-featured-image a,
|
||||||
.site-header.featured-image .site-branding .site-title,
|
.site-header.featured-image .site-branding .site-title,
|
||||||
.site-header.featured-image .site-branding .site-description,
|
.site-header.featured-image .site-branding .site-description,
|
||||||
.site-header.featured-image .main-navigation a:after,
|
.site-header.featured-image .main-navigation a:after,
|
||||||
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
|
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
|
||||||
.site-header.featured-image .main-navigation li,
|
.site-header.featured-image .main-navigation li,
|
||||||
.site-header.featured-image .social-navigation li,
|
.site-header.featured-image .social-navigation li,
|
||||||
.site-header.featured-image .entry-meta,
|
.site-header.featured-image .entry-meta,
|
||||||
.site-header.featured-image .entry-title,
|
.site-header.featured-image .entry-title,
|
||||||
.site-header.featured-image#masthead .site-title a {
|
.site-header.featured-image#masthead .site-title a {
|
||||||
color: #000;
|
color: #000;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
.site-header.featured-image .site-featured-image .entry-header,
|
.site-header.featured-image .site-featured-image .entry-header,
|
||||||
.site-header.featured-image .site-branding-container {
|
.site-header.featured-image .site-branding-container {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: initial;
|
height: initial;
|
||||||
width: initial;
|
width: initial;
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
/* Remove image filters from featured image */
|
/* Remove image filters from featured image */
|
||||||
.image-filters-enabled *:after {
|
.image-filters-enabled *:after {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
|
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
|
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
filter: none;
|
filter: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,198 +1,198 @@
|
|||||||
/*
|
/*
|
||||||
Theme Name: Twenty Nineteen
|
Theme Name: Twenty Nineteen
|
||||||
|
|
||||||
Adding print support. The print styles are based on the the great work of
|
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/.
|
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
>>> TABLE OF CONTENTS:
|
>>> TABLE OF CONTENTS:
|
||||||
----------------------------------------------------------------
|
----------------------------------------------------------------
|
||||||
# Margins
|
# Margins
|
||||||
# Typography
|
# Typography
|
||||||
# Page breaks
|
# Page breaks
|
||||||
# Links
|
# Links
|
||||||
# Visibility
|
# Visibility
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
|
|
||||||
/* Margins */
|
/* Margins */
|
||||||
|
|
||||||
@page {
|
@page {
|
||||||
margin: 2cm;
|
margin: 2cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-header, .site-footer .site-info {
|
.entry .entry-header, .site-footer .site-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font: 13pt Georgia, "Times New Roman", Times, serif;
|
font: 13pt Georgia, "Times New Roman", Times, serif;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24pt;
|
font-size: 24pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
.has-regular-font-size,
|
.has-regular-font-size,
|
||||||
.has-large-font-size,
|
.has-large-font-size,
|
||||||
h2.author-title,
|
h2.author-title,
|
||||||
p.author-bio,
|
p.author-bio,
|
||||||
.comments-title, h3 {
|
.comments-title, h3 {
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Page breaks */
|
/* Page breaks */
|
||||||
|
|
||||||
a {
|
a {
|
||||||
page-break-inside: avoid
|
page-break-inside: avoid
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
page-break-after: avoid;
|
page-break-after: avoid;
|
||||||
page-break-inside: avoid
|
page-break-inside: avoid
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
page-break-after: avoid;
|
page-break-after: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
table, pre {
|
table, pre {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul, ol, dl {
|
ul, ol, dl {
|
||||||
page-break-before: avoid;
|
page-break-before: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Links */
|
/* Links */
|
||||||
|
|
||||||
a:link, a:visited, a {
|
a:link, a:visited, a {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
a[href^=http]:after {
|
a[href^=http]:after {
|
||||||
content: " < " attr(href) "> ";
|
content: " < " attr(href) "> ";
|
||||||
}
|
}
|
||||||
|
|
||||||
a:after > img {
|
a:after > img {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
article a[href^="#"]:after {
|
article a[href^="#"]:after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
a:not(:local-link):after {
|
a:not(:local-link):after {
|
||||||
content: " < " attr(href) "> ";
|
content: " < " attr(href) "> ";
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Visibility */
|
/* Visibility */
|
||||||
.main-navigation,
|
.main-navigation,
|
||||||
.site-title + .main-navigation,
|
.site-title + .main-navigation,
|
||||||
.social-navigation,
|
.social-navigation,
|
||||||
.site-branding-container:before,
|
.site-branding-container:before,
|
||||||
.entry .entry-title:before,
|
.entry .entry-title:before,
|
||||||
.entry-footer,
|
.entry-footer,
|
||||||
.author-description:before,
|
.author-description:before,
|
||||||
.post-navigation,
|
.post-navigation,
|
||||||
.widget-area,
|
.widget-area,
|
||||||
.comment-form-flex,
|
.comment-form-flex,
|
||||||
.comment-reply,
|
.comment-reply,
|
||||||
.comment .comment-metadata .edit-link {
|
.comment .comment-metadata .edit-link {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||||
.entry .entry-content .button {
|
.entry .entry-content .button {
|
||||||
color: #000;
|
color: #000;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Site Header (With Featured Image) */
|
/* Site Header (With Featured Image) */
|
||||||
.site-header.featured-image {
|
.site-header.featured-image {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
|
|
||||||
.main-navigation a,
|
.main-navigation a,
|
||||||
.main-navigation a + svg,
|
.main-navigation a + svg,
|
||||||
.social-navigation a,
|
.social-navigation a,
|
||||||
.site-title a,
|
.site-title a,
|
||||||
.site-featured-image a,
|
.site-featured-image a,
|
||||||
.site-branding .site-title,
|
.site-branding .site-title,
|
||||||
.site-branding .site-description,
|
.site-branding .site-description,
|
||||||
.main-navigation a:after,
|
.main-navigation a:after,
|
||||||
.main-navigation .main-menu > li.menu-item-has-children:after,
|
.main-navigation .main-menu > li.menu-item-has-children:after,
|
||||||
.main-navigation li,
|
.main-navigation li,
|
||||||
.social-navigation li,
|
.social-navigation li,
|
||||||
.entry-meta,
|
.entry-meta,
|
||||||
.entry-title,
|
.entry-title,
|
||||||
&#masthead .site-title a {
|
&#masthead .site-title a {
|
||||||
color: #000;
|
color: #000;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-featured-image .entry-header,
|
.site-featured-image .entry-header,
|
||||||
.site-branding-container {
|
.site-branding-container {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-featured-image .post-thumbnail img {
|
.site-featured-image .post-thumbnail img {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: initial;
|
height: initial;
|
||||||
width: initial;
|
width: initial;
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Remove image filters from featured image */
|
/* Remove image filters from featured image */
|
||||||
.image-filters-enabled {
|
.image-filters-enabled {
|
||||||
|
|
||||||
*:after {
|
*:after {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-header.featured-image .site-featured-image:before {
|
.site-header.featured-image .site-featured-image:before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
filter: none;
|
filter: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,109 +1,114 @@
|
|||||||
=== Twenty Nineteen ===
|
=== Twenty Nineteen ===
|
||||||
Contributors: wordpressdotorg
|
Contributors: wordpressdotorg
|
||||||
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
|
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
|
||||||
Requires at least: 4.9.6
|
Requires at least: 4.9.6
|
||||||
Tested up to: 5.8
|
Tested up to: 5.9
|
||||||
Stable tag: 2.1
|
Stable tag: 2.2
|
||||||
License: GPLv2 or later
|
License: GPLv2 or later
|
||||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
|
|
||||||
Our 2019 default theme is designed to show off the power of the block editor.
|
Our 2019 default theme is designed to show off the power of the block editor.
|
||||||
|
|
||||||
== Description ==
|
== Description ==
|
||||||
Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
|
Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
|
||||||
|
|
||||||
For more information about Twenty Nineteen please go to https://wordpress.org/support/article/twenty-nineteen/.
|
For more information about Twenty Nineteen please go to https://wordpress.org/support/article/twenty-nineteen/.
|
||||||
|
|
||||||
== Installation ==
|
== Installation ==
|
||||||
|
|
||||||
1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
|
1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
|
||||||
2. Type in Twenty Nineteen in the search form and press the 'Enter' key on your keyboard.
|
2. Type in Twenty Nineteen in the search form and press the 'Enter' key on your keyboard.
|
||||||
3. Click on the 'Activate' button to use your new theme right away.
|
3. Click on the 'Activate' button to use your new theme right away.
|
||||||
4. Go to https://wordpress.org/support/article/twenty-nineteen/ for a guide on how to customize this theme.
|
4. Go to https://wordpress.org/support/article/twenty-nineteen/ for a guide on how to customize this theme.
|
||||||
5. Navigate to Appearance > Customize in your admin panel and customize to taste.
|
5. Navigate to Appearance > Customize in your admin panel and customize to taste.
|
||||||
|
|
||||||
== Copyright ==
|
== Copyright ==
|
||||||
|
|
||||||
Twenty Nineteen WordPress Theme, Copyright 2018-2021 WordPress.org
|
Twenty Nineteen WordPress Theme, Copyright 2018-2022 WordPress.org
|
||||||
Twenty Nineteen is distributed under the terms of the GNU GPL
|
Twenty Nineteen is distributed under the terms of the GNU GPL
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
This program is free software: you can redistribute it and/or modify
|
||||||
it under the terms of the GNU General Public License as published by
|
it under the terms of the GNU General Public License as published by
|
||||||
the Free Software Foundation, either version 2 of the License, or
|
the Free Software Foundation, either version 2 of the License, or
|
||||||
(at your option) any later version.
|
(at your option) any later version.
|
||||||
|
|
||||||
This program is distributed in the hope that it will be useful,
|
This program is distributed in the hope that it will be useful,
|
||||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
GNU General Public License for more details.
|
GNU General Public License for more details.
|
||||||
|
|
||||||
== Changelog ==
|
== Changelog ==
|
||||||
|
|
||||||
= 2.1 =
|
= 2.2 =
|
||||||
* Released: July 20, 2021
|
* Released: January 25, 2022
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_2.1
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_2.2
|
||||||
|
|
||||||
= 2.0 =
|
= 2.1 =
|
||||||
* Released: March 9, 2021
|
* Released: July 20, 2021
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_2.0
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_2.1
|
||||||
|
|
||||||
= 1.9 =
|
= 2.0 =
|
||||||
* Released: December 22, 2020
|
* Released: March 9, 2021
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.9
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_2.0
|
||||||
|
|
||||||
= 1.8 =
|
= 1.9 =
|
||||||
* Released: December 8, 2020
|
* Released: December 22, 2020
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.8
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.9
|
||||||
|
|
||||||
= 1.7 =
|
= 1.8 =
|
||||||
* Released: August 11, 2020
|
* Released: December 8, 2020
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.7
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.8
|
||||||
|
|
||||||
= 1.6 =
|
= 1.7 =
|
||||||
* Released: June 10, 2020
|
* Released: August 11, 2020
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.6
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.7
|
||||||
|
|
||||||
= 1.5 =
|
= 1.6 =
|
||||||
* Released: March 31, 2020
|
* Released: June 10, 2020
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.5
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.6
|
||||||
|
|
||||||
= 1.4 =
|
= 1.5 =
|
||||||
* Released: May 7, 2019
|
* Released: March 31, 2020
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.4
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.5
|
||||||
|
|
||||||
= 1.3 =
|
= 1.4 =
|
||||||
* Released: February 21, 2019
|
* Released: May 7, 2019
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.3
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.4
|
||||||
|
|
||||||
= 1.2 =
|
= 1.3 =
|
||||||
* Released: January 9, 2019
|
* Released: February 21, 2019
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.2
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.3
|
||||||
|
|
||||||
= 1.1 =
|
= 1.2 =
|
||||||
* Released: December 19, 2018
|
* Released: January 9, 2019
|
||||||
|
|
||||||
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.1
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.2
|
||||||
|
|
||||||
= 1.0 =
|
= 1.1 =
|
||||||
* Released: December 6, 2018
|
* Released: December 19, 2018
|
||||||
|
|
||||||
Initial release
|
https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.1
|
||||||
|
|
||||||
== Resources ==
|
= 1.0 =
|
||||||
* normalize.css, © 2012-2018 Nicolas Gallagher and Jonathan Neal, MIT
|
* Released: December 6, 2018
|
||||||
* Underscores, © 2012-2021 Automattic, Inc., GNU GPL v2 or later
|
|
||||||
* Bundled block pattern images:
|
Initial release
|
||||||
* Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
|
|
||||||
* Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
|
== Resources ==
|
||||||
* Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
|
* normalize.css, © 2012-2018 Nicolas Gallagher and Jonathan Neal, MIT
|
||||||
* Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
|
* Underscores, © 2012-2022 Automattic, Inc., GNU GPL v2 or later
|
||||||
|
* Bundled block pattern images:
|
||||||
|
* Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
|
||||||
|
* Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
|
||||||
|
* Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
|
||||||
|
* Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
|
||||||
|
|||||||
@ -1,341 +1,341 @@
|
|||||||
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
/* Document
|
/* Document
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the line height in all browsers.
|
* 1. Correct the line height in all browsers.
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
line-height: 1.15; /* 1 */
|
line-height: 1.15; /* 1 */
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sections
|
/* Sections
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the margin in all browsers.
|
* Remove the margin in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
margin: 0.67em 0;
|
margin: 0.67em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Grouping content
|
/* Grouping content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Add the correct box sizing in Firefox.
|
* 1. Add the correct box sizing in Firefox.
|
||||||
* 2. Show the overflow in Edge and IE.
|
* 2. Show the overflow in Edge and IE.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
box-sizing: content-box; /* 1 */
|
box-sizing: content-box; /* 1 */
|
||||||
height: 0; /* 1 */
|
height: 0; /* 1 */
|
||||||
overflow: visible; /* 2 */
|
overflow: visible; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
font-family: monospace, monospace; /* 1 */
|
font-family: monospace, monospace; /* 1 */
|
||||||
font-size: 1em; /* 2 */
|
font-size: 1em; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Text-level semantics
|
/* Text-level semantics
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the gray background on active links in IE 10.
|
* Remove the gray background on active links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
abbr[title] {
|
abbr[title] {
|
||||||
border-bottom: none; /* 1 */
|
border-bottom: none; /* 1 */
|
||||||
text-decoration: underline; /* 2 */
|
text-decoration: underline; /* 2 */
|
||||||
text-decoration: underline dotted; /* 2 */
|
text-decoration: underline dotted; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
b,
|
b,
|
||||||
strong {
|
strong {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
code,
|
code,
|
||||||
kbd,
|
kbd,
|
||||||
samp {
|
samp {
|
||||||
font-family: monospace, monospace; /* 1 */
|
font-family: monospace, monospace; /* 1 */
|
||||||
font-size: 1em; /* 2 */
|
font-size: 1em; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct font size in all browsers.
|
* Add the correct font size in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
small {
|
small {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
* all browsers.
|
* all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
sub,
|
sub,
|
||||||
sup {
|
sup {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
sub {
|
sub {
|
||||||
bottom: -0.25em;
|
bottom: -0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
sup {
|
sup {
|
||||||
top: -0.5em;
|
top: -0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Embedded content
|
/* Embedded content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the border on images inside links in IE 10.
|
* Remove the border on images inside links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Forms
|
/* Forms
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Change the font styles in all browsers.
|
* 1. Change the font styles in all browsers.
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
optgroup,
|
optgroup,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font-family: inherit; /* 1 */
|
font-family: inherit; /* 1 */
|
||||||
font-size: 100%; /* 1 */
|
font-size: 100%; /* 1 */
|
||||||
line-height: 1.15; /* 1 */
|
line-height: 1.15; /* 1 */
|
||||||
margin: 0; /* 2 */
|
margin: 0; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Show the overflow in IE.
|
* Show the overflow in IE.
|
||||||
* 1. Show the overflow in Edge.
|
* 1. Show the overflow in Edge.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input { /* 1 */
|
input { /* 1 */
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
select { /* 1 */
|
select { /* 1 */
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
[type="button"],
|
[type="button"],
|
||||||
[type="reset"],
|
[type="reset"],
|
||||||
[type="submit"] {
|
[type="submit"] {
|
||||||
-webkit-appearance: button;
|
-webkit-appearance: button;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inner border and padding in Firefox.
|
* Remove the inner border and padding in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
button::-moz-focus-inner,
|
||||||
[type="button"]::-moz-focus-inner,
|
[type="button"]::-moz-focus-inner,
|
||||||
[type="reset"]::-moz-focus-inner,
|
[type="reset"]::-moz-focus-inner,
|
||||||
[type="submit"]::-moz-focus-inner {
|
[type="submit"]::-moz-focus-inner {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Restore the focus styles unset by the previous rule.
|
* Restore the focus styles unset by the previous rule.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button:-moz-focusring,
|
button:-moz-focusring,
|
||||||
[type="button"]:-moz-focusring,
|
[type="button"]:-moz-focusring,
|
||||||
[type="reset"]:-moz-focusring,
|
[type="reset"]:-moz-focusring,
|
||||||
[type="submit"]:-moz-focusring {
|
[type="submit"]:-moz-focusring {
|
||||||
outline: 1px dotted ButtonText;
|
outline: 1px dotted ButtonText;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the padding in Firefox.
|
* Correct the padding in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
padding: 0.35em 0.75em 0.625em;
|
padding: 0.35em 0.75em 0.625em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in 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
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
* `fieldset` elements in all browsers.
|
* `fieldset` elements in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
color: inherit; /* 2 */
|
color: inherit; /* 2 */
|
||||||
display: table; /* 1 */
|
display: table; /* 1 */
|
||||||
max-width: 100%; /* 1 */
|
max-width: 100%; /* 1 */
|
||||||
padding: 0; /* 3 */
|
padding: 0; /* 3 */
|
||||||
white-space: normal; /* 1 */
|
white-space: normal; /* 1 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
progress {
|
progress {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Add the correct box sizing in IE 10.
|
* 1. Add the correct box sizing in IE 10.
|
||||||
* 2. Remove the padding in IE 10.
|
* 2. Remove the padding in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="checkbox"],
|
[type="checkbox"],
|
||||||
[type="radio"] {
|
[type="radio"] {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
padding: 0; /* 2 */
|
padding: 0; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
* 2. Correct the outline style in Safari.
|
* 2. Correct the outline style in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="search"] {
|
[type="search"] {
|
||||||
-webkit-appearance: textfield; /* 1 */
|
-webkit-appearance: textfield; /* 1 */
|
||||||
outline-offset: -2px; /* 2 */
|
outline-offset: -2px; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
[type="search"]::-webkit-search-decoration {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
::-webkit-file-upload-button {
|
||||||
-webkit-appearance: button; /* 1 */
|
-webkit-appearance: button; /* 1 */
|
||||||
font: inherit; /* 2 */
|
font: inherit; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Interactive
|
/* Interactive
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
details {
|
details {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Add the correct display in all browsers.
|
* Add the correct display in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
summary {
|
summary {
|
||||||
display: list-item;
|
display: list-item;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Misc
|
/* Misc
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct display in IE 10+.
|
* Add the correct display in IE 10+.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
template {
|
template {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct display in IE 10.
|
* Add the correct display in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,92 +1,92 @@
|
|||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background-color: $color__background_selection;
|
background-color: $color__background_selection;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: $color__background_selection;
|
background-color: $color__background_selection;
|
||||||
}
|
}
|
||||||
|
|
||||||
*,
|
*,
|
||||||
*:before,
|
*:before,
|
||||||
*:after {
|
*:after {
|
||||||
box-sizing: inherit;
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: $color__background-body;
|
background-color: $color__background-body;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@include link-transition;
|
@include link-transition;
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
a:active {
|
a:active {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus {
|
a:focus {
|
||||||
outline: thin;
|
outline: thin;
|
||||||
outline-style: dotted;
|
outline-style: dotted;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
clear: both;
|
clear: both;
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1:not(.site-title),
|
h1:not(.site-title),
|
||||||
h2 {
|
h2 {
|
||||||
@include post-section-dash;
|
@include post-section-dash;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: $color__text-light;
|
background-color: $color__text-light;
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "lists";
|
@import "lists";
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: 2px solid $color__link;
|
border-left: 2px solid $color__link;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding: 0 0 0 $size__spacing-unit;
|
padding: 0 0 0 $size__spacing-unit;
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
margin: 0 0 $size__spacing-unit;
|
margin: 0 0 $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "tables";
|
@import "tables";
|
||||||
|
|||||||
@ -1,33 +1,33 @@
|
|||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
padding-left: ( 1 * $size__spacing-unit );
|
padding-left: ( 1 * $size__spacing-unit );
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: disc;
|
list-style: disc;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ol {
|
ol {
|
||||||
list-style: decimal;
|
list-style: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
line-height: $font__line-height-body;
|
line-height: $font__line-height-body;
|
||||||
}
|
}
|
||||||
|
|
||||||
li > ul,
|
li > ul,
|
||||||
li > ol {
|
li > ol {
|
||||||
padding-left: ( 2 * $size__spacing-unit );
|
padding-left: ( 2 * $size__spacing-unit );
|
||||||
}
|
}
|
||||||
|
|
||||||
dt {
|
dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
dd {
|
dd {
|
||||||
margin: 0 $size__spacing-unit $size__spacing-unit;
|
margin: 0 $size__spacing-unit $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,13 +1,13 @@
|
|||||||
table {
|
table {
|
||||||
margin: 0 0 $size__spacing-unit;
|
margin: 0 0 $size__spacing-unit;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
|
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
border: 1px solid $color__text-light;
|
border: 1px solid $color__text-light;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,37 +1,37 @@
|
|||||||
.button,
|
.button,
|
||||||
button,
|
button,
|
||||||
input[type="button"],
|
input[type="button"],
|
||||||
input[type="reset"],
|
input[type="reset"],
|
||||||
input[type="submit"] {
|
input[type="submit"] {
|
||||||
|
|
||||||
@include button-transition;
|
@include button-transition;
|
||||||
background: $color__background-button;
|
background: $color__background-button;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: $font__line-height-heading;
|
line-height: $font__line-height-heading;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $color__background-button-hover;
|
background: $color__background-button-hover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:visited {
|
&:visited {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
background: $color__background-button-hover;
|
background: $color__background-button-hover;
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,58 +1,58 @@
|
|||||||
input[type="text"],
|
input[type="text"],
|
||||||
input[type="email"],
|
input[type="email"],
|
||||||
input[type="url"],
|
input[type="url"],
|
||||||
input[type="password"],
|
input[type="password"],
|
||||||
input[type="search"],
|
input[type="search"],
|
||||||
input[type="number"],
|
input[type="number"],
|
||||||
input[type="tel"],
|
input[type="tel"],
|
||||||
input[type="range"],
|
input[type="range"],
|
||||||
input[type="date"],
|
input[type="date"],
|
||||||
input[type="month"],
|
input[type="month"],
|
||||||
input[type="week"],
|
input[type="week"],
|
||||||
input[type="time"],
|
input[type="time"],
|
||||||
input[type="datetime"],
|
input[type="datetime"],
|
||||||
input[type="datetime-local"],
|
input[type="datetime-local"],
|
||||||
input[type="color"],
|
input[type="color"],
|
||||||
textarea {
|
textarea {
|
||||||
-webkit-backface-visibility: hidden;
|
-webkit-backface-visibility: hidden;
|
||||||
background: $color__background-input;
|
background: $color__background-input;
|
||||||
border: solid 1px $color__border;
|
border: solid 1px $color__border;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: $color__link;
|
border-color: $color__link;
|
||||||
outline: thin solid rgba( $color__link, 0.15 );
|
outline: thin solid rgba( $color__link, 0.15 );
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="search"] {
|
input[type="search"] {
|
||||||
&::-webkit-search-decoration {
|
&::-webkit-search-decoration {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form {
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -1,3 +1,3 @@
|
|||||||
@import "buttons";
|
@import "buttons";
|
||||||
|
|
||||||
@import "fields";
|
@import "fields";
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
|
|
||||||
/** === Layout === */
|
/** === Layout === */
|
||||||
|
|
||||||
#page {
|
#page {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-content {
|
.site-content {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,32 +1,32 @@
|
|||||||
.wp-caption {
|
.wp-caption {
|
||||||
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
||||||
|
|
||||||
&.aligncenter {
|
&.aligncenter {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: calc( #{$size__site-tablet-content} / 2 );
|
left: calc( #{$size__site-tablet-content} / 2 );
|
||||||
transform: translateX( -50% );
|
transform: translateX( -50% );
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
left: calc( #{$size__site-desktop-content} / 2 );
|
left: calc( #{$size__site-desktop-content} / 2 );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-caption img[class*="wp-image-"] {
|
.wp-caption img[class*="wp-image-"] {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-caption-text {
|
.wp-caption-text {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
line-height: $font__line-height-pre;
|
line-height: $font__line-height-pre;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: ( $size__spacing-unit * .5 );
|
padding: ( $size__spacing-unit * .5 );
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,52 +1,52 @@
|
|||||||
.gallery {
|
.gallery {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-item {
|
.gallery-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
// Loops to enumerate the classes for gallery columns.
|
// Loops to enumerate the classes for gallery columns.
|
||||||
@for $i from 2 through 9 {
|
@for $i from 2 through 9 {
|
||||||
.gallery-columns-#{$i} & {
|
.gallery-columns-#{$i} & {
|
||||||
max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
|
max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
|
||||||
|
|
||||||
&:nth-of-type(#{$i}n+#{$i}) {
|
&:nth-of-type(#{$i}n+#{$i}) {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-caption {
|
.gallery-caption {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
line-height: $font__line-height-pre;
|
line-height: $font__line-height-pre;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: ( $size__spacing-unit * .5 );
|
padding: ( $size__spacing-unit * .5 );
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-item > div > a {
|
.gallery-item > div > a {
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
|
|
||||||
// Accessibility
|
// Accessibility
|
||||||
box-shadow: 0 0 0 0 transparent;
|
box-shadow: 0 0 0 0 transparent;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 0 0 2px rgba( $color__link, 1 );
|
box-shadow: 0 0 0 2px rgba( $color__link, 1 );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,41 +1,41 @@
|
|||||||
.page-content .wp-smiley,
|
.page-content .wp-smiley,
|
||||||
.entry-content .wp-smiley,
|
.entry-content .wp-smiley,
|
||||||
.comment-content .wp-smiley {
|
.comment-content .wp-smiley {
|
||||||
border: none;
|
border: none;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
embed,
|
embed,
|
||||||
iframe,
|
iframe,
|
||||||
object {
|
object {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-logo-link {
|
.custom-logo-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
height: calc(2.25 * #{$size__spacing-unit});
|
height: calc(2.25 * #{$size__spacing-unit});
|
||||||
min-height: inherit;
|
min-height: inherit;
|
||||||
width: calc(2.25 * #{$size__spacing-unit});
|
width: calc(2.25 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
transition: fill $icon_transition ease-in-out;
|
transition: fill $icon_transition ease-in-out;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Captions
|
## Captions
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "captions";
|
@import "captions";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Galleries
|
## Galleries
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "galleries";
|
@import "galleries";
|
||||||
|
|||||||
@ -1,141 +1,141 @@
|
|||||||
// Rem output with px fallback
|
// Rem output with px fallback
|
||||||
@mixin font-size($sizeValue: 1) {
|
@mixin font-size($sizeValue: 1) {
|
||||||
font-size: ($sizeValue * 16) * 1px;
|
font-size: ($sizeValue * 16) * 1px;
|
||||||
font-size: $sizeValue * 1rem;
|
font-size: $sizeValue * 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Center block
|
// Center block
|
||||||
@mixin center-block {
|
@mixin center-block {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clearfix
|
// Clearfix
|
||||||
@mixin clearfix() {
|
@mixin clearfix() {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clear after (not all clearfix need this also)
|
// Clear after (not all clearfix need this also)
|
||||||
@mixin clearfix-after() {
|
@mixin clearfix-after() {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Column width with margin
|
// Column width with margin
|
||||||
@mixin column-width($numberColumns: 3) {
|
@mixin column-width($numberColumns: 3) {
|
||||||
width: map-get($columns, $numberColumns) - (($columns__margin * ($numberColumns - 1)) / $numberColumns);
|
width: map-get($columns, $numberColumns) - (($columns__margin * ($numberColumns - 1)) / $numberColumns);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin filter-duotone {
|
@mixin filter-duotone {
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
background: $color__link;
|
background: $color__link;
|
||||||
mix-blend-mode: screen;
|
mix-blend-mode: screen;
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
background: $color__link;
|
background: $color__link;
|
||||||
mix-blend-mode: multiply;
|
mix-blend-mode: multiply;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
||||||
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
||||||
@supports (mix-blend-mode: multiply) {
|
@supports (mix-blend-mode: multiply) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin filter-grayscale {
|
@mixin filter-grayscale {
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin post-section-dash {
|
@mixin post-section-dash {
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
background: $color__text-light;
|
background: $color__text-light;
|
||||||
content: "\020";
|
content: "\020";
|
||||||
display: block;
|
display: block;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
width: 1em;
|
width: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-text-align-center:before {
|
&.has-text-align-center:before {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-text-align-right:before {
|
&.has-text-align-right:before {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||||
|
|
||||||
@mixin box-shadow( $size ) {
|
@mixin box-shadow( $size ) {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 $size $color__text-light inset, // Original border.
|
0 0 0 $size $color__text-light inset, // Original border.
|
||||||
0 0 0 ($size + 1px) $color__text-light inset, // Antialiasing, inner edge.
|
0 0 0 ($size + 1px) $color__text-light inset, // Antialiasing, inner edge.
|
||||||
0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
|
0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Calculates maximum width for post content */
|
/* Calculates maximum width for post content */
|
||||||
@mixin postContentMaxWidth() {
|
@mixin postContentMaxWidth() {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
max-width: $size__site-tablet-content;
|
max-width: $size__site-tablet-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
max-width: $size__site-desktop-content;
|
max-width: $size__site-desktop-content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Nested sub-menu padding: 10 levels deep */
|
/* Nested sub-menu padding: 10 levels deep */
|
||||||
@mixin nestedSubMenuPadding() {
|
@mixin nestedSubMenuPadding() {
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
counter-reset: submenu;
|
counter-reset: submenu;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul > li > a::before {
|
ul > li > a::before {
|
||||||
font-family: $font__body;
|
font-family: $font__body;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
||||||
counter-increment: submenu
|
counter-increment: submenu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure all font family declarations come with non-latin fallbacks */
|
/* Ensure all font family declarations come with non-latin fallbacks */
|
||||||
@mixin font-family( $font_family: $font__body ) {
|
@mixin font-family( $font_family: $font__body ) {
|
||||||
font-family: $font_family;
|
font-family: $font_family;
|
||||||
@extend %non-latin-fonts;
|
@extend %non-latin-fonts;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Build our non-latin font styles */
|
/* Build our non-latin font styles */
|
||||||
%non-latin-fonts {
|
%non-latin-fonts {
|
||||||
@each $lang, $font__fallback in $font__fallbacks {
|
@each $lang, $font__fallback in $font__fallbacks {
|
||||||
&:lang(#{$lang}) {
|
&:lang(#{$lang}) {
|
||||||
font-family: unquote( $font__fallback );
|
font-family: unquote( $font__fallback );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "utilities";
|
@import "utilities";
|
||||||
|
|||||||
@ -1,51 +1,51 @@
|
|||||||
|
|
||||||
@mixin media( $res ) {
|
@mixin media( $res ) {
|
||||||
@if mobile == $res {
|
@if mobile == $res {
|
||||||
@media only screen and (min-width: $mobile_width) {
|
@media only screen and (min-width: $mobile_width) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@if tablet == $res {
|
@if tablet == $res {
|
||||||
@media only screen and (min-width: $tablet_width) {
|
@media only screen and (min-width: $tablet_width) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@if desktop == $res {
|
@if desktop == $res {
|
||||||
@media only screen and (min-width: $desktop_width) {
|
@media only screen and (min-width: $desktop_width) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@if wide == $res {
|
@if wide == $res {
|
||||||
@media only screen and (min-width: $wide_width) {
|
@media only screen and (min-width: $wide_width) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin link-transition( $attr: color ) {
|
@mixin link-transition( $attr: color ) {
|
||||||
transition: $attr $link_transition ease-in-out;
|
transition: $attr $link_transition ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin button-transition() {
|
@mixin button-transition() {
|
||||||
transition: background $button_transition ease-in-out;
|
transition: background $button_transition ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin button-all-transition() {
|
@mixin button-all-transition() {
|
||||||
transition: all $button_transition ease-in-out;
|
transition: all $button_transition ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin background-transition() {
|
@mixin background-transition() {
|
||||||
transition: background $background_transition ease-in-out;
|
transition: background $background_transition ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin selection {
|
@mixin selection {
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
::selection {
|
::selection {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,38 +1,38 @@
|
|||||||
/* Text meant only for screen readers. */
|
/* Text meant only for screen readers. */
|
||||||
.screen-reader-text {
|
.screen-reader-text {
|
||||||
border: 0;
|
border: 0;
|
||||||
clip: rect(1px, 1px, 1px, 1px);
|
clip: rect(1px, 1px, 1px, 1px);
|
||||||
clip-path: inset(50%);
|
clip-path: inset(50%);
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin: -1px;
|
margin: -1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
background-color: $color__background-screen;
|
background-color: $color__background-screen;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
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;
|
clip: auto !important;
|
||||||
clip-path: none;
|
clip-path: none;
|
||||||
color: $color__text-screen;
|
color: $color__text-screen;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
height: auto;
|
height: auto;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
padding: 15px 23px 14px;
|
padding: 15px 23px 14px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
width: auto;
|
width: auto;
|
||||||
z-index: 100000; /* Above WP toolbar. */
|
z-index: 100000; /* Above WP toolbar. */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Do not show the outline on the skip link target. */
|
/* Do not show the outline on the skip link target. */
|
||||||
#content[tabindex="-1"]:focus {
|
#content[tabindex="-1"]:focus {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,28 +1,28 @@
|
|||||||
.alignleft {
|
.alignleft {
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
float: left;
|
float: left;
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-right: $size__spacing-unit;
|
margin-right: $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-right: calc(2 * #{$size__spacing-unit});
|
margin-right: calc(2 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.alignright {
|
.alignright {
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
float: right;
|
float: right;
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-left: $size__spacing-unit;
|
margin-left: $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
/*rtl:ignore*/
|
/*rtl:ignore*/
|
||||||
margin-left: calc(2 * #{$size__spacing-unit});
|
margin-left: calc(2 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.aligncenter {
|
.aligncenter {
|
||||||
clear: both;
|
clear: both;
|
||||||
@include center-block;
|
@include center-block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,23 +1,23 @@
|
|||||||
.clear:before,
|
.clear:before,
|
||||||
.clear:after,
|
.clear:after,
|
||||||
.entry-content:before,
|
.entry-content:before,
|
||||||
.entry-content:after,
|
.entry-content:after,
|
||||||
.comment-content:before,
|
.comment-content:before,
|
||||||
.comment-content:after,
|
.comment-content:after,
|
||||||
.site-header:before,
|
.site-header:before,
|
||||||
.site-header:after,
|
.site-header:after,
|
||||||
.site-content:before,
|
.site-content:before,
|
||||||
.site-content:after,
|
.site-content:after,
|
||||||
.site-footer:before,
|
.site-footer:before,
|
||||||
.site-footer:after {
|
.site-footer:after {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear:after,
|
.clear:after,
|
||||||
.entry-content:after,
|
.entry-content:after,
|
||||||
.comment-content:after,
|
.comment-content:after,
|
||||||
.site-header:after,
|
.site-header:after,
|
||||||
.site-content:after,
|
.site-content:after,
|
||||||
.site-footer:after {
|
.site-footer:after {
|
||||||
@include clearfix-after;
|
@include clearfix-after;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,21 +1,21 @@
|
|||||||
a {
|
a {
|
||||||
|
|
||||||
@include link-transition;
|
@include link-transition;
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
|
|
||||||
&:visited {
|
&:visited {
|
||||||
color: $color__link-visited;
|
color: $color__link-visited;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,22 +1,22 @@
|
|||||||
/** === Footer menu === */
|
/** === Footer menu === */
|
||||||
|
|
||||||
.footer-navigation {
|
.footer-navigation {
|
||||||
|
|
||||||
display: inline;
|
display: inline;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-menu {
|
.footer-menu {
|
||||||
|
|
||||||
display: inline;
|
display: inline;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,66 +1,66 @@
|
|||||||
/* Social menu */
|
/* Social menu */
|
||||||
|
|
||||||
.social-navigation {
|
.social-navigation {
|
||||||
margin-top: calc(#{$size__spacing-unit} / 2 );
|
margin-top: calc(#{$size__spacing-unit} / 2 );
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
ul.social-links-menu {
|
ul.social-links-menu {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
vertical-align: -webkit-baseline-middle;
|
vertical-align: -webkit-baseline-middle;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
&:nth-child(n+2) {
|
&:nth-child(n+2) {
|
||||||
margin-left: 0.1em;
|
margin-left: 0.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border-bottom: 1px solid transparent;
|
border-bottom: 1px solid transparent;
|
||||||
display: block;
|
display: block;
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
transition: opacity $link_transition ease-in-out;
|
transition: opacity $link_transition ease-in-out;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
border-bottom: 1px solid $color__text-main;
|
border-bottom: 1px solid $color__text-main;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
display: block;
|
display: block;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|
||||||
// Prevent icons from jumping in Safari using hardware acceleration.
|
// Prevent icons from jumping in Safari using hardware acceleration.
|
||||||
transform: translateZ(0);
|
transform: translateZ(0);
|
||||||
|
|
||||||
&#ui-icon-link {
|
&#ui-icon-link {
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-title + .social-navigation,
|
.site-title + .social-navigation,
|
||||||
.site-description + .social-navigation {
|
.site-description + .social-navigation {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin-top: calc(#{$size__spacing-unit} / 5 );
|
margin-top: calc(#{$size__spacing-unit} / 5 );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Links
|
## Links
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "links";
|
@import "links";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Menus
|
## Menus
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "menu-main-navigation";
|
@import "menu-main-navigation";
|
||||||
@import "menu-social-navigation";
|
@import "menu-social-navigation";
|
||||||
@import "menu-footer-navigation";
|
@import "menu-footer-navigation";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Next / Previous
|
## Next / Previous
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "next-previous";
|
@import "next-previous";
|
||||||
|
|||||||
@ -1,201 +1,201 @@
|
|||||||
/* Next/Previous navigation */
|
/* Next/Previous navigation */
|
||||||
|
|
||||||
// Singular navigation
|
// Singular navigation
|
||||||
.post-navigation {
|
.post-navigation {
|
||||||
|
|
||||||
margin: calc(3 * 1rem) 0;
|
margin: calc(3 * 1rem) 0;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * 1rem) $size__site-margins;
|
margin: calc(3 * 1rem) $size__site-margins;
|
||||||
max-width: calc(6 * (100vw / 12));
|
max-width: calc(6 * (100vw / 12));
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
margin: calc(3 * 1rem) 0;
|
margin: calc(3 * 1rem) 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links {
|
.nav-links {
|
||||||
|
|
||||||
margin: 0 $size__spacing-unit;
|
margin: 0 $size__spacing-unit;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
margin: 0 $size__site-margins;
|
margin: 0 $size__site-margins;
|
||||||
max-width: $size__site-desktop-content;
|
max-width: $size__site-desktop-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
.meta-nav {
|
.meta-nav {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
display: none;
|
display: none;
|
||||||
content: "—";
|
content: "—";
|
||||||
width: 2em;
|
width: 2em;
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-previous,
|
.nav-previous,
|
||||||
.nav-next {
|
.nav-next {
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
min-width: calc(50% - 2 * #{$size__spacing-unit});
|
min-width: calc(50% - 2 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-previous {
|
.nav-previous {
|
||||||
order: 2;
|
order: 2;
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
+ .nav-next {
|
+ .nav-next {
|
||||||
margin-bottom: $size__spacing-unit;
|
margin-bottom: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.meta-nav {
|
.meta-nav {
|
||||||
&:before {
|
&:before {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-next {
|
.nav-next {
|
||||||
order: 1;
|
order: 1;
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
order: 2;
|
order: 2;
|
||||||
padding-left: $size__spacing-unit;
|
padding-left: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.meta-nav {
|
.meta-nav {
|
||||||
&:after {
|
&:after {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Index/archive navigation
|
// Index/archive navigation
|
||||||
.pagination {
|
.pagination {
|
||||||
|
|
||||||
.nav-links {
|
.nav-links {
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 0 calc(.5 * #{$size__spacing-unit});
|
padding: 0 calc(.5 * #{$size__spacing-unit});
|
||||||
|
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
padding: calc(.5 * #{$size__spacing-unit});
|
padding: calc(.5 * #{$size__spacing-unit});
|
||||||
|
|
||||||
&.dots,
|
&.dots,
|
||||||
&.prev {
|
&.prev {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.dots,
|
&.dots,
|
||||||
&.next {
|
&.next {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus {
|
a:focus {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
outline-offset: -1px;
|
outline-offset: -1px;
|
||||||
|
|
||||||
&.prev,
|
&.prev,
|
||||||
&.next {
|
&.next {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
.nav-prev-text,
|
.nav-prev-text,
|
||||||
.nav-next-text {
|
.nav-next-text {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-next-text,
|
.nav-next-text,
|
||||||
.nav-prev-text {
|
.nav-prev-text {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
|
|
||||||
margin-left: $size__site-margins;
|
margin-left: $size__site-margins;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.prev,
|
.prev,
|
||||||
.next {
|
.next {
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: text-bottom;
|
vertical-align: text-bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
padding: $size__spacing-unit;
|
padding: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Comments navigation
|
// Comments navigation
|
||||||
.comment-navigation {
|
.comment-navigation {
|
||||||
|
|
||||||
.nav-links {
|
.nav-links {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-previous,
|
.nav-previous,
|
||||||
.nav-next {
|
.nav-next {
|
||||||
min-width: 50%;
|
min-width: 50%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
.secondary-text {
|
.secondary-text {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 -0.35em;
|
margin: 0 -0.35em;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-next {
|
.nav-next {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,27 +1,27 @@
|
|||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Header
|
## Header
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "header/site-header";
|
@import "header/site-header";
|
||||||
@import "header/site-featured-image";
|
@import "header/site-featured-image";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Posts and pages
|
## Posts and pages
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "primary/posts-and-pages";
|
@import "primary/posts-and-pages";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Comments
|
## Comments
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "primary/comments";
|
@import "primary/comments";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Archives
|
## Archives
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "primary/archives";
|
@import "primary/archives";
|
||||||
|
|
||||||
/*--------------------------------------------------------------
|
/*--------------------------------------------------------------
|
||||||
## Footer
|
## Footer
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@import "footer/site-footer";
|
@import "footer/site-footer";
|
||||||
|
|
||||||
|
|||||||
@ -1,53 +1,53 @@
|
|||||||
/* Site footer */
|
/* Site footer */
|
||||||
|
|
||||||
#colophon {
|
#colophon {
|
||||||
|
|
||||||
.widget-area,
|
.widget-area,
|
||||||
.site-info {
|
.site-info {
|
||||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget-column {
|
.widget-column {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.widget {
|
.widget {
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
-ms-hyphens: auto;
|
-ms-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
margin-right: calc(3 * #{$size__spacing-unit});
|
margin-right: calc(3 * #{$size__spacing-unit});
|
||||||
width: calc(50% - (3 * #{$size__spacing-unit}));
|
width: calc(50% - (3 * #{$size__spacing-unit}));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-info {
|
.site-info {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
-ms-hyphens: auto;
|
-ms-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.imprint,
|
.imprint,
|
||||||
.privacy-policy-link {
|
.privacy-policy-link {
|
||||||
margin-right: $size__spacing-unit;
|
margin-right: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,301 +1,301 @@
|
|||||||
// Featured image styles
|
// Featured image styles
|
||||||
|
|
||||||
.site-header.featured-image {
|
.site-header.featured-image {
|
||||||
|
|
||||||
/* Hide overflow for overflowing featured image */
|
/* Hide overflow for overflowing featured image */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
/* Need relative positioning to properly align layers. */
|
/* Need relative positioning to properly align layers. */
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
/* Add text shadow to text, to increase readability. */
|
/* Add text shadow to text, to increase readability. */
|
||||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
||||||
|
|
||||||
/* Set white text color when featured image is set. */
|
/* Set white text color when featured image is set. */
|
||||||
.site-branding .site-title,
|
.site-branding .site-title,
|
||||||
.site-branding .site-description,
|
.site-branding .site-description,
|
||||||
.main-navigation a:after,
|
.main-navigation a:after,
|
||||||
.main-navigation .main-menu > li.menu-item-has-children:after,
|
.main-navigation .main-menu > li.menu-item-has-children:after,
|
||||||
.main-navigation li,
|
.main-navigation li,
|
||||||
.social-navigation li,
|
.social-navigation li,
|
||||||
.entry-meta,
|
.entry-meta,
|
||||||
.entry-title {
|
.entry-title {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation a,
|
.main-navigation a,
|
||||||
.main-navigation a + svg,
|
.main-navigation a + svg,
|
||||||
.social-navigation a,
|
.social-navigation a,
|
||||||
.site-title a,
|
.site-title a,
|
||||||
.site-featured-image a {
|
.site-featured-image a {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
transition: opacity $link_transition ease-in-out;
|
transition: opacity $link_transition ease-in-out;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&:hover + svg,
|
&:hover + svg,
|
||||||
&:active + svg {
|
&:active + svg {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus,
|
&:focus,
|
||||||
&:focus + svg {
|
&:focus + svg {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .sub-menu a {
|
.main-navigation .sub-menu a {
|
||||||
opacity: inherit;
|
opacity: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* add focus state to social media icons */
|
/* add focus state to social media icons */
|
||||||
.social-navigation a {
|
.social-navigation a {
|
||||||
&:focus {
|
&:focus {
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
border-bottom: 1px solid $color__background-body;
|
border-bottom: 1px solid $color__background-body;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-navigation svg,
|
.social-navigation svg,
|
||||||
.site-featured-image svg {
|
.site-featured-image svg {
|
||||||
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
|
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
|
||||||
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Entry header */
|
/* Entry header */
|
||||||
.site-featured-image {
|
.site-featured-image {
|
||||||
|
|
||||||
/* First layer: grayscale. */
|
/* First layer: grayscale. */
|
||||||
.post-thumbnail img {
|
.post-thumbnail img {
|
||||||
height: auto;
|
height: auto;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
max-width: 1000%;
|
max-width: 1000%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
min-width: 100vw;
|
min-width: 100vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateX(-50%) translateY(-50%);
|
transform: translateX(-50%) translateY(-50%);
|
||||||
width: auto;
|
width: auto;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
@supports ( object-fit: cover ) {
|
@supports ( object-fit: cover ) {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
top: 0;
|
top: 0;
|
||||||
transform: none;
|
transform: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* When image filters are active, make it grayscale to colorize it blue. */
|
/* When image filters are active, make it grayscale to colorize it blue. */
|
||||||
.image-filters-enabled & {
|
.image-filters-enabled & {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-header {
|
.entry-header {
|
||||||
|
|
||||||
margin-top: calc( 4 * #{$size__spacing-unit});
|
margin-top: calc( 4 * #{$size__spacing-unit});
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
|
||||||
@include media (tablet) {
|
@include media (tablet) {
|
||||||
|
|
||||||
margin-left: $size__site-margins;
|
margin-left: $size__site-margins;
|
||||||
margin-right: $size__site-margins;
|
margin-right: $size__site-margins;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-title {
|
.entry-title {
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
background: $color__background-body;
|
background: $color__background-body;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Entry meta */
|
/* Entry meta */
|
||||||
|
|
||||||
.entry-meta {
|
.entry-meta {
|
||||||
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
|
|
||||||
margin-right: $size__spacing-unit;
|
margin-right: $size__spacing-unit;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
||||||
@include link-transition;
|
@include link-transition;
|
||||||
color: currentColor;
|
color: currentColor;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.discussion-avatar-list {
|
.discussion-avatar-list {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-discussion {
|
&.has-discussion {
|
||||||
|
|
||||||
@include media (tablet) {
|
@include media (tablet) {
|
||||||
|
|
||||||
.entry-meta {
|
.entry-meta {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-title {
|
.entry-title {
|
||||||
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
|
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-meta .comment-count {
|
.entry-meta .comment-count {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-meta .discussion-avatar-list {
|
.entry-meta .discussion-avatar-list {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Custom Logo Link */
|
/* Custom Logo Link */
|
||||||
|
|
||||||
.custom-logo-link {
|
.custom-logo-link {
|
||||||
|
|
||||||
background: $color__background-body;
|
background: $color__background-body;
|
||||||
box-shadow: 0 0 0 0 rgba($color__background-body, 0);
|
box-shadow: 0 0 0 0 rgba($color__background-body, 0);
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 0 0 2px rgba($color__background-body, 1);
|
box-shadow: 0 0 0 2px rgba($color__background-body, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make sure important elements are above pseudo elements used for effects. */
|
/* Make sure important elements are above pseudo elements used for effects. */
|
||||||
.site-branding {
|
.site-branding {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-featured-image .entry-header {
|
.site-featured-image .entry-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Set up image filter layer positioning */
|
/* Set up image filter layer positioning */
|
||||||
.site-branding-container:after,
|
.site-branding-container:after,
|
||||||
.site-featured-image:before,
|
.site-featured-image:before,
|
||||||
.site-featured-image:after,
|
.site-featured-image:after,
|
||||||
&:after {
|
&:after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; left: 0;
|
top: 0; left: 0;
|
||||||
content: "\020";
|
content: "\020";
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Background & Effects */
|
/* Background & Effects */
|
||||||
/* Shared background settings between pseudo elements. */
|
/* Shared background settings between pseudo elements. */
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
||||||
/* The intensity of each blend mode is controlled via layer opacity. */
|
/* The intensity of each blend mode is controlled via layer opacity. */
|
||||||
|
|
||||||
/* Second layer: screen. */
|
/* Second layer: screen. */
|
||||||
.image-filters-enabled & .site-featured-image:before {
|
.image-filters-enabled & .site-featured-image:before {
|
||||||
background: $color__link;
|
background: $color__link;
|
||||||
mix-blend-mode: screen;
|
mix-blend-mode: screen;
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Third layer: multiply. */
|
/* Third layer: multiply. */
|
||||||
/* When image filters are inactive, a black overlay is added. */
|
/* When image filters are inactive, a black overlay is added. */
|
||||||
.site-featured-image:after {
|
.site-featured-image:after {
|
||||||
background: #000;
|
background: #000;
|
||||||
mix-blend-mode: multiply;
|
mix-blend-mode: multiply;
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
|
|
||||||
/* When image filters are active, a blue overlay is added. */
|
/* When image filters are active, a blue overlay is added. */
|
||||||
.image-filters-enabled & {
|
.image-filters-enabled & {
|
||||||
background: $color__link;
|
background: $color__link;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
||||||
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
||||||
@supports (mix-blend-mode: multiply) {
|
@supports (mix-blend-mode: multiply) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fourth layer: overlay. */
|
/* Fourth layer: overlay. */
|
||||||
.image-filters-enabled & .site-branding-container:after {
|
.image-filters-enabled & .site-branding-container:after {
|
||||||
background: rgba(0, 0, 0, 0.35);
|
background: rgba(0, 0, 0, 0.35);
|
||||||
mix-blend-mode: overlay;
|
mix-blend-mode: overlay;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
|
||||||
/* Browsers supporting mix-blend-mode can have a light overlay */
|
/* Browsers supporting mix-blend-mode can have a light overlay */
|
||||||
@supports (mix-blend-mode: overlay) {
|
@supports (mix-blend-mode: overlay) {
|
||||||
background: rgba($color__background-body, 0.35);
|
background: rgba($color__background-body, 0.35);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fifth layer: readability overlay */
|
/* Fifth layer: readability overlay */
|
||||||
&:after {
|
&:after {
|
||||||
background: #000;
|
background: #000;
|
||||||
/**
|
/**
|
||||||
* Add a transition to the readability overlay, to add a subtle
|
* Add a transition to the readability overlay, to add a subtle
|
||||||
* but smooth effect when resizing the screen.
|
* but smooth effect when resizing the screen.
|
||||||
*/
|
*/
|
||||||
transition: opacity 1200ms ease-in-out;
|
transition: opacity 1200ms ease-in-out;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
|
|
||||||
/* When image filters are active, a blue overlay is added. */
|
/* When image filters are active, a blue overlay is added. */
|
||||||
.image-filters-enabled & {
|
.image-filters-enabled & {
|
||||||
background: mix($color__link, black, 12%);
|
background: mix($color__link, black, 12%);
|
||||||
opacity: 0.38;
|
opacity: 0.38;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
opacity: 0.18;
|
opacity: 0.18;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background: rgba($color__background-body, 0.17);
|
background: rgba($color__background-body, 0.17);
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background: rgba($color__background-body, 0.17);
|
background: rgba($color__background-body, 0.17);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,139 +1,139 @@
|
|||||||
// Site header
|
// Site header
|
||||||
|
|
||||||
.site-header {
|
.site-header {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
||||||
&.featured-image {
|
&.featured-image {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
min-height: 90vh;
|
min-height: 90vh;
|
||||||
|
|
||||||
.site-branding-container {
|
.site-branding-container {
|
||||||
margin-bottom: auto;
|
margin-bottom: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 3rem 0;
|
padding: 3rem 0;
|
||||||
|
|
||||||
&.featured-image {
|
&.featured-image {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Site branding
|
// Site branding
|
||||||
|
|
||||||
.site-branding {
|
.site-branding {
|
||||||
|
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
-ms-hyphens: auto;
|
-ms-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: 0 $size__site-margins;
|
margin: 0 $size__site-margins;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Site logo
|
// Site logo
|
||||||
|
|
||||||
.site-logo {
|
.site-logo {
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
margin-bottom: calc(.66 * #{$size__spacing-unit});
|
margin-bottom: calc(.66 * #{$size__spacing-unit});
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: calc(100% + (1.25 * #{$size__spacing-unit}));
|
right: calc(100% + (1.25 * #{$size__spacing-unit}));
|
||||||
top: 4px; // Accounts for box-shadow widths
|
top: 4px; // Accounts for box-shadow widths
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-logo-link {
|
.custom-logo-link {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
display: block;
|
display: block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: box-shadow $background_transition ease-in-out;
|
transition: box-shadow $background_transition ease-in-out;
|
||||||
|
|
||||||
.custom-logo {
|
.custom-logo {
|
||||||
min-height: inherit;
|
min-height: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
|
box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Site title
|
// Site title
|
||||||
|
|
||||||
.site-title {
|
.site-title {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
display: inline;
|
display: inline;
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
|
|
||||||
&:link,
|
&:link,
|
||||||
&:visited {
|
&:visited {
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__text-hover;
|
color: $color__text-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured-image & {
|
.featured-image & {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* When there is no description set, make sure navigation appears below title. */
|
/* When there is no description set, make sure navigation appears below title. */
|
||||||
+ .main-navigation {
|
+ .main-navigation {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:empty) + .site-description:not(:empty):before {
|
&:not(:empty) + .site-description:not(:empty):before {
|
||||||
content: "\2014";
|
content: "\2014";
|
||||||
margin: 0 .2em;
|
margin: 0 .2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Site description
|
// Site description
|
||||||
|
|
||||||
.site-description {
|
.site-description {
|
||||||
|
|
||||||
display: inline;
|
display: inline;
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,65 +1,65 @@
|
|||||||
.archive .page-header,
|
.archive .page-header,
|
||||||
.search .page-header,
|
.search .page-header,
|
||||||
.error404 .page-header {
|
.error404 .page-header {
|
||||||
|
|
||||||
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
|
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: 0 $size__site-margins calc(3 * #{$size__spacing-unit});
|
margin: 0 $size__site-margins calc(3 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
|
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
display: inline;
|
display: inline;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-term,
|
.search-term,
|
||||||
.page-description {
|
.page-description {
|
||||||
display: inherit;
|
display: inherit;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive .page-header .page-description,
|
.archive .page-header .page-description,
|
||||||
.search .page-header .page-description {
|
.search .page-header .page-description {
|
||||||
display: block;
|
display: block;
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hfeed .entry .entry-header {
|
.hfeed .entry .entry-header {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 404 & Not found */
|
/* 404 & Not found */
|
||||||
|
|
||||||
.error-404.not-found,
|
.error-404.not-found,
|
||||||
.no-results.not-found {
|
.no-results.not-found {
|
||||||
|
|
||||||
.page-content {
|
.page-content {
|
||||||
|
|
||||||
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
|
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-submit {
|
.search-submit {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-field {
|
.search-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,409 +1,409 @@
|
|||||||
.comment-content a {
|
.comment-content a {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bypostauthor {
|
.bypostauthor {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments-area {
|
.comments-area {
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
-ms-hyphens: auto;
|
-ms-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@include postContentMaxWidth();
|
@include postContentMaxWidth();
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
margin-top: calc(2 * #{$size__spacing-unit});
|
margin-top: calc(2 * #{$size__spacing-unit});
|
||||||
margin-bottom: calc(2 * #{$size__spacing-unit});
|
margin-bottom: calc(2 * #{$size__spacing-unit});
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin-top: calc(3 * #{$size__spacing-unit});
|
margin-top: calc(3 * #{$size__spacing-unit});
|
||||||
margin-bottom: calc(3 * #{$size__spacing-unit});
|
margin-bottom: calc(3 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add extra margin when the comments section is located immediately after the
|
/* Add extra margin when the comments section is located immediately after the
|
||||||
* post itself (this happens on pages).
|
* post itself (this happens on pages).
|
||||||
*/
|
*/
|
||||||
.entry + & {
|
.entry + & {
|
||||||
margin-top: calc(3 * #{$size__spacing-unit});
|
margin-top: calc(3 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments-title-wrap {
|
.comments-title-wrap {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments-title {
|
.comments-title {
|
||||||
@include post-section-dash;
|
@include post-section-dash;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
flex: 1 0 calc(3 * (100vw / 12));
|
flex: 1 0 calc(3 * (100vw / 12));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discussion-meta {
|
.discussion-meta {
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
flex: 0 0 calc(2 * (100vw / 12));
|
flex: 0 0 calc(2 * (100vw / 12));
|
||||||
margin-left: #{$size__spacing-unit};
|
margin-left: #{$size__spacing-unit};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#comment {
|
#comment {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
#respond {
|
#respond {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.comment-user-avatar {
|
.comment-user-avatar {
|
||||||
margin: $size__spacing-unit 0 -#{$size__spacing-unit};
|
margin: $size__spacing-unit 0 -#{$size__spacing-unit};
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment .comment-form {
|
.comment .comment-form {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> small {
|
> small {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: $font__size_base;
|
font-size: $font__size_base;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: calc(#{$size__spacing-unit} + 100%);
|
left: calc(#{$size__spacing-unit} + 100%);
|
||||||
top: calc(-3.5 * #{$size__spacing-unit});
|
top: calc(-3.5 * #{$size__spacing-unit});
|
||||||
width: calc(100vw / 12 );
|
width: calc(100vw / 12 );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#comments {
|
#comments {
|
||||||
|
|
||||||
> .comments-title:last-child {
|
> .comments-title:last-child {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form-flex {
|
.comment-form-flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.comments-title {
|
.comments-title {
|
||||||
display: none;
|
display: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#respond {
|
#respond {
|
||||||
order: 2;
|
order: 2;
|
||||||
|
|
||||||
+ .comments-title {
|
+ .comments-title {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-list {
|
.comment-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.children {
|
.children {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 0 0 $size__spacing-unit;
|
padding: 0 0 0 $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .comment:first-child {
|
> .comment:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pingback,
|
.pingback,
|
||||||
.trackback {
|
.trackback {
|
||||||
|
|
||||||
.comment-body {
|
.comment-body {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-top: $size__spacing-unit;
|
margin-top: $size__spacing-unit;
|
||||||
margin-bottom: $size__spacing-unit;
|
margin-bottom: $size__spacing-unit;
|
||||||
|
|
||||||
a:not(.comment-edit-link) {
|
a:not(.comment-edit-link) {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: $font__size-base / (1 * $font__size-ratio);
|
font-size: $font__size-base / (1 * $font__size-ratio);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
padding-right: #{0.5 * $size__spacing-unit};
|
padding-right: #{0.5 * $size__spacing-unit};
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-edit-link {
|
.comment-edit-link {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-reply {
|
.comment-reply {
|
||||||
|
|
||||||
#respond + & {
|
#respond + & {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-reply-link {
|
.comment-reply-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
|
padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
|
||||||
|
|
||||||
&.depth-1,
|
&.depth-1,
|
||||||
.children {
|
.children {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.depth-1 {
|
&.depth-1 {
|
||||||
margin-left: calc(3.25 * #{$size__spacing-unit});
|
margin-left: calc(3.25 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-body {
|
.comment-body {
|
||||||
margin: calc(2 * #{$size__spacing-unit}) 0 0;
|
margin: calc(2 * #{$size__spacing-unit}) 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.comment-meta {
|
.comment-meta {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-author {
|
.comment-author {
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: $size__spacing-unit;
|
margin-right: $size__spacing-unit;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
float: inherit;
|
float: inherit;
|
||||||
margin-right: inherit;
|
margin-right: inherit;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: calc(100% + #{$size__spacing-unit});
|
right: calc(100% + #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fn {
|
.fn {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-author-badge {
|
.post-author-badge {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: lighten( $color__link, 8% );
|
background: lighten( $color__link, 8% );
|
||||||
right: calc(100% - #{$size__spacing-unit * 2.5});
|
right: calc(100% - #{$size__spacing-unit * 2.5});
|
||||||
top: -3px;
|
top: -3px;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
right: calc(100% + #{$size__spacing-unit * .75});
|
right: calc(100% + #{$size__spacing-unit * .75});
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: inherit;
|
width: inherit;
|
||||||
height: inherit;
|
height: inherit;
|
||||||
display: block;
|
display: block;
|
||||||
fill: white;
|
fill: white;
|
||||||
transform: scale(0.875);
|
transform: scale(0.875);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-metadata {
|
.comment-metadata {
|
||||||
|
|
||||||
> a,
|
> a,
|
||||||
.comment-edit-link {
|
.comment-edit-link {
|
||||||
display: inline;
|
display: inline;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
|
|
||||||
time {
|
time {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-link-sep {
|
.edit-link-sep {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
margin: 0 0.2em;
|
margin: 0 0.2em;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-link {
|
.edit-link {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
margin-right: 0.1em;
|
margin-right: 0.1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-edit-link {
|
.comment-edit-link {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: $size__spacing-unit;
|
padding-left: $size__spacing-unit;
|
||||||
margin-left: -#{$size__spacing-unit};
|
margin-left: -#{$size__spacing-unit};
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-content {
|
.comment-content {
|
||||||
|
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
padding-right: $size__spacing-unit;
|
padding-right: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
|
|
||||||
> *:first-child {
|
> *:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> *:last-child {
|
> *:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-reply-link,
|
.comment-reply-link,
|
||||||
#cancel-comment-reply-link {
|
#cancel-comment-reply-link {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discussion-avatar-list {
|
.discussion-avatar-list {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
position: relative;
|
position: relative;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0 -8px 0 0;
|
margin: 0 -8px 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-user-avatar {
|
.comment-user-avatar {
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: calc(1.5 * #{$size__spacing-unit});
|
height: calc(1.5 * #{$size__spacing-unit});
|
||||||
width: calc(1.5 * #{$size__spacing-unit});
|
width: calc(1.5 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discussion-meta {
|
.discussion-meta {
|
||||||
|
|
||||||
.discussion-meta-info {
|
.discussion-meta-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
|
transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
|
||||||
margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
|
margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form {
|
.comment-form {
|
||||||
|
|
||||||
.comment-notes,
|
.comment-notes,
|
||||||
label {
|
label {
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wp-comment-cookies-consent {
|
#wp-comment-cookies-consent {
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form-author,
|
.comment-form-author,
|
||||||
.comment-form-email {
|
.comment-form-email {
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
width: calc(50% - #{$size__spacing-unit / 2});
|
width: calc(50% - #{$size__spacing-unit / 2});
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form-email {
|
.comment-form-email {
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin-left: $size__spacing-unit;
|
margin-left: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[name="author"],
|
input[name="author"],
|
||||||
input[name="email"],
|
input[name="email"],
|
||||||
input[name="url"] {
|
input[name="url"] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,304 +1,304 @@
|
|||||||
.sticky {
|
.sticky {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sticky-post {
|
.sticky-post {
|
||||||
background: $color__background-button;
|
background: $color__background-button;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: .25rem;
|
padding: .25rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
top: -$size__spacing-unit;
|
top: -$size__spacing-unit;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.updated:not(.published) {
|
.updated:not(.published) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-links {
|
.page-links {
|
||||||
clear: both;
|
clear: both;
|
||||||
margin: 0 0 calc(1.5 * #{$size__spacing-unit});
|
margin: 0 0 calc(1.5 * #{$size__spacing-unit});
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
|
|
||||||
margin-top: calc(6 * #{$size__spacing-unit});
|
margin-top: calc(6 * #{$size__spacing-unit});
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-header {
|
.entry-header {
|
||||||
|
|
||||||
margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
|
margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-title {
|
.entry-title {
|
||||||
|
|
||||||
@include post-section-dash;
|
@include post-section-dash;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__text-hover;
|
color: $color__text-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-meta,
|
.entry-meta,
|
||||||
.entry-footer {
|
.entry-footer {
|
||||||
|
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
|
|
||||||
margin-right: $size__spacing-unit;
|
margin-right: $size__spacing-unit;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
||||||
@include link-transition;
|
@include link-transition;
|
||||||
color: currentColor;
|
color: currentColor;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-meta {
|
.entry-meta {
|
||||||
margin: $size__spacing-unit 0;
|
margin: $size__spacing-unit 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-footer {
|
.entry-footer {
|
||||||
|
|
||||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
|
margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
|
||||||
max-width: $size__site-tablet-content;
|
max-width: $size__site-tablet-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
max-width: $size__site-desktop-content;
|
max-width: $size__site-desktop-content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-thumbnail {
|
.post-thumbnail {
|
||||||
|
|
||||||
margin: $size__spacing-unit;
|
margin: $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: $size__spacing-unit $size__site-margins;
|
margin: $size__spacing-unit $size__site-margins;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-thumbnail-inner {
|
.post-thumbnail-inner {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-filters-enabled & {
|
.image-filters-enabled & {
|
||||||
|
|
||||||
.post-thumbnail {
|
.post-thumbnail {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
.post-thumbnail-inner {
|
.post-thumbnail-inner {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
background: rgba(0, 0, 0, 0.35);
|
background: rgba(0, 0, 0, 0.35);
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
|
||||||
@supports (mix-blend-mode: multiply) {
|
@supports (mix-blend-mode: multiply) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0; left: 0;
|
top: 0; left: 0;
|
||||||
content: "\020";
|
content: "\020";
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include filter-duotone;
|
@include filter-duotone;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-content,
|
.entry-content,
|
||||||
.entry-summary {
|
.entry-summary {
|
||||||
max-width: calc(100% - (2 * #{ $size__spacing-unit }));
|
max-width: calc(100% - (2 * #{ $size__spacing-unit }));
|
||||||
margin: 0 $size__spacing-unit;
|
margin: 0 $size__spacing-unit;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 10%;
|
margin: 0 10%;
|
||||||
padding: 0 60px;
|
padding: 0 60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-content {
|
.entry-content {
|
||||||
|
|
||||||
p {
|
p {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.more-link {
|
.more-link {
|
||||||
@include link-transition;
|
@include link-transition;
|
||||||
display: inline;
|
display: inline;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: "\02192";
|
content: "\02192";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
&.button,
|
&.button,
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.button {
|
&.button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.button:hover {
|
&.button:hover {
|
||||||
background: $color__background-button-hover;
|
background: $color__background-button-hover;
|
||||||
color: $color__background-body;
|
color: $color__background-body;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Overwrite iframe embeds that have inline styles.
|
// Overwrite iframe embeds that have inline styles.
|
||||||
> iframe[style] {
|
> iframe[style] {
|
||||||
|
|
||||||
margin: 32px 0 !important;
|
margin: 32px 0 !important;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
max-width: $size__site-tablet-content !important;
|
max-width: $size__site-tablet-content !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
max-width: $size__site-desktop-content !important;
|
max-width: $size__site-desktop-content !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Page links
|
// Page links
|
||||||
.page-links a {
|
.page-links a {
|
||||||
margin: calc(0.5 * #{$size__spacing-unit});
|
margin: calc(0.5 * #{$size__spacing-unit});
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Classic editor audio embeds.
|
// Classic editor audio embeds.
|
||||||
.wp-audio-shortcode {
|
.wp-audio-shortcode {
|
||||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
max-width: $size__site-tablet-content;
|
max-width: $size__site-tablet-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
max-width: $size__site-desktop-content;
|
max-width: $size__site-desktop-content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Author description */
|
/* Author description */
|
||||||
|
|
||||||
.author-bio {
|
.author-bio {
|
||||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||||
|
|
||||||
@include postContentMaxWidth();
|
@include postContentMaxWidth();
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||||
}
|
}
|
||||||
|
|
||||||
.author-title {
|
.author-title {
|
||||||
@include post-section-dash;
|
@include post-section-dash;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.author-description {
|
.author-description {
|
||||||
|
|
||||||
display: inline;
|
display: inline;
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
font-size: $font__size-md;
|
font-size: $font__size-md;
|
||||||
line-height: $font__line-height-heading;
|
line-height: $font__line-height-heading;
|
||||||
|
|
||||||
.author-link {
|
.author-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,106 +1,106 @@
|
|||||||
.widget {
|
.widget {
|
||||||
margin: 0 0 #{$size__spacing-unit};
|
margin: 0 0 #{$size__spacing-unit};
|
||||||
|
|
||||||
.widget-title {
|
.widget-title {
|
||||||
font-size: $font__size-lg;
|
font-size: $font__size-lg;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Make sure select elements fit in widgets. */
|
/* Make sure select elements fit in widgets. */
|
||||||
select {
|
select {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color__link;
|
color: $color__link;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $color__link-hover;
|
color: $color__link-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget_archive,
|
.widget_archive,
|
||||||
.widget_categories,
|
.widget_categories,
|
||||||
.widget_meta,
|
.widget_meta,
|
||||||
.widget_nav_menu,
|
.widget_nav_menu,
|
||||||
.widget_pages,
|
.widget_pages,
|
||||||
.widget_recent_comments,
|
.widget_recent_comments,
|
||||||
.widget_recent_entries,
|
.widget_recent_entries,
|
||||||
.widget_rss {
|
.widget_rss {
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: $font__line-height-heading;
|
line-height: $font__line-height-heading;
|
||||||
margin-top: #{0.5 * $size__spacing-unit};
|
margin-top: #{0.5 * $size__spacing-unit};
|
||||||
margin-bottom: #{0.5 * $size__spacing-unit};
|
margin-bottom: #{0.5 * $size__spacing-unit};
|
||||||
}
|
}
|
||||||
|
|
||||||
@include nestedSubMenuPadding();
|
@include nestedSubMenuPadding();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget_tag_cloud {
|
.widget_tag_cloud {
|
||||||
|
|
||||||
.tagcloud {
|
.tagcloud {
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.widget_search {
|
.widget_search {
|
||||||
|
|
||||||
.search-field {
|
.search-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@include media(mobile) {
|
@include media(mobile) {
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-submit {
|
.search-submit {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: $size__spacing-unit;
|
margin-top: $size__spacing-unit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap {
|
.widget_calendar .calendar_wrap {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
table td,
|
table td,
|
||||||
table th {
|
table th {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-calendar-table {
|
.wp-calendar-table {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-calendar-nav {
|
.wp-calendar-nav {
|
||||||
margin: 0 0 $size__spacing-unit;
|
margin: 0 0 $size__spacing-unit;
|
||||||
display: table;
|
display: table;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-calendar-nav-prev,
|
.wp-calendar-nav-prev,
|
||||||
.wp-calendar-nav-next {
|
.wp-calendar-nav-next {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,62 +1,62 @@
|
|||||||
p {
|
p {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
dfn,
|
dfn,
|
||||||
cite,
|
cite,
|
||||||
em,
|
em,
|
||||||
i {
|
i {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
font-family: $font__pre;
|
font-family: $font__pre;
|
||||||
line-height: $font__line-height-body;
|
line-height: $font__line-height-body;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
code,
|
code,
|
||||||
kbd,
|
kbd,
|
||||||
tt,
|
tt,
|
||||||
var {
|
var {
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
font-family: $font__code;
|
font-family: $font__code;
|
||||||
}
|
}
|
||||||
|
|
||||||
abbr, acronym {
|
abbr, acronym {
|
||||||
border-bottom: 1px dotted #666;
|
border-bottom: 1px dotted #666;
|
||||||
cursor: help;
|
cursor: help;
|
||||||
}
|
}
|
||||||
|
|
||||||
mark,
|
mark,
|
||||||
ins {
|
ins {
|
||||||
background: #fff9c0;
|
background: #fff9c0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
big {
|
big {
|
||||||
font-size: 125%;
|
font-size: 125%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,164 +1,164 @@
|
|||||||
.author-description .author-link,
|
.author-description .author-link,
|
||||||
.comment-metadata,
|
.comment-metadata,
|
||||||
.comment-reply-link,
|
.comment-reply-link,
|
||||||
.comments-title,
|
.comments-title,
|
||||||
.comment-author .fn,
|
.comment-author .fn,
|
||||||
.discussion-meta-info,
|
.discussion-meta-info,
|
||||||
.entry-meta,
|
.entry-meta,
|
||||||
.entry-footer,
|
.entry-footer,
|
||||||
.main-navigation,
|
.main-navigation,
|
||||||
.no-comments,
|
.no-comments,
|
||||||
.not-found .page-title,
|
.not-found .page-title,
|
||||||
.error-404 .page-title,
|
.error-404 .page-title,
|
||||||
.post-navigation .post-title,
|
.post-navigation .post-title,
|
||||||
.page-links,
|
.page-links,
|
||||||
.page-description,
|
.page-description,
|
||||||
.pagination .nav-links,
|
.pagination .nav-links,
|
||||||
.sticky-post,
|
.sticky-post,
|
||||||
.site-title,
|
.site-title,
|
||||||
.site-info,
|
.site-info,
|
||||||
#cancel-comment-reply-link,
|
#cancel-comment-reply-link,
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
@include font-family( $font__heading );
|
@include font-family( $font__heading );
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation,
|
.main-navigation,
|
||||||
.page-description,
|
.page-description,
|
||||||
.author-description .author-link,
|
.author-description .author-link,
|
||||||
.not-found .page-title,
|
.not-found .page-title,
|
||||||
.error-404 .page-title,
|
.error-404 .page-title,
|
||||||
.post-navigation .post-title,
|
.post-navigation .post-title,
|
||||||
.pagination .nav-links,
|
.pagination .nav-links,
|
||||||
.comments-title,
|
.comments-title,
|
||||||
.comment-author .fn,
|
.comment-author .fn,
|
||||||
.no-comments,
|
.no-comments,
|
||||||
.site-title,
|
.site-title,
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: -0.02em;
|
letter-spacing: -0.02em;
|
||||||
line-height: $font__line-height-heading;
|
line-height: $font__line-height-heading;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
@include font-family( $font__body );
|
@include font-family( $font__body );
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-branding,
|
.site-branding,
|
||||||
.main-navigation ul.main-menu > li,
|
.main-navigation ul.main-menu > li,
|
||||||
.social-navigation,
|
.social-navigation,
|
||||||
.author-description .author-bio,
|
.author-description .author-bio,
|
||||||
.nav-links {
|
.nav-links {
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: $font__size-xl;
|
font-size: $font__size-xl;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
font-size: $font__size-xxl;
|
font-size: $font__size-xxl;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-title,
|
.entry-title,
|
||||||
.not-found .page-title,
|
.not-found .page-title,
|
||||||
.error-404 .page-title,
|
.error-404 .page-title,
|
||||||
.has-larger-font-size,
|
.has-larger-font-size,
|
||||||
h2 {
|
h2 {
|
||||||
font-size: $font__size-lg;
|
font-size: $font__size-lg;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
font-size: $font__size-xl;
|
font-size: $font__size-xl;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-regular-font-size,
|
.has-regular-font-size,
|
||||||
.has-large-font-size,
|
.has-large-font-size,
|
||||||
.comments-title,
|
.comments-title,
|
||||||
h3 {
|
h3 {
|
||||||
font-size: $font__size-lg;
|
font-size: $font__size-lg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-title,
|
.site-title,
|
||||||
.site-description,
|
.site-description,
|
||||||
.main-navigation,
|
.main-navigation,
|
||||||
.nav-links,
|
.nav-links,
|
||||||
.page-title,
|
.page-title,
|
||||||
.page-description,
|
.page-description,
|
||||||
.comment-author .fn,
|
.comment-author .fn,
|
||||||
.no-comments,
|
.no-comments,
|
||||||
h2.author-title,
|
h2.author-title,
|
||||||
p.author-bio,
|
p.author-bio,
|
||||||
h4 {
|
h4 {
|
||||||
font-size: $font__size-md;
|
font-size: $font__size-md;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination .nav-links,
|
.pagination .nav-links,
|
||||||
.comment-content,
|
.comment-content,
|
||||||
h5 {
|
h5 {
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-meta,
|
.entry-meta,
|
||||||
.entry-footer,
|
.entry-footer,
|
||||||
.discussion-meta-info,
|
.discussion-meta-info,
|
||||||
.site-info,
|
.site-info,
|
||||||
.has-small-font-size,
|
.has-small-font-size,
|
||||||
.comment-reply-link,
|
.comment-reply-link,
|
||||||
.comment-metadata,
|
.comment-metadata,
|
||||||
.comment-notes,
|
.comment-notes,
|
||||||
.sticky-post,
|
.sticky-post,
|
||||||
#cancel-comment-reply-link,
|
#cancel-comment-reply-link,
|
||||||
img:after,
|
img:after,
|
||||||
h6 {
|
h6 {
|
||||||
font-size: $font__size-xs;
|
font-size: $font__size-xs;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-title,
|
.site-title,
|
||||||
.page-title {
|
.page-title {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-description,
|
.page-description,
|
||||||
.page-links a {
|
.page-links a {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-description {
|
.site-description {
|
||||||
letter-spacing: -0.01em;
|
letter-spacing: -0.01em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-navigation .post-title,
|
.post-navigation .post-title,
|
||||||
.entry-title,
|
.entry-title,
|
||||||
.not-found .page-title,
|
.not-found .page-title,
|
||||||
.error-404 .page-title,
|
.error-404 .page-title,
|
||||||
.comments-title,
|
.comments-title,
|
||||||
blockquote {
|
blockquote {
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens: auto;
|
-moz-hyphens: auto;
|
||||||
-ms-hyphens: auto;
|
-ms-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Do not hyphenate entry title on tablet view and bigger. */
|
/* Do not hyphenate entry title on tablet view and bigger. */
|
||||||
.entry-title {
|
.entry-title {
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
-webkit-hyphens: none;
|
-webkit-hyphens: none;
|
||||||
-moz-hyphens: none;
|
-moz-hyphens: none;
|
||||||
-ms-hyphens: none;
|
-ms-hyphens: none;
|
||||||
hyphens: none;
|
hyphens: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,32 +1,32 @@
|
|||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: $font__size_base;
|
font-size: $font__size_base;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
@include font-family( $font__body );
|
@include font-family( $font__body );
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
line-height: $font__line-height-body;
|
line-height: $font__line-height-body;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
select,
|
select,
|
||||||
optgroup,
|
optgroup,
|
||||||
textarea {
|
textarea {
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
@include font-family( $font__body );
|
@include font-family( $font__body );
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: $font__line-height-body;
|
line-height: $font__line-height-body;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "headings";
|
@import "headings";
|
||||||
|
|
||||||
@import "copy";
|
@import "copy";
|
||||||
|
|||||||
@ -1,34 +1,34 @@
|
|||||||
|
|
||||||
// Backgrounds
|
// Backgrounds
|
||||||
$color__background-body: #fff;
|
$color__background-body: #fff;
|
||||||
$color__background-input: #fff;
|
$color__background-input: #fff;
|
||||||
$color__background-screen: #f1f1f1;
|
$color__background-screen: #f1f1f1;
|
||||||
$color__background-hr: #ccc;
|
$color__background-hr: #ccc;
|
||||||
$color__background-button: #0073aa;
|
$color__background-button: #0073aa;
|
||||||
$color__background-button-hover: #111;
|
$color__background-button-hover: #111;
|
||||||
$color__background-pre: #eee;
|
$color__background-pre: #eee;
|
||||||
$color__background-ins: #fff9c0;
|
$color__background-ins: #fff9c0;
|
||||||
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );
|
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );
|
||||||
|
|
||||||
// Text
|
// Text
|
||||||
$color__text-main: #111;
|
$color__text-main: #111;
|
||||||
$color__text-light: #767676;
|
$color__text-light: #767676;
|
||||||
$color__text-hover: lighten( #111, 22.5% );
|
$color__text-hover: lighten( #111, 22.5% );
|
||||||
$color__text-screen: #21759b;
|
$color__text-screen: #21759b;
|
||||||
$color__text-input: #666;
|
$color__text-input: #666;
|
||||||
$color__text-input-focus: #111;
|
$color__text-input-focus: #111;
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
$color__link: #0073aa;
|
$color__link: #0073aa;
|
||||||
$color__link-visited: #0073aa;
|
$color__link-visited: #0073aa;
|
||||||
$color__link-hover: darken( $color__link, 10% );
|
$color__link-hover: darken( $color__link, 10% );
|
||||||
|
|
||||||
// Borders
|
// Borders
|
||||||
$color__border: #ccc;
|
$color__border: #ccc;
|
||||||
$color__border-link: #0073aa;
|
$color__border-link: #0073aa;
|
||||||
$color__border-link-hover: darken( $color__link, 10% );
|
$color__border-link-hover: darken( $color__link, 10% );
|
||||||
$color__border-button: #ccc #ccc #bbb;
|
$color__border-button: #ccc #ccc #bbb;
|
||||||
$color__border-button-hover: #ccc #bbb #aaa;
|
$color__border-button-hover: #ccc #bbb #aaa;
|
||||||
$color__border-button-focus: #aaa #bbb #bbb;
|
$color__border-button-focus: #aaa #bbb #bbb;
|
||||||
$color__border-input: $color__border;
|
$color__border-input: $color__border;
|
||||||
$color__border-abbr: #666;
|
$color__border-abbr: #666;
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
$columns: (
|
$columns: (
|
||||||
1: calc(1 * (100vw / 12)),
|
1: calc(1 * (100vw / 12)),
|
||||||
2: calc(2 * (100vw / 12)),
|
2: calc(2 * (100vw / 12)),
|
||||||
3: calc(3 * (100vw / 12)),
|
3: calc(3 * (100vw / 12)),
|
||||||
4: calc(4 * (100vw / 12)),
|
4: calc(4 * (100vw / 12)),
|
||||||
5: calc(5 * (100vw / 12)),
|
5: calc(5 * (100vw / 12)),
|
||||||
6: calc(6 * (100vw / 12)),
|
6: calc(6 * (100vw / 12)),
|
||||||
7: calc(7 * (100vw / 12)),
|
7: calc(7 * (100vw / 12)),
|
||||||
8: calc(8 * (100vw / 12)),
|
8: calc(8 * (100vw / 12)),
|
||||||
9: calc(9 * (100vw / 12)),
|
9: calc(9 * (100vw / 12)),
|
||||||
10: calc(10 * (100vw / 12)),
|
10: calc(10 * (100vw / 12)),
|
||||||
11: calc(11 * (100vw / 12)),
|
11: calc(11 * (100vw / 12)),
|
||||||
12: calc(12 * (100vw / 12))
|
12: calc(12 * (100vw / 12))
|
||||||
);
|
);
|
||||||
|
|
||||||
$columns__margin: $size__spacing-unit;
|
$columns__margin: $size__spacing-unit;
|
||||||
|
|||||||
@ -1,83 +1,83 @@
|
|||||||
/*
|
/*
|
||||||
* Chrome renders extra-wide characters for the Hoefler Text font.
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||||
* This results in a jumping cursor when typing in both the Classic and block
|
* This results in a jumping cursor when typing in both the Classic and block
|
||||||
* editors. The following font-face override fixes the issue by manually inserting
|
* editors. The following font-face override fixes the issue by manually inserting
|
||||||
* a custom font that includes just a Hoefler Text space replacement for that
|
* a custom font that includes just a Hoefler Text space replacement for that
|
||||||
* character instead.
|
* character instead.
|
||||||
*/
|
*/
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'NonBreakingSpaceOverride';
|
font-family: 'NonBreakingSpaceOverride';
|
||||||
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
|
||||||
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
|
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Font and typographic variables
|
// Font and typographic variables
|
||||||
|
|
||||||
$font__body: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
|
$font__body: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
|
||||||
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
$font__fallbacks: (
|
$font__fallbacks: (
|
||||||
/* Arabic */
|
/* Arabic */
|
||||||
ar: 'Tahoma, Arial, sans-serif',
|
ar: 'Tahoma, Arial, sans-serif',
|
||||||
ary: 'Tahoma, Arial, sans-serif',
|
ary: 'Tahoma, Arial, sans-serif',
|
||||||
azb: 'Tahoma, Arial, sans-serif',
|
azb: 'Tahoma, Arial, sans-serif',
|
||||||
ckb: 'Tahoma, Arial, sans-serif',
|
ckb: 'Tahoma, Arial, sans-serif',
|
||||||
fa-IR: 'Tahoma, Arial, sans-serif',
|
fa-IR: 'Tahoma, Arial, sans-serif',
|
||||||
haz: 'Tahoma, Arial, sans-serif',
|
haz: 'Tahoma, Arial, sans-serif',
|
||||||
ps: 'Tahoma, Arial, sans-serif',
|
ps: 'Tahoma, Arial, sans-serif',
|
||||||
/* Cyrillic */
|
/* Cyrillic */
|
||||||
be: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
be: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
bg-BG: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
bg-BG: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
kk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
kk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
mk-MK: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
mk-MK: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
mn: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
mn: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
ru-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
ru-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
sah: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
sah: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
sr-RS: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
sr-RS: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
tt-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
tt-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
uk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
uk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
||||||
/* Chinese (Hong Kong) */
|
/* Chinese (Hong Kong) */
|
||||||
zh-HK: '-apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
zh-HK: '-apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
||||||
/* Chinese (Taiwan) */
|
/* Chinese (Taiwan) */
|
||||||
zh-TW: '-apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
zh-TW: '-apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
||||||
/* Chinese (China) */
|
/* Chinese (China) */
|
||||||
zh-CN: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
zh-CN: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
||||||
/* Devanagari */
|
/* Devanagari */
|
||||||
bn-BD: 'Arial, sans-serif',
|
bn-BD: 'Arial, sans-serif',
|
||||||
hi-IN: 'Arial, sans-serif',
|
hi-IN: 'Arial, sans-serif',
|
||||||
mr: 'Arial, sans-serif',
|
mr: 'Arial, sans-serif',
|
||||||
ne-NP: 'Arial, sans-serif',
|
ne-NP: 'Arial, sans-serif',
|
||||||
/* Greek */
|
/* Greek */
|
||||||
el: '"Helvetica Neue", Helvetica, Arial, sans-serif',
|
el: '"Helvetica Neue", Helvetica, Arial, sans-serif',
|
||||||
/* Gujarati */
|
/* Gujarati */
|
||||||
gu: 'Arial, sans-serif',
|
gu: 'Arial, sans-serif',
|
||||||
/* Hebrew */
|
/* Hebrew */
|
||||||
he-IL: '"Arial Hebrew", Arial, sans-serif',
|
he-IL: '"Arial Hebrew", Arial, sans-serif',
|
||||||
/* Japanese */
|
/* Japanese */
|
||||||
ja: '-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif',
|
ja: '-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif',
|
||||||
/* Korean */
|
/* Korean */
|
||||||
ko-KR: '"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif',
|
ko-KR: '"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif',
|
||||||
/* Thai */
|
/* Thai */
|
||||||
th: '"Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif',
|
th: '"Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif',
|
||||||
/* Vietnamese */
|
/* Vietnamese */
|
||||||
vi: '"Libre Franklin", sans-serif',
|
vi: '"Libre Franklin", sans-serif',
|
||||||
);
|
);
|
||||||
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
||||||
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
||||||
|
|
||||||
$font__size_base: 22px;
|
$font__size_base: 22px;
|
||||||
$font__size-ratio: 1.125;
|
$font__size-ratio: 1.125;
|
||||||
|
|
||||||
$font__size-xxs: 1em / (1.5 * $font__size-ratio);
|
$font__size-xxs: 1em / (1.5 * $font__size-ratio);
|
||||||
$font__size-xs: 1em / (1.25 * $font__size-ratio);
|
$font__size-xs: 1em / (1.25 * $font__size-ratio);
|
||||||
$font__size-sm: 1em / (1 * $font__size-ratio);
|
$font__size-sm: 1em / (1 * $font__size-ratio);
|
||||||
$font__size-md: 1em * (1 * $font__size-ratio);
|
$font__size-md: 1em * (1 * $font__size-ratio);
|
||||||
$font__size-lg: 1em * (1.5 * $font__size-ratio);
|
$font__size-lg: 1em * (1.5 * $font__size-ratio);
|
||||||
$font__size-xl: 1em * (2 * $font__size-ratio);
|
$font__size-xl: 1em * (2 * $font__size-ratio);
|
||||||
$font__size-xxl: 1em * (2.5 * $font__size-ratio);
|
$font__size-xxl: 1em * (2.5 * $font__size-ratio);
|
||||||
$font__size-xxxl: 1em * (3 * $font__size-ratio);
|
$font__size-xxxl: 1em * (3 * $font__size-ratio);
|
||||||
|
|
||||||
$font__line-height-body: 1.8;
|
$font__line-height-body: 1.8;
|
||||||
$font__line-height-pre: 1.6;
|
$font__line-height-pre: 1.6;
|
||||||
$font__line-height-heading: 1.2;
|
$font__line-height-heading: 1.2;
|
||||||
$font__line-height-double: 2 * $font__line-height-heading;
|
$font__line-height-double: 2 * $font__line-height-heading;
|
||||||
@ -1,16 +1,16 @@
|
|||||||
// Responsive widths.
|
// Responsive widths.
|
||||||
|
|
||||||
$size__spacing-unit: 1rem;
|
$size__spacing-unit: 1rem;
|
||||||
$size__site-main: 100%;
|
$size__site-main: 100%;
|
||||||
$size__site-sidebar: 25%;
|
$size__site-sidebar: 25%;
|
||||||
$size__site-margins: calc(10% + 60px);
|
$size__site-margins: calc(10% + 60px);
|
||||||
$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
|
$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
|
||||||
$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
|
$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
|
||||||
|
|
||||||
// Responsive widths.
|
// Responsive widths.
|
||||||
|
|
||||||
$mobile_width: 600px;
|
$mobile_width: 600px;
|
||||||
$tablet_width: 768px;
|
$tablet_width: 768px;
|
||||||
$desktop_width: 1168px;
|
$desktop_width: 1168px;
|
||||||
$wide_width: 1379px;
|
$wide_width: 1379px;
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
// Transition timeouts.
|
// Transition timeouts.
|
||||||
|
|
||||||
$link_transition: 110ms;
|
$link_transition: 110ms;
|
||||||
$icon_transition: 120ms;
|
$icon_transition: 120ms;
|
||||||
$button_transition: 150ms;
|
$button_transition: 150ms;
|
||||||
$background_transition: 200ms;
|
$background_transition: 200ms;
|
||||||
@ -1,5 +1,5 @@
|
|||||||
@import "colors";
|
@import "colors";
|
||||||
@import "fonts";
|
@import "fonts";
|
||||||
@import "structure";
|
@import "structure";
|
||||||
@import "columns";
|
@import "columns";
|
||||||
@import "transitions";
|
@import "transitions";
|
||||||
|
|||||||
@ -1,56 +1,56 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying search results pages
|
* The template for displaying search results pages
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php if ( have_posts() ) : ?>
|
<?php if ( have_posts() ) : ?>
|
||||||
|
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<?php _e( 'Search results for: ', 'twentynineteen' ); ?>
|
<?php _e( 'Search results for: ', 'twentynineteen' ); ?>
|
||||||
<span class="page-description"><?php echo get_search_query(); ?></span>
|
<span class="page-description"><?php echo get_search_query(); ?></span>
|
||||||
</h1>
|
</h1>
|
||||||
</header><!-- .page-header -->
|
</header><!-- .page-header -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Start the Loop.
|
// Start the Loop.
|
||||||
while ( have_posts() ) :
|
while ( have_posts() ) :
|
||||||
the_post();
|
the_post();
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Include the Post-Format-specific template for the content.
|
* Include the Post-Format-specific template for the content.
|
||||||
* If you want to override this in a child theme, then include a file
|
* If you want to override this in a child theme, then include a file
|
||||||
* called content-___.php (where ___ is the Post Format name) and that
|
* called content-___.php (where ___ is the Post Format name) and that
|
||||||
* will be used instead.
|
* will be used instead.
|
||||||
*/
|
*/
|
||||||
get_template_part( 'template-parts/content/content', 'excerpt' );
|
get_template_part( 'template-parts/content/content', 'excerpt' );
|
||||||
|
|
||||||
// End the loop.
|
// End the loop.
|
||||||
endwhile;
|
endwhile;
|
||||||
|
|
||||||
// Previous/next page navigation.
|
// Previous/next page navigation.
|
||||||
twentynineteen_the_posts_navigation();
|
twentynineteen_the_posts_navigation();
|
||||||
|
|
||||||
// If no content, include the "No posts found" template.
|
// If no content, include the "No posts found" template.
|
||||||
else :
|
else :
|
||||||
get_template_part( 'template-parts/content/content', 'none' );
|
get_template_part( 'template-parts/content/content', 'none' );
|
||||||
|
|
||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
</main><!-- #main -->
|
</main><!-- #main -->
|
||||||
</div><!-- #primary -->
|
</div><!-- #primary -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,60 +1,60 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying all single posts
|
* The template for displaying all single posts
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
// Start the Loop.
|
// Start the Loop.
|
||||||
while ( have_posts() ) :
|
while ( have_posts() ) :
|
||||||
the_post();
|
the_post();
|
||||||
|
|
||||||
get_template_part( 'template-parts/content/content', 'single' );
|
get_template_part( 'template-parts/content/content', 'single' );
|
||||||
|
|
||||||
if ( is_singular( 'attachment' ) ) {
|
if ( is_singular( 'attachment' ) ) {
|
||||||
// Parent post navigation.
|
// Parent post navigation.
|
||||||
the_post_navigation(
|
the_post_navigation(
|
||||||
array(
|
array(
|
||||||
/* translators: %s: Parent post link. */
|
/* translators: %s: Parent post link. */
|
||||||
'prev_text' => sprintf( __( '<span class="meta-nav">Published in</span><span class="post-title">%s</span>', 'twentynineteen' ), '%title' ),
|
'prev_text' => sprintf( __( '<span class="meta-nav">Published in</span><span class="post-title">%s</span>', 'twentynineteen' ), '%title' ),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
} elseif ( is_singular( 'post' ) ) {
|
} elseif ( is_singular( 'post' ) ) {
|
||||||
// Previous/next post navigation.
|
// Previous/next post navigation.
|
||||||
the_post_navigation(
|
the_post_navigation(
|
||||||
array(
|
array(
|
||||||
'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next Post', 'twentynineteen' ) . '</span> ' .
|
'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next Post', 'twentynineteen' ) . '</span> ' .
|
||||||
'<span class="screen-reader-text">' . __( 'Next post:', 'twentynineteen' ) . '</span> <br/>' .
|
'<span class="screen-reader-text">' . __( 'Next post:', 'twentynineteen' ) . '</span> <br/>' .
|
||||||
'<span class="post-title">%title</span>',
|
'<span class="post-title">%title</span>',
|
||||||
'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous Post', 'twentynineteen' ) . '</span> ' .
|
'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous Post', 'twentynineteen' ) . '</span> ' .
|
||||||
'<span class="screen-reader-text">' . __( 'Previous post:', 'twentynineteen' ) . '</span> <br/>' .
|
'<span class="screen-reader-text">' . __( 'Previous post:', 'twentynineteen' ) . '</span> <br/>' .
|
||||||
'<span class="post-title">%title</span>',
|
'<span class="post-title">%title</span>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// If comments are open or we have at least one comment, load up the comment template.
|
// If comments are open or we have at least one comment, load up the comment template.
|
||||||
if ( comments_open() || get_comments_number() ) {
|
if ( comments_open() || get_comments_number() ) {
|
||||||
comments_template();
|
comments_template();
|
||||||
}
|
}
|
||||||
|
|
||||||
endwhile; // End the loop.
|
endwhile; // End the loop.
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</main><!-- #main -->
|
</main><!-- #main -->
|
||||||
</div><!-- #primary -->
|
</div><!-- #primary -->
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
Twenty Nineteen Customizer Styles
|
Twenty Nineteen Customizer Styles
|
||||||
|
|
||||||
NOTE: This file is automatically populated with styles if the user selects a custom primary color in the customizer.
|
NOTE: This file is automatically populated with styles if the user selects a custom primary color in the customizer.
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
Twenty Nineteen Customizer Styles
|
Twenty Nineteen Customizer Styles
|
||||||
|
|
||||||
NOTE: This file is automatically populated with styles if the user selects a custom primary color in the customizer.
|
NOTE: This file is automatically populated with styles if the user selects a custom primary color in the customizer.
|
||||||
*/
|
*/
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,116 +1,117 @@
|
|||||||
/*
|
/*
|
||||||
Theme Name: Twenty Nineteen
|
Theme Name: Twenty Nineteen
|
||||||
Theme URI: https://wordpress.org/themes/twentynineteen/
|
Theme URI: https://wordpress.org/themes/twentynineteen/
|
||||||
Author: the WordPress team
|
Author: the WordPress team
|
||||||
Author URI: https://wordpress.org/
|
Author URI: https://wordpress.org/
|
||||||
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
|
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
|
||||||
Requires at least: 4.9.6
|
Tested up to: 5.9
|
||||||
Requires PHP: 5.2.4
|
Requires at least: 4.9.6
|
||||||
Version: 2.1
|
Requires PHP: 5.2.4
|
||||||
License: GNU General Public License v2 or later
|
Version: 2.2
|
||||||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
License: GNU General Public License v2 or later
|
||||||
Text Domain: twentynineteen
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
|
Text Domain: twentynineteen
|
||||||
|
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
|
||||||
This theme, like WordPress, is licensed under the GPL.
|
|
||||||
Use it to make something cool, have fun, and share what you've learned with others.
|
This theme, like WordPress, is licensed under the GPL.
|
||||||
|
Use it to make something cool, have fun, and share what you've learned with others.
|
||||||
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
|
|
||||||
Underscores is distributed under the terms of the GNU GPL v2 or later.
|
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
|
||||||
|
Underscores is distributed under the terms of the GNU GPL v2 or later.
|
||||||
Normalizing styles have been helped along thanks to the fine work of
|
|
||||||
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
Normalizing styles have been helped along thanks to the fine work of
|
||||||
|
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
Bundled block pattern images:
|
|
||||||
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
|
Bundled block pattern images:
|
||||||
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
|
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
|
||||||
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
|
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
|
||||||
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
|
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
|
||||||
*/
|
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
|
||||||
|
*/
|
||||||
/*--------------------------------------------------------------
|
|
||||||
>>> TABLE OF CONTENTS:
|
/*--------------------------------------------------------------
|
||||||
----------------------------------------------------------------
|
>>> TABLE OF CONTENTS:
|
||||||
# Variables
|
----------------------------------------------------------------
|
||||||
# Normalize
|
# Variables
|
||||||
# Typography
|
# Normalize
|
||||||
## Headings
|
# Typography
|
||||||
## Copy
|
## Headings
|
||||||
# Elements
|
## Copy
|
||||||
## Lists
|
# Elements
|
||||||
## Tables
|
## Lists
|
||||||
# Forms
|
## Tables
|
||||||
## Buttons
|
# Forms
|
||||||
## Fields
|
## Buttons
|
||||||
# Navigation
|
## Fields
|
||||||
## Links
|
# Navigation
|
||||||
## Menus
|
## Links
|
||||||
## Next & Previous
|
## Menus
|
||||||
# Accessibility
|
## Next & Previous
|
||||||
# Alignments
|
# Accessibility
|
||||||
# Clearings
|
# Alignments
|
||||||
# Layout
|
# Clearings
|
||||||
# Widgets
|
# Layout
|
||||||
# Content
|
# Widgets
|
||||||
## Archives
|
# Content
|
||||||
## Posts and pages
|
## Archives
|
||||||
## Comments
|
## Posts and pages
|
||||||
# Blocks
|
## Comments
|
||||||
# Media
|
# Blocks
|
||||||
## Captions
|
# Media
|
||||||
## Galleries
|
## Captions
|
||||||
--------------------------------------------------------------*/
|
## Galleries
|
||||||
@import "sass/variables-site/variables-site";
|
--------------------------------------------------------------*/
|
||||||
@import "sass/mixins/mixins-master";
|
@import "sass/variables-site/variables-site";
|
||||||
|
@import "sass/mixins/mixins-master";
|
||||||
/* Normalize */
|
|
||||||
|
/* Normalize */
|
||||||
@import "sass/normalize";
|
|
||||||
|
@import "sass/normalize";
|
||||||
/* Typography */
|
|
||||||
|
/* Typography */
|
||||||
@import "sass/typography/typography";
|
|
||||||
|
@import "sass/typography/typography";
|
||||||
/* Elements */
|
|
||||||
|
/* Elements */
|
||||||
@import "sass/elements/elements";
|
|
||||||
|
@import "sass/elements/elements";
|
||||||
/* Forms */
|
|
||||||
|
/* Forms */
|
||||||
@import "sass/forms/forms";
|
|
||||||
|
@import "sass/forms/forms";
|
||||||
/* Navigation */
|
|
||||||
|
/* Navigation */
|
||||||
@import "sass/navigation/navigation";
|
|
||||||
|
@import "sass/navigation/navigation";
|
||||||
/* Accessibility */
|
|
||||||
|
/* Accessibility */
|
||||||
@import "sass/modules/accessibility";
|
|
||||||
|
@import "sass/modules/accessibility";
|
||||||
/* Alignments */
|
|
||||||
|
/* Alignments */
|
||||||
@import "sass/modules/alignments";
|
|
||||||
|
@import "sass/modules/alignments";
|
||||||
/* Clearings */
|
|
||||||
|
/* Clearings */
|
||||||
@import "sass/modules/clearings";
|
|
||||||
|
@import "sass/modules/clearings";
|
||||||
/* Layout */
|
|
||||||
|
/* Layout */
|
||||||
@import "sass/layout/layout";
|
|
||||||
|
@import "sass/layout/layout";
|
||||||
/* Content */
|
|
||||||
|
/* Content */
|
||||||
@import "sass/site/site";
|
|
||||||
|
@import "sass/site/site";
|
||||||
/* Widgets */
|
|
||||||
|
/* Widgets */
|
||||||
@import "sass/site/secondary/widgets";
|
|
||||||
|
@import "sass/site/secondary/widgets";
|
||||||
/* Blocks */
|
|
||||||
|
/* Blocks */
|
||||||
@import "sass/blocks/blocks";
|
|
||||||
|
@import "sass/blocks/blocks";
|
||||||
/* Media */
|
|
||||||
|
/* Media */
|
||||||
@import "sass/media/media";
|
|
||||||
|
@import "sass/media/media";
|
||||||
|
|||||||
@ -1,33 +1,33 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template part for displaying post archives and search results
|
* Template part for displaying post archives and search results
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<?php
|
<?php
|
||||||
if ( is_sticky() && is_home() && ! is_paged() ) {
|
if ( is_sticky() && is_home() && ! is_paged() ) {
|
||||||
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
|
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
|
||||||
}
|
}
|
||||||
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
||||||
?>
|
?>
|
||||||
</header><!-- .entry-header -->
|
</header><!-- .entry-header -->
|
||||||
|
|
||||||
<?php twentynineteen_post_thumbnail(); ?>
|
<?php twentynineteen_post_thumbnail(); ?>
|
||||||
|
|
||||||
<div class="entry-content">
|
<div class="entry-content">
|
||||||
<?php the_excerpt(); ?>
|
<?php the_excerpt(); ?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<footer class="entry-footer">
|
<footer class="entry-footer">
|
||||||
<?php twentynineteen_entry_footer(); ?>
|
<?php twentynineteen_entry_footer(); ?>
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|||||||
@ -1,53 +1,53 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template part for displaying a message that posts cannot be found
|
* Template part for displaying a message that posts cannot be found
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="no-results not-found">
|
<section class="no-results not-found">
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
|
<h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
|
||||||
</header><!-- .page-header -->
|
</header><!-- .page-header -->
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<?php
|
<?php
|
||||||
if ( is_home() && current_user_can( 'publish_posts' ) ) :
|
if ( is_home() && current_user_can( 'publish_posts' ) ) :
|
||||||
|
|
||||||
printf(
|
printf(
|
||||||
'<p>' . wp_kses(
|
'<p>' . wp_kses(
|
||||||
/* translators: %s: Link to WP admin new post page. */
|
/* translators: %s: Link to WP admin new post page. */
|
||||||
__( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentynineteen' ),
|
__( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'a' => array(
|
'a' => array(
|
||||||
'href' => array(),
|
'href' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
) . '</p>',
|
) . '</p>',
|
||||||
esc_url( admin_url( 'post-new.php' ) )
|
esc_url( admin_url( 'post-new.php' ) )
|
||||||
);
|
);
|
||||||
|
|
||||||
elseif ( is_search() ) :
|
elseif ( is_search() ) :
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
|
<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
|
||||||
<?php
|
<?php
|
||||||
get_search_form();
|
get_search_form();
|
||||||
|
|
||||||
else :
|
else :
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
|
<p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
|
||||||
<?php
|
<?php
|
||||||
get_search_form();
|
get_search_form();
|
||||||
|
|
||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
</div><!-- .page-content -->
|
</div><!-- .page-content -->
|
||||||
</section><!-- .no-results -->
|
</section><!-- .no-results -->
|
||||||
|
|||||||
@ -1,56 +1,56 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template part for displaying page content in page.php
|
* Template part for displaying page content in page.php
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
|
<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
||||||
</header>
|
</header>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="entry-content">
|
<div class="entry-content">
|
||||||
<?php
|
<?php
|
||||||
the_content();
|
the_content();
|
||||||
|
|
||||||
wp_link_pages(
|
wp_link_pages(
|
||||||
array(
|
array(
|
||||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||||
'after' => '</div>',
|
'after' => '</div>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<?php if ( get_edit_post_link() ) : ?>
|
<?php if ( get_edit_post_link() ) : ?>
|
||||||
<footer class="entry-footer">
|
<footer class="entry-footer">
|
||||||
<?php
|
<?php
|
||||||
edit_post_link(
|
edit_post_link(
|
||||||
sprintf(
|
sprintf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
),
|
),
|
||||||
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
||||||
'</span>'
|
'</span>'
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|||||||
@ -1,55 +1,55 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template part for displaying posts
|
* Template part for displaying posts
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
|
<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
||||||
</header>
|
</header>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="entry-content">
|
<div class="entry-content">
|
||||||
<?php
|
<?php
|
||||||
the_content(
|
the_content(
|
||||||
sprintf(
|
sprintf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ),
|
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
wp_link_pages(
|
wp_link_pages(
|
||||||
array(
|
array(
|
||||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||||
'after' => '</div>',
|
'after' => '</div>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<footer class="entry-footer">
|
<footer class="entry-footer">
|
||||||
<?php twentynineteen_entry_footer(); ?>
|
<?php twentynineteen_entry_footer(); ?>
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
|
|
||||||
<?php if ( ! is_singular( 'attachment' ) ) : ?>
|
<?php if ( ! is_singular( 'attachment' ) ) : ?>
|
||||||
<?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
|
<?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|||||||
@ -1,59 +1,59 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template part for displaying posts
|
* Template part for displaying posts
|
||||||
*
|
*
|
||||||
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<header class="entry-header">
|
<header class="entry-header">
|
||||||
<?php
|
<?php
|
||||||
if ( is_sticky() && is_home() && ! is_paged() ) {
|
if ( is_sticky() && is_home() && ! is_paged() ) {
|
||||||
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
|
printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
|
||||||
}
|
}
|
||||||
if ( is_singular() ) :
|
if ( is_singular() ) :
|
||||||
the_title( '<h1 class="entry-title">', '</h1>' );
|
the_title( '<h1 class="entry-title">', '</h1>' );
|
||||||
else :
|
else :
|
||||||
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
|
||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
</header><!-- .entry-header -->
|
</header><!-- .entry-header -->
|
||||||
|
|
||||||
<?php twentynineteen_post_thumbnail(); ?>
|
<?php twentynineteen_post_thumbnail(); ?>
|
||||||
|
|
||||||
<div class="entry-content">
|
<div class="entry-content">
|
||||||
<?php
|
<?php
|
||||||
the_content(
|
the_content(
|
||||||
sprintf(
|
sprintf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ),
|
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
wp_link_pages(
|
wp_link_pages(
|
||||||
array(
|
array(
|
||||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||||
'after' => '</div>',
|
'after' => '</div>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<footer class="entry-footer">
|
<footer class="entry-footer">
|
||||||
<?php twentynineteen_entry_footer(); ?>
|
<?php twentynineteen_entry_footer(); ?>
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|||||||
@ -1,24 +1,24 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Displays the footer widget area
|
* Displays the footer widget area
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
|
if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
|
||||||
|
|
||||||
<aside class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'twentynineteen' ); ?>">
|
<aside class="widget-area" aria-label="<?php esc_attr_e( 'Footer', 'twentynineteen' ); ?>">
|
||||||
<?php
|
<?php
|
||||||
if ( is_active_sidebar( 'sidebar-1' ) ) {
|
if ( is_active_sidebar( 'sidebar-1' ) ) {
|
||||||
?>
|
?>
|
||||||
<div class="widget-column footer-widget-1">
|
<div class="widget-column footer-widget-1">
|
||||||
<?php dynamic_sidebar( 'sidebar-1' ); ?>
|
<?php dynamic_sidebar( 'sidebar-1' ); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</aside><!-- .widget-area -->
|
</aside><!-- .widget-area -->
|
||||||
|
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|||||||
@ -1,46 +1,46 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Displays the post header
|
* Displays the post header
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
|
$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
|
||||||
|
|
||||||
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
||||||
|
|
||||||
<?php if ( ! is_page() ) : ?>
|
<?php if ( ! is_page() ) : ?>
|
||||||
<div class="entry-meta">
|
<div class="entry-meta">
|
||||||
<?php twentynineteen_posted_by(); ?>
|
<?php twentynineteen_posted_by(); ?>
|
||||||
<?php twentynineteen_posted_on(); ?>
|
<?php twentynineteen_posted_on(); ?>
|
||||||
<span class="comment-count">
|
<span class="comment-count">
|
||||||
<?php
|
<?php
|
||||||
if ( ! empty( $discussion ) ) {
|
if ( ! empty( $discussion ) ) {
|
||||||
twentynineteen_discussion_avatars_list( $discussion->authors );
|
twentynineteen_discussion_avatars_list( $discussion->authors );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<?php twentynineteen_comment_count(); ?>
|
<?php twentynineteen_comment_count(); ?>
|
||||||
</span>
|
</span>
|
||||||
<?php
|
<?php
|
||||||
// Edit post link.
|
// Edit post link.
|
||||||
edit_post_link(
|
edit_post_link(
|
||||||
sprintf(
|
sprintf(
|
||||||
wp_kses(
|
wp_kses(
|
||||||
/* translators: %s: Post title. Only visible to screen readers. */
|
/* translators: %s: Post title. Only visible to screen readers. */
|
||||||
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
__( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
|
||||||
array(
|
array(
|
||||||
'span' => array(
|
'span' => array(
|
||||||
'class' => array(),
|
'class' => array(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
),
|
),
|
||||||
get_the_title()
|
get_the_title()
|
||||||
),
|
),
|
||||||
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
'<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
|
||||||
'</span>'
|
'</span>'
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-meta -->
|
</div><!-- .entry-meta -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|||||||
@ -1,60 +1,60 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Displays header site branding
|
* Displays header site branding
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
<div class="site-branding">
|
<div class="site-branding">
|
||||||
|
|
||||||
<?php if ( has_custom_logo() ) : ?>
|
<?php if ( has_custom_logo() ) : ?>
|
||||||
<div class="site-logo"><?php the_custom_logo(); ?></div>
|
<div class="site-logo"><?php the_custom_logo(); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php $blog_info = get_bloginfo( 'name' ); ?>
|
<?php $blog_info = get_bloginfo( 'name' ); ?>
|
||||||
<?php if ( ! empty( $blog_info ) ) : ?>
|
<?php if ( ! empty( $blog_info ) ) : ?>
|
||||||
<?php if ( is_front_page() && is_home() ) : ?>
|
<?php if ( is_front_page() && is_home() ) : ?>
|
||||||
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
|
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
$description = get_bloginfo( 'description', 'display' );
|
$description = get_bloginfo( 'description', 'display' );
|
||||||
if ( $description || is_customize_preview() ) :
|
if ( $description || is_customize_preview() ) :
|
||||||
?>
|
?>
|
||||||
<p class="site-description">
|
<p class="site-description">
|
||||||
<?php echo $description; ?>
|
<?php echo $description; ?>
|
||||||
</p>
|
</p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
|
<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
|
||||||
<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'twentynineteen' ); ?>">
|
<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'twentynineteen' ); ?>">
|
||||||
<?php
|
<?php
|
||||||
wp_nav_menu(
|
wp_nav_menu(
|
||||||
array(
|
array(
|
||||||
'theme_location' => 'menu-1',
|
'theme_location' => 'menu-1',
|
||||||
'menu_class' => 'main-menu',
|
'menu_class' => 'main-menu',
|
||||||
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
|
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</nav><!-- #site-navigation -->
|
</nav><!-- #site-navigation -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php if ( has_nav_menu( 'social' ) ) : ?>
|
<?php if ( has_nav_menu( 'social' ) ) : ?>
|
||||||
<nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
|
<nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
|
||||||
<?php
|
<?php
|
||||||
wp_nav_menu(
|
wp_nav_menu(
|
||||||
array(
|
array(
|
||||||
'theme_location' => 'social',
|
'theme_location' => 'social',
|
||||||
'menu_class' => 'social-links-menu',
|
'menu_class' => 'social-links-menu',
|
||||||
'link_before' => '<span class="screen-reader-text">',
|
'link_before' => '<span class="screen-reader-text">',
|
||||||
'link_after' => '</span>' . twentynineteen_get_icon_svg( 'link' ),
|
'link_after' => '</span>' . twentynineteen_get_icon_svg( 'link' ),
|
||||||
'depth' => 1,
|
'depth' => 1,
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</nav><!-- .social-navigation -->
|
</nav><!-- .social-navigation -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div><!-- .site-branding -->
|
</div><!-- .site-branding -->
|
||||||
|
|||||||
@ -1,30 +1,30 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying Author info
|
* The template for displaying Author info
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
if ( (bool) get_the_author_meta( 'description' ) ) : ?>
|
if ( (bool) get_the_author_meta( 'description' ) ) : ?>
|
||||||
<div class="author-bio">
|
<div class="author-bio">
|
||||||
<h2 class="author-title">
|
<h2 class="author-title">
|
||||||
<span class="author-heading">
|
<span class="author-heading">
|
||||||
<?php
|
<?php
|
||||||
printf(
|
printf(
|
||||||
/* translators: %s: Post author. */
|
/* translators: %s: Post author. */
|
||||||
__( 'Published by %s', 'twentynineteen' ),
|
__( 'Published by %s', 'twentynineteen' ),
|
||||||
esc_html( get_the_author() )
|
esc_html( get_the_author() )
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</span>
|
</span>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="author-description">
|
<p class="author-description">
|
||||||
<?php the_author_meta( 'description' ); ?>
|
<?php the_author_meta( 'description' ); ?>
|
||||||
<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
||||||
<?php _e( 'View more posts', 'twentynineteen' ); ?>
|
<?php _e( 'View more posts', 'twentynineteen' ); ?>
|
||||||
</a>
|
</a>
|
||||||
</p><!-- .author-description -->
|
</p><!-- .author-description -->
|
||||||
</div><!-- .author-bio -->
|
</div><!-- .author-bio -->
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|||||||
@ -1,32 +1,32 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* The template for displaying Current Discussion on posts
|
* The template for displaying Current Discussion on posts
|
||||||
*
|
*
|
||||||
* @package WordPress
|
* @package WordPress
|
||||||
* @subpackage Twenty_Nineteen
|
* @subpackage Twenty_Nineteen
|
||||||
* @since Twenty Nineteen 1.0
|
* @since Twenty Nineteen 1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Get data from current discussion on post. */
|
/* Get data from current discussion on post. */
|
||||||
$discussion = twentynineteen_get_discussion_data();
|
$discussion = twentynineteen_get_discussion_data();
|
||||||
$has_responses = $discussion->responses > 0;
|
$has_responses = $discussion->responses > 0;
|
||||||
|
|
||||||
if ( $has_responses ) {
|
if ( $has_responses ) {
|
||||||
/* translators: %d: Number of comments. */
|
/* translators: %d: Number of comments. */
|
||||||
$meta_label = sprintf( _n( '%d Comment', '%d Comments', $discussion->responses, 'twentynineteen' ), $discussion->responses );
|
$meta_label = sprintf( _n( '%d Comment', '%d Comments', $discussion->responses, 'twentynineteen' ), $discussion->responses );
|
||||||
} else {
|
} else {
|
||||||
$meta_label = __( 'No comments', 'twentynineteen' );
|
$meta_label = __( 'No comments', 'twentynineteen' );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="discussion-meta">
|
<div class="discussion-meta">
|
||||||
<?php
|
<?php
|
||||||
if ( $has_responses ) {
|
if ( $has_responses ) {
|
||||||
twentynineteen_discussion_avatars_list( $discussion->authors );
|
twentynineteen_discussion_avatars_list( $discussion->authors );
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<p class="discussion-meta-info">
|
<p class="discussion-meta-info">
|
||||||
<?php echo twentynineteen_get_icon_svg( 'comment', 24 ); ?>
|
<?php echo twentynineteen_get_icon_svg( 'comment', 24 ); ?>
|
||||||
<span><?php echo esc_html( $meta_label ); ?></span>
|
<span><?php echo esc_html( $meta_label ); ?></span>
|
||||||
</p>
|
</p>
|
||||||
</div><!-- .discussion-meta -->
|
</div><!-- .discussion-meta -->
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user