Merge branch 'master' into add/varia-cookies-banner
This commit is contained in:
Allan Cole
GitHub
commit
991b620519
40 changed files with 15472 additions and 173 deletions
|
|
@ -148,7 +148,7 @@ function balasana_fonts_url() {
|
|||
$font_families = array();
|
||||
|
||||
if ( 'off' !== $roboto_condensed ) {
|
||||
$font_families[] = 'Roboto+Condensed:400,400i,700,700i';
|
||||
$font_families[] = 'Roboto Condensed:400,400i,700,700i';
|
||||
}
|
||||
|
||||
if ( 'off' !== $roboto ) {
|
||||
|
|
|
|||
2
balasana/package-lock.json
generated
2
balasana/package-lock.json
generated
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "balasana",
|
||||
"version": "1.0.0",
|
||||
"version": "1.0.1",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "balasana",
|
||||
"version": "1.0.0",
|
||||
"version": "1.0.1",
|
||||
"description": "Balasana",
|
||||
"bugs": {
|
||||
"url": "https://github.com/Automattic/themes/issues"
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0
|
||||
Version: 1.0.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0
|
||||
Version: 1.0.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0
|
||||
Version: 1.0.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
|
|||
173
mayland/functions.php
Executable file
173
mayland/functions.php
Executable file
|
|
@ -0,0 +1,173 @@
|
|||
<?php
|
||||
/**
|
||||
* Child Theme Functions and definitions
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/theme-functions/
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage mayland
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'mayland_setup' ) ) :
|
||||
/**
|
||||
* Sets up theme defaults and registers support for various WordPress features.
|
||||
*
|
||||
* 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
|
||||
* as indicating support for post thumbnails.
|
||||
*/
|
||||
function mayland_setup() {
|
||||
|
||||
// Add child theme editor styles, compiled from `style-child-theme-editor.scss`.
|
||||
add_editor_style( 'style-editor.css' );
|
||||
|
||||
// Add child theme editor font sizes to match Sass-map variables in `_config-child-theme-deep.scss`.
|
||||
add_theme_support(
|
||||
'editor-font-sizes',
|
||||
array(
|
||||
array(
|
||||
'name' => __( 'Small', 'mayland' ),
|
||||
'shortName' => __( 'S', 'mayland' ),
|
||||
'size' => 16.6,
|
||||
'slug' => 'small',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Normal', 'mayland' ),
|
||||
'shortName' => __( 'M', 'mayland' ),
|
||||
'size' => 20,
|
||||
'slug' => 'normal',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Large', 'mayland' ),
|
||||
'shortName' => __( 'L', 'mayland' ),
|
||||
'size' => 28.8,
|
||||
'slug' => 'large',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Huge', 'mayland' ),
|
||||
'shortName' => __( 'XL', 'mayland' ),
|
||||
'size' => 34.56,
|
||||
'slug' => 'huge',
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Add child theme editor color pallete to match Sass-map variables in `_config-child-theme-deep.scss`.
|
||||
add_theme_support(
|
||||
'editor-color-palette',
|
||||
array(
|
||||
array(
|
||||
'name' => __( 'Primary', 'mayland' ),
|
||||
'slug' => 'primary',
|
||||
'color' => '#000000',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Secondary', 'mayland' ),
|
||||
'slug' => 'secondary',
|
||||
'color' => '#1a1a1a',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Dark Gray', 'mayland' ),
|
||||
'slug' => 'foreground-dark',
|
||||
'color' => '#333333',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Black', 'mayland' ),
|
||||
'slug' => 'foreground',
|
||||
'color' => '#000000',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Light Gray', 'mayland' ),
|
||||
'slug' => 'foreground-light',
|
||||
'color' => '#666666',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Subtle Gray', 'mayland' ),
|
||||
'slug' => 'background-dark',
|
||||
'color' => '#d9d9d9',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Off White', 'mayland' ),
|
||||
'slug' => 'background-light',
|
||||
'color' => '#F2F2F2',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'White', 'mayland' ),
|
||||
'slug' => 'background',
|
||||
'color' => '#FFFFFF',
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
endif;
|
||||
add_action( 'after_setup_theme', 'mayland_setup', 12 );
|
||||
|
||||
/**
|
||||
* Filter the content_width in pixels, based on the child-theme's design and stylesheet.
|
||||
*/
|
||||
function mayland_content_width() {
|
||||
return 750;
|
||||
}
|
||||
add_filter( 'varia_content_width', 'mayland_content_width' );
|
||||
|
||||
/**
|
||||
* Add Google webfonts, if necessary
|
||||
*
|
||||
* - See: http://themeshaper.com/2014/08/13/how-to-add-google-fonts-to-wordpress-themes/
|
||||
*/
|
||||
function mayland_fonts_url() {
|
||||
|
||||
$fonts_url = '';
|
||||
|
||||
/* Translators: If there are characters in your language that are not
|
||||
* supported by Poppins, translate this to 'off'. Do not translate
|
||||
* into your own language.
|
||||
*/
|
||||
$poppins = esc_html_x( 'on', 'Poppins font: on or off', 'mayland' );
|
||||
|
||||
if ( 'off' !== $poppins ) {
|
||||
$font_families = array();
|
||||
|
||||
$font_families[] = 'Poppins:400,400i,600,600i';
|
||||
|
||||
$query_args = array(
|
||||
'family' => urlencode( implode( '|', $font_families ) ),
|
||||
'subset' => urlencode( 'latin,latin-ext' ),
|
||||
);
|
||||
|
||||
$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
|
||||
}
|
||||
|
||||
return esc_url_raw( $fonts_url );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts and styles.
|
||||
*/
|
||||
function mayland_scripts() {
|
||||
|
||||
// enqueue Google fonts, if necessary
|
||||
wp_enqueue_style( 'mayland-fonts', mayland_fonts_url(), array(), null );
|
||||
|
||||
// dequeue parent styles
|
||||
wp_dequeue_style( 'varia-style' );
|
||||
|
||||
// enqueue child styles
|
||||
wp_enqueue_style('mayland-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ));
|
||||
|
||||
// enqueue child RTL styles
|
||||
wp_style_add_data( 'mayland-style', 'rtl', 'replace' );
|
||||
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'mayland_scripts', 99 );
|
||||
|
||||
/**
|
||||
* Enqueue theme styles for the block editor.
|
||||
*/
|
||||
function mayland_editor_styles() {
|
||||
|
||||
// Enqueue Google fonts in the editor, if necessary
|
||||
wp_enqueue_style( 'mayland-editor-fonts', mayland_fonts_url(), array(), null );
|
||||
}
|
||||
add_action( 'enqueue_block_editor_assets', 'mayland_editor_styles' );
|
||||
5115
mayland/package-lock.json
generated
Normal file
5115
mayland/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
44
mayland/package.json
Executable file
44
mayland/package.json
Executable file
|
|
@ -0,0 +1,44 @@
|
|||
{
|
||||
"name": "mayland",
|
||||
"version": "1.0.0",
|
||||
"description": "mayland",
|
||||
"bugs": {
|
||||
"url": "https://github.com/Automattic/themes/issues"
|
||||
},
|
||||
"homepage": "https://github.com/Automattic/themes/varia#readme",
|
||||
"devDependencies": {
|
||||
"@wordpress/browserslist-config": "^2.2.2",
|
||||
"autoprefixer": "^9.5.1",
|
||||
"chokidar-cli": "^1.2.2",
|
||||
"node-sass": "^4.12.0",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss-cli": "^6.1.2",
|
||||
"postcss-focus-within": "^3.0.0",
|
||||
"rtlcss": "^2.4.0"
|
||||
},
|
||||
"rtlcssConfig": {
|
||||
"options": {
|
||||
"autoRename": false,
|
||||
"autoRenameStrict": false,
|
||||
"blacklist": {},
|
||||
"clean": true,
|
||||
"greedy": false,
|
||||
"processUrls": false,
|
||||
"stringMap": []
|
||||
},
|
||||
"plugins": [],
|
||||
"map": false
|
||||
},
|
||||
"browserslist": [
|
||||
"extends @wordpress/browserslist-config"
|
||||
],
|
||||
"scripts": {
|
||||
"start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
|
||||
"build:style": "node-sass sass/style-child-theme.scss style.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style.css",
|
||||
"build:style-editor": "node-sass sass/style-child-theme-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
|
||||
"build:rtl": "rtlcss style.css style-rtl.css",
|
||||
"build:print": "node-sass sass/print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
|
||||
"build": "run-p \"build:*\"",
|
||||
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
|
||||
}
|
||||
}
|
||||
13
mayland/postcss.config.js
Executable file
13
mayland/postcss.config.js
Executable file
|
|
@ -0,0 +1,13 @@
|
|||
var postcssFocusWithin = require('postcss-focus-within');
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
postcssFocusWithin(/* pluginOptions */)
|
||||
]
|
||||
};
|
||||
162
mayland/print.css
Normal file
162
mayland/print.css
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
/*
|
||||
Theme Name: mayland
|
||||
|
||||
Adding print support. The print styles are based on the the great work of
|
||||
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
||||
*/
|
||||
/*--------------------------------------------------------------
|
||||
>>> TABLE OF CONTENTS:
|
||||
----------------------------------------------------------------
|
||||
# Margins
|
||||
# Typography
|
||||
# Page breaks
|
||||
# Links
|
||||
# Visibility
|
||||
--------------------------------------------------------------*/
|
||||
@media print {
|
||||
/* Margins */
|
||||
@page {
|
||||
margin: 2cm;
|
||||
}
|
||||
.entry {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.entry .entry-header, .site-footer .site-info {
|
||||
margin: 0;
|
||||
}
|
||||
/* Fonts */
|
||||
body {
|
||||
font: 13pt Georgia, "Times New Roman", Times, serif;
|
||||
line-height: 1.3;
|
||||
background: #fff !important;
|
||||
color: #000;
|
||||
}
|
||||
h1 {
|
||||
font-size: 24pt;
|
||||
}
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.has-regular-font-size,
|
||||
.has-large-font-size,
|
||||
h2.author-title,
|
||||
p.author-bio,
|
||||
.comments-title, h3 {
|
||||
font-size: 14pt;
|
||||
margin-top: 25px;
|
||||
}
|
||||
/* Page breaks */
|
||||
a {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
blockquote {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
page-break-after: avoid;
|
||||
}
|
||||
table, pre {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
ul, ol, dl {
|
||||
page-break-before: avoid;
|
||||
}
|
||||
/* Links */
|
||||
a:link, a:visited, a {
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
text-align: left;
|
||||
}
|
||||
a {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
a[href^=http]:after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
a:after > img {
|
||||
content: "";
|
||||
}
|
||||
article a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
a:not(:local-link):after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
/* Visibility */
|
||||
.main-navigation,
|
||||
.site-title + .main-navigation,
|
||||
.social-navigation,
|
||||
.site-branding-container:before,
|
||||
.entry .entry-title:before,
|
||||
.entry-footer,
|
||||
.author-description:before,
|
||||
.post-navigation,
|
||||
.widget-area,
|
||||
.comment-form-flex,
|
||||
.comment-reply,
|
||||
.comment .comment-metadata .edit-link {
|
||||
display: none;
|
||||
}
|
||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||
.entry .entry-content .button {
|
||||
color: #000;
|
||||
background: none;
|
||||
}
|
||||
/* Site Header (With Featured Image) */
|
||||
.site-header.featured-image {
|
||||
min-height: 0;
|
||||
}
|
||||
.site-header.featured-image .main-navigation a,
|
||||
.site-header.featured-image .main-navigation a + svg,
|
||||
.site-header.featured-image .social-navigation a,
|
||||
.site-header.featured-image .site-title a,
|
||||
.site-header.featured-image .site-featured-image a,
|
||||
.site-header.featured-image .site-branding .site-title,
|
||||
.site-header.featured-image .site-branding .site-description,
|
||||
.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 li,
|
||||
.site-header.featured-image .social-navigation li,
|
||||
.site-header.featured-image .entry-meta,
|
||||
.site-header.featured-image .entry-title,
|
||||
.site-header.featured-image#masthead .site-title a {
|
||||
color: #000;
|
||||
text-shadow: none;
|
||||
}
|
||||
.site-header.featured-image .site-featured-image .entry-header,
|
||||
.site-header.featured-image .site-branding-container {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||
position: relative;
|
||||
height: initial;
|
||||
width: initial;
|
||||
object-fit: none;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
max-width: 100%;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
/* Remove image filters from featured image */
|
||||
.image-filters-enabled *:after {
|
||||
display: none !important;
|
||||
}
|
||||
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
|
||||
display: none;
|
||||
}
|
||||
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
358
mayland/sass/_config-child-theme-deep.scss
Normal file
358
mayland/sass/_config-child-theme-deep.scss
Normal file
|
|
@ -0,0 +1,358 @@
|
|||
/**
|
||||
* Redefine Sass map values for child theme output.
|
||||
* - See: style-child-theme.scss
|
||||
*/
|
||||
|
||||
/**
|
||||
* Global
|
||||
*/
|
||||
|
||||
// Vertical Rhythm Multiplier
|
||||
$baseline-unit: 8px;
|
||||
|
||||
$typescale-root: 20px; // Set 16px/1em default on html
|
||||
$typescale-base: 1rem; // Set 1em default on body == $typescale-root;
|
||||
$typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-root;
|
||||
|
||||
$config-global: (
|
||||
|
||||
/* Fonts */
|
||||
"font": (
|
||||
/* Font Family */
|
||||
"family": (
|
||||
"primary": "Poppins\, sans-serif",
|
||||
"secondary": "Poppins\, serif",
|
||||
"code": "monospace, monospace",
|
||||
"ui": "-apple-system\, BlinkMacSystemFont\, \"Segoe UI\"\, \"Roboto\"\, \"Oxygen\"\, \"Ubuntu\"\, \"Cantarell\"\, \"Fira Sans\"\, \"Droid Sans\"\, \"Helvetica Neue\"\, sans-serif",
|
||||
),
|
||||
/* Font Size */
|
||||
"size": (
|
||||
"root": $typescale-root,
|
||||
"ratio": $typescale-ratio,
|
||||
"xs": ($typescale-base / $typescale-ratio / $typescale-ratio),
|
||||
"sm": ($typescale-base / $typescale-ratio),
|
||||
"base": $typescale-base,
|
||||
"md": ($typescale-base * $typescale-ratio),
|
||||
"lg": ($typescale-base * $typescale-ratio * $typescale-ratio),
|
||||
"xl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio),
|
||||
"xxl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio),
|
||||
"xxxl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio),
|
||||
"xxxxl": ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio),
|
||||
),
|
||||
/* Letter Spacing */
|
||||
"letter-spacing": (
|
||||
"base": normal,
|
||||
"xs": normal,
|
||||
"sm": normal,
|
||||
"md": normal,
|
||||
"lg": normal,
|
||||
"xl": -0.015em,
|
||||
"xxl": -0.015em,
|
||||
"xxxl": -0.015em,
|
||||
),
|
||||
/* Line Height */
|
||||
"line-height": (
|
||||
"base": strip-unit($typescale-base),
|
||||
"body": 1.6,
|
||||
"heading": 1.125,
|
||||
),
|
||||
),
|
||||
|
||||
/* Colors */
|
||||
"color": (
|
||||
"primary": (
|
||||
"default": black,
|
||||
"hover": #666666,
|
||||
),
|
||||
"secondary": (
|
||||
"default": #1a1a1a,
|
||||
"hover": #666666,
|
||||
),
|
||||
"foreground": (
|
||||
"default": black,
|
||||
"light": #666666, // must be accessible against background
|
||||
"dark": #333333, // must be accessible against background
|
||||
),
|
||||
"background": (
|
||||
"default": white,
|
||||
"light": #f2f2f2, // must be accessible against foreground-default
|
||||
"dark": #d9d9d9, // must be accessible against foreground-default
|
||||
),
|
||||
"border": (
|
||||
"default": #e6e6e6,
|
||||
"light": #f2f2f2,
|
||||
"dark": #d9d9d9,
|
||||
),
|
||||
"text-selection": lightblue,
|
||||
"black": black,
|
||||
"white": white,
|
||||
),
|
||||
|
||||
/* Spacing */
|
||||
"spacing": (
|
||||
"unit": (2 * $baseline-unit), // 16px
|
||||
"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
|
||||
"horizontal": (2 * $baseline-unit), // 16px
|
||||
"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
|
||||
),
|
||||
|
||||
/* Breakpoints */
|
||||
"breakpoint": (
|
||||
"sm": 560px,
|
||||
"md": 640px,
|
||||
"lg": 782px,
|
||||
"xl": 1024px,
|
||||
"xxl": 1280px,
|
||||
),
|
||||
|
||||
/* Elevation */
|
||||
"elevation": (
|
||||
"none": 0px 0px 0px 0px rgba( 0, 0, 0, 0 ),
|
||||
"2dp": 0px 0px 4px 2px rgba( 0, 0, 0, 0.1 ),
|
||||
"4dp": 0px 0px 8px 2px rgba( 0, 0, 0, 0.1 ),
|
||||
"6dp": 2px 2px 4px 2px rgba( 0, 0, 0, 0.1 ),
|
||||
"8dp": 2px 2px 8px 0px rgba( 0, 0, 0, 0.1 ),
|
||||
"10dp": 4px 4px 8px 0px rgba( 0, 0, 0, 0.1 ),
|
||||
),
|
||||
|
||||
/* Border radius */
|
||||
"border-radius": (
|
||||
"sm": (0.25 * $typescale-root),
|
||||
"md": (0.5 * $typescale-root),
|
||||
"lg": $typescale-root,
|
||||
"pill": (10 * $typescale-root),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Elements
|
||||
*/
|
||||
$config-elements: (
|
||||
|
||||
"form": (
|
||||
|
||||
// Colors
|
||||
"color": (
|
||||
"text": map-deep-get($config-global, "color", "foreground", "default"),
|
||||
"border": map-deep-get($config-global, "color", "border", "default"),
|
||||
"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
"line-height": map-deep-get($config-global, "font", "line-height", "md"),
|
||||
"size": map-deep-get($config-global, "font", "size", "base"),
|
||||
"weight": bold,
|
||||
),
|
||||
|
||||
// Borders
|
||||
"border": (
|
||||
"width": 1px,
|
||||
"radius": 3px,
|
||||
),
|
||||
|
||||
"padding": #{map-deep-get($config-global, "spacing", "unit")},
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Button
|
||||
*/
|
||||
$config-button: (
|
||||
// Colors
|
||||
"color": (
|
||||
"text": map-deep-get($config-global, "color", "white"),
|
||||
"text-hover": map-deep-get($config-global, "color", "white"),
|
||||
"background": map-deep-get($config-global, "color", "primary", "default"),
|
||||
"background-hover": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "ui"),
|
||||
"size": map-deep-get($config-global, "font", "size", "sm"),
|
||||
"weight": 600,
|
||||
"line-height": 1,
|
||||
),
|
||||
// Borders
|
||||
"border-radius": map-deep-get($config-global, "border-radius", "sm"),
|
||||
"border-width": 2px,
|
||||
// Padding
|
||||
"padding": (
|
||||
"vertical": map-deep-get($config-global, "spacing", "unit"),
|
||||
"horizontal": map-deep-get($config-global, "spacing", "unit"),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Cover
|
||||
*/
|
||||
$config-cover: (
|
||||
"color": (
|
||||
"foreground": #{map-deep-get($config-global, "color", "white")},
|
||||
"background": #{map-deep-get($config-global, "color", "black")},
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
* Heading
|
||||
*/
|
||||
$config-heading: (
|
||||
// Fonts & Typography
|
||||
"font": (
|
||||
// Family
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
// Size
|
||||
"size": (
|
||||
"h6": map-deep-get($config-global, "font", "size", "sm"),
|
||||
"h5": map-deep-get($config-global, "font", "size", "base"),
|
||||
"h4": map-deep-get($config-global, "font", "size", "md"),
|
||||
"h3": map-deep-get($config-global, "font", "size", "lg"),
|
||||
"h2": map-deep-get($config-global, "font", "size", "xl"),
|
||||
"h1": map-deep-get($config-global, "font", "size", "xxl"),
|
||||
),
|
||||
// Letter spacing
|
||||
"line-height": (
|
||||
"h6": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
"h5": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
"h4": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
"h3": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
"h2": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
"h1": map-deep-get($config-global, "font", "line-height", "heading"),
|
||||
),
|
||||
// Letter spacing
|
||||
"letter-spacing": (
|
||||
"h6": map-deep-get($config-global, "font", "letter-spacing", "sm"),
|
||||
"h5": map-deep-get($config-global, "font", "letter-spacing", "md"),
|
||||
"h4": map-deep-get($config-global, "font", "letter-spacing", "lg"),
|
||||
"h3": map-deep-get($config-global, "font", "letter-spacing", "xl"),
|
||||
"h2": map-deep-get($config-global, "font", "letter-spacing", "xxl"),
|
||||
"h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
|
||||
),
|
||||
// Font Weight
|
||||
"weight": 600,
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* List
|
||||
*/
|
||||
$config-list: (
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": #{map-deep-get($config-global, "font", "family", "primary")},
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Pullquote
|
||||
*/
|
||||
$config-pullquote: (
|
||||
// Font
|
||||
"font": (
|
||||
"family": #{map-deep-get($config-global, "font", "family", "primary")},
|
||||
),
|
||||
// Border
|
||||
"color": (
|
||||
"border": #{map-deep-get($config-global, "color", "border", "default")},
|
||||
"background": #{map-deep-get($config-global, "color", "primary", "default")},
|
||||
),
|
||||
// Border
|
||||
"border": (
|
||||
"width": #{0.5 * $baseline-unit},
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Quote
|
||||
*/
|
||||
$config-quote: (
|
||||
// Font
|
||||
"font": (
|
||||
"family": #{map-deep-get($config-global, "font", "family", "primary")},
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Separator
|
||||
*/
|
||||
|
||||
$config-separator: (
|
||||
"height": #{0.25 * $baseline-unit},
|
||||
);
|
||||
|
||||
/**
|
||||
* Header
|
||||
*/
|
||||
$config-header: (
|
||||
"branding": (
|
||||
// Colors
|
||||
"color": (
|
||||
"text": map-deep-get($config-global, "color", "foreground", "light"),
|
||||
"link": map-deep-get($config-global, "color", "foreground", "default"),
|
||||
"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
// Fonts & Typography
|
||||
"title": (
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
"size": map-deep-get($config-global, "font", "size", "lg"),
|
||||
"weight": 600,
|
||||
"line-height": 1,
|
||||
),
|
||||
),
|
||||
// Fonts & Typography
|
||||
"description": (
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
"size": map-deep-get($config-global, "font", "size", "sm"),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
"main-nav": (
|
||||
// Colors
|
||||
"color": (
|
||||
"text": map-deep-get($config-global, "color", "foreground", "default"),
|
||||
"link": map-deep-get($config-global, "color", "primary", "default"),
|
||||
"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
"size": map-deep-get($config-global, "font", "size", "sm"),
|
||||
"weight": 400,
|
||||
"line-height": 1,
|
||||
),
|
||||
"link-padding": $baseline-unit,
|
||||
),
|
||||
|
||||
"social-nav": (
|
||||
// Colors
|
||||
"color": (
|
||||
"link": map-deep-get($config-global, "color", "foreground", "default"),
|
||||
"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
"link-padding": calc( 0.5 * calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")} ) ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Footer
|
||||
*/
|
||||
$config-footer: (
|
||||
// Colors
|
||||
"color": (
|
||||
"text": map-deep-get($config-global, "color", "foreground", "light"),
|
||||
"link": map-deep-get($config-global, "color", "primary", "default"),
|
||||
"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
|
||||
),
|
||||
// Fonts
|
||||
"font": (
|
||||
"family": map-deep-get($config-global, "font", "family", "primary"),
|
||||
"size": map-deep-get($config-global, "font", "size", "sm"),
|
||||
"line-height": map-deep-get($config-global, "font", "line-height", "sm"),
|
||||
),
|
||||
);
|
||||
295
mayland/sass/_extra-child-theme.scss
Normal file
295
mayland/sass/_extra-child-theme.scss
Normal file
|
|
@ -0,0 +1,295 @@
|
|||
/**
|
||||
* Extra Child Theme Styles
|
||||
*/
|
||||
$spacing_unit: map-deep-get($config-global, "spacing", "unit");
|
||||
$spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
|
||||
$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
|
||||
|
||||
b, strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a {
|
||||
.site-header &,
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Header
|
||||
*/
|
||||
.site-header,
|
||||
.site-footer {
|
||||
max-width: 100%;
|
||||
padding-left: $spacing_unit;
|
||||
padding-right: $spacing_unit;
|
||||
position: relative;
|
||||
|
||||
@include media(mobile) {
|
||||
padding: $spacing_vertical;
|
||||
}
|
||||
}
|
||||
|
||||
.site-branding {
|
||||
.site-description {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li.current-menu-item a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* CSS-grid Desktop Menu
|
||||
*/
|
||||
@include media(laptop) {
|
||||
.site-header {
|
||||
display: flex;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
& > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.site-branding {
|
||||
align-self: center;
|
||||
flex: 1 1 auto;
|
||||
padding-right: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
& + .site-title {
|
||||
margin-top: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
align-self: center;
|
||||
|
||||
> div > ul > li > .sub-menu {
|
||||
border: 1px solid map-deep-get($config-global, "color", "border", "default");
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.sub-menu .menu-item a {
|
||||
padding-top: #{map-deep-get($config-header, "main-nav", "link-padding")};
|
||||
padding-bottom: #{map-deep-get($config-header, "main-nav", "link-padding")};
|
||||
}
|
||||
}
|
||||
|
||||
.social-navigation {
|
||||
align-self: center;
|
||||
justify-self: flex-end;
|
||||
padding-left: #{map-deep-get($config-global, "spacing", "vertical")};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Main
|
||||
*/
|
||||
.site-main {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: #{0.666 * $spacing_vertical};
|
||||
@include media(mobile) {
|
||||
margin-top: #{2 * $spacing_vertical};
|
||||
}
|
||||
}
|
||||
|
||||
.site-main > {
|
||||
article > .entry-header,
|
||||
.page-header,
|
||||
.not-found > .page-header {
|
||||
margin-top: #{0.666 * $spacing_vertical};
|
||||
|
||||
@include media(mobile) {
|
||||
margin-top: #{2 * $spacing_vertical};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main .entry-content .entry-attachment {
|
||||
max-width: calc( 100% - #{2 * $spacing_vertical} );
|
||||
}
|
||||
|
||||
// Entry Title Link
|
||||
.entry-title,
|
||||
.page-title,
|
||||
.a8c-posts-list .a8c-posts-list-item__title {
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: map-deep-get($config-global, "color", "primary", "default");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sticky tag
|
||||
.sticky-post,
|
||||
.a8c-posts-list .a8c-posts-list-item__featured span {
|
||||
font-weight: 600;
|
||||
padding: #{0.25 * $baseline-unit} #{0.66 * $spacing_unit};
|
||||
}
|
||||
|
||||
/**
|
||||
* Next/Previous navigation
|
||||
*/
|
||||
// Singular navigation
|
||||
.post-navigation {
|
||||
.meta-nav {
|
||||
color: map-deep-get($config-global, "color", "foreground", "light");
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
|
||||
line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
.logged-in-as,
|
||||
.comment-notes,
|
||||
.comment-form-cookies-consent {
|
||||
font-size: map-deep-get($config-global, "font", "size", "sm");
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent input[type=checkbox] + label {
|
||||
line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
|
||||
}
|
||||
|
||||
.comment-notes {
|
||||
color: map-deep-get($config-global, "color", "foreground", "light");
|
||||
}
|
||||
|
||||
.comment-form > p:not(.comment-form-cookies-consent) label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
*/
|
||||
.wp-block-columns.alignfull {
|
||||
@include media(mobile) {
|
||||
padding-right: $spacing_vertical;
|
||||
padding-left: $spacing_vertical;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
|
||||
@include media(laptop) {
|
||||
.site-footer .widget-area {
|
||||
max-width: 100%;
|
||||
|
||||
& > * {
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget {
|
||||
select {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-title {
|
||||
font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
|
||||
margin-bottom: #{0.5 * $spacing_vertical};
|
||||
}
|
||||
|
||||
.widget_archive,
|
||||
.widget_categories,
|
||||
.widget_meta,
|
||||
.widget_nav_menu,
|
||||
.widget_pages,
|
||||
.widget_recent_comments,
|
||||
.widget_recent_entries,
|
||||
.widget_rss {
|
||||
|
||||
ul {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
color: map-deep-get($config-global, "color", "foreground", "light");
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
ul {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
ul > li > a::before {
|
||||
font-weight: normal;
|
||||
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
||||
counter-increment: submenu
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget_tag_cloud {
|
||||
.tagcloud {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_search {
|
||||
.search-field {
|
||||
width: 100%;
|
||||
|
||||
@include media(mobile) {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.search-submit {
|
||||
display: block;
|
||||
margin-top: $typescale-base;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_calendar .calendar_wrap {
|
||||
text-align: center;
|
||||
|
||||
table td,
|
||||
table th {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_links li,
|
||||
.widget_jp_blogs_i_follow li,
|
||||
.widget_rss_links li {
|
||||
font-family: inherit;
|
||||
}
|
||||
198
mayland/sass/print.scss
Executable file
198
mayland/sass/print.scss
Executable file
|
|
@ -0,0 +1,198 @@
|
|||
/*
|
||||
Theme Name: mayland
|
||||
|
||||
Adding print support. The print styles are based on the the great work of
|
||||
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
||||
*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
>>> TABLE OF CONTENTS:
|
||||
----------------------------------------------------------------
|
||||
# Margins
|
||||
# Typography
|
||||
# Page breaks
|
||||
# Links
|
||||
# Visibility
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
@media print {
|
||||
|
||||
/* Margins */
|
||||
|
||||
@page {
|
||||
margin: 2cm;
|
||||
}
|
||||
|
||||
.entry {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.entry .entry-header, .site-footer .site-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Fonts */
|
||||
|
||||
body {
|
||||
font: 13pt Georgia, "Times New Roman", Times, serif;
|
||||
line-height: 1.3;
|
||||
background: #fff !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24pt;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
.has-regular-font-size,
|
||||
.has-large-font-size,
|
||||
h2.author-title,
|
||||
p.author-bio,
|
||||
.comments-title, h3 {
|
||||
font-size: 14pt;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
/* Page breaks */
|
||||
|
||||
a {
|
||||
page-break-inside: avoid
|
||||
}
|
||||
|
||||
blockquote {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid
|
||||
}
|
||||
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
page-break-after: avoid;
|
||||
}
|
||||
|
||||
table, pre {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
page-break-before: avoid;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
|
||||
a:link, a:visited, a {
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
a[href^=http]:after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
|
||||
a:after > img {
|
||||
content: "";
|
||||
}
|
||||
|
||||
article a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
a:not(:local-link):after {
|
||||
content: " < " attr(href) "> ";
|
||||
}
|
||||
|
||||
/* Visibility */
|
||||
.main-navigation,
|
||||
.site-title + .main-navigation,
|
||||
.social-navigation,
|
||||
.site-branding-container:before,
|
||||
.entry .entry-title:before,
|
||||
.entry-footer,
|
||||
.author-description:before,
|
||||
.post-navigation,
|
||||
.widget-area,
|
||||
.comment-form-flex,
|
||||
.comment-reply,
|
||||
.comment .comment-metadata .edit-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||
.entry .entry-content .button {
|
||||
color: #000;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Site Header (With Featured Image) */
|
||||
.site-header.featured-image {
|
||||
min-height: 0;
|
||||
|
||||
.main-navigation a,
|
||||
.main-navigation a + svg,
|
||||
.social-navigation a,
|
||||
.site-title a,
|
||||
.site-featured-image a,
|
||||
.site-branding .site-title,
|
||||
.site-branding .site-description,
|
||||
.main-navigation a:after,
|
||||
.main-navigation .main-menu > li.menu-item-has-children:after,
|
||||
.main-navigation li,
|
||||
.social-navigation li,
|
||||
.entry-meta,
|
||||
.entry-title,
|
||||
&#masthead .site-title a {
|
||||
color: #000;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.site-featured-image .entry-header,
|
||||
.site-branding-container {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.site-featured-image .post-thumbnail img {
|
||||
position: relative;
|
||||
height: initial;
|
||||
width: initial;
|
||||
object-fit: none;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
max-width: 100%;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Remove image filters from featured image */
|
||||
.image-filters-enabled {
|
||||
|
||||
*:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-header.featured-image .site-featured-image:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
33
mayland/sass/style-child-theme-editor.scss
Normal file
33
mayland/sass/style-child-theme-editor.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* These styles should be loaded by the Block Editor only
|
||||
*/
|
||||
|
||||
/**
|
||||
* Abstracts
|
||||
* - Mixins, variables and functions
|
||||
*/
|
||||
@import "../../varia/sass/abstracts/imports";
|
||||
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
@import "config-child-theme-deep";
|
||||
|
||||
/**
|
||||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
@import "../../varia/sass/base/editor";
|
||||
|
||||
/**
|
||||
* Elements
|
||||
* - Styles for basic HTML elemants
|
||||
*/
|
||||
@import "../../varia/sass/elements/editor";
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
* - These styles replace key Gutenberg Block styles for fonts, colors, and
|
||||
* spacing with CSS-variables overrides
|
||||
*/
|
||||
@import "../../varia/sass/blocks/editor";
|
||||
90
mayland/sass/style-child-theme.scss
Normal file
90
mayland/sass/style-child-theme.scss
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/*
|
||||
Theme Name: Mayland
|
||||
Theme URI: https://github.com/Automattic/themes/tree/master/mayland
|
||||
Author: Automattic
|
||||
Author URI: https://automattic.com/
|
||||
Description: Make your online portfolio wonderfully uncluttered with Mayland. Gracefully highlight your photography and other projects. Mayland is versatile enough to be your personal site too.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
Text Domain: mayland
|
||||
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
|
||||
|
||||
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.
|
||||
|
||||
Varia is based on Underscores https://underscores.me/, (C) 2012-2019 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/
|
||||
*/
|
||||
|
||||
/**
|
||||
* Abstracts
|
||||
* - Mixins, variables and functions
|
||||
*/
|
||||
@import "../../varia/sass/abstracts/imports";
|
||||
|
||||
/**
|
||||
* Child Theme Deep
|
||||
*/
|
||||
@import "config-child-theme-deep";
|
||||
|
||||
/**
|
||||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
@import "../../varia/sass/base/imports";
|
||||
|
||||
/**
|
||||
* Layout
|
||||
* - Structral and responsive styles
|
||||
*/
|
||||
@import "../../varia/sass/layout/imports";
|
||||
|
||||
/**
|
||||
* Elements
|
||||
* - Styles for basic HTML elemants
|
||||
*/
|
||||
@import "../../varia/sass/elements/imports";
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
* - These styles replace key Gutenberg Block styles for fonts, colors, and
|
||||
* spacing with CSS-variables overrides
|
||||
* - In the future the Block styles may get compiled to individual .css
|
||||
* files and conditionally loaded
|
||||
*/
|
||||
@import "../../varia/sass/blocks/imports";
|
||||
|
||||
/**
|
||||
* Components
|
||||
* - Similar to Blocks but exist outside of the "current" editor context
|
||||
*/
|
||||
@import "../../varia/sass/components/imports";
|
||||
|
||||
/**
|
||||
* Site Pages
|
||||
* - Page specific styles
|
||||
*/
|
||||
@import "../../varia/sass/pages/imports";
|
||||
|
||||
/**
|
||||
* Responsive Logic
|
||||
* - Loading this last to respect cascaing rules
|
||||
*/
|
||||
@import "../../varia/sass/abstracts/responsive-logic";
|
||||
|
||||
/**
|
||||
* Vendors
|
||||
* - Styles for 3rd party plugins and WP extensions
|
||||
*/
|
||||
@import "../../varia/sass/vendors/imports";
|
||||
|
||||
/**
|
||||
* Child Theme Extra Styles
|
||||
*/
|
||||
@import "extra-child-theme";
|
||||
BIN
mayland/screenshot.png
Normal file
BIN
mayland/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 361 KiB |
881
mayland/style-editor.css
Normal file
881
mayland/style-editor.css
Normal file
|
|
@ -0,0 +1,881 @@
|
|||
/**
|
||||
* These styles should be loaded by the Block Editor only
|
||||
*/
|
||||
/**
|
||||
* Abstracts
|
||||
* - Mixins, variables and functions
|
||||
*/
|
||||
/**
|
||||
* Abstracts
|
||||
* - Mixins, variables and functions
|
||||
*/
|
||||
/* Sass Functions go here */
|
||||
/**
|
||||
* Map deep get
|
||||
* @author Hugo Giraudel
|
||||
* @access public
|
||||
* @param {Map} $map - Map
|
||||
* @param {Arglist} $keys - Key chain
|
||||
* @return {*} - Desired value
|
||||
*
|
||||
* Example:
|
||||
* $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
|
||||
*/
|
||||
/**
|
||||
* Deep set function to set a value in nested maps
|
||||
* @author Hugo Giraudel
|
||||
* @access public
|
||||
* @param {Map} $map - Map
|
||||
* @param {List} $keys - Key chaine
|
||||
* @param {*} $value - Value to assign
|
||||
* @return {Map}
|
||||
*
|
||||
* Example:
|
||||
* $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
|
||||
*/
|
||||
/**
|
||||
* jQuery-style extend function
|
||||
* - Child themes can use this function to `reset` the values in
|
||||
* config maps without editing the `master` Sass files.
|
||||
* - src: https://www.sitepoint.com/extra-map-functions-sass/
|
||||
* - About `map-merge()`:
|
||||
* - - only takes 2 arguments
|
||||
* - - is not recursive
|
||||
* @param {Map} $map - first map
|
||||
* @param {ArgList} $maps - other maps
|
||||
* @param {Bool} $deep - recursive mode
|
||||
* @return {Map}
|
||||
*
|
||||
* Examples:
|
||||
|
||||
$grid-configuration-default: (
|
||||
'columns': 12,
|
||||
'layouts': (
|
||||
'small': 800px,
|
||||
'medium': 1000px,
|
||||
'large': 1200px,
|
||||
),
|
||||
);
|
||||
|
||||
$grid-configuration-custom: (
|
||||
'layouts': (
|
||||
'large': 1300px,
|
||||
'huge': 1500px
|
||||
),
|
||||
);
|
||||
|
||||
$grid-configuration-user: (
|
||||
'direction': 'ltr',
|
||||
'columns': 16,
|
||||
'layouts': (
|
||||
'large': 1300px,
|
||||
'huge': 1500px
|
||||
),
|
||||
);
|
||||
|
||||
// $deep: false
|
||||
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
|
||||
// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
|
||||
|
||||
// $deep: true
|
||||
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
|
||||
// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
|
||||
|
||||
*/
|
||||
/**
|
||||
* Button
|
||||
*/
|
||||
/**
|
||||
* Cover
|
||||
*/
|
||||
/**
|
||||
* Heading
|
||||
*/
|
||||
/**
|
||||
* List
|
||||
*/
|
||||
/**
|
||||
* Pullquote
|
||||
*/
|
||||
/**
|
||||
* Quote
|
||||
*/
|
||||
/**
|
||||
* Separator
|
||||
*/
|
||||
/**
|
||||
* Responsive breakpoints
|
||||
* - breakpoints values are defined in _config-global.scss
|
||||
*/
|
||||
/**
|
||||
* Align wide widths
|
||||
* - Sets .alignwide widths
|
||||
*/
|
||||
/**
|
||||
* Crop Text Boundry
|
||||
* - Sets a fixed-width on content within alignwide and alignfull blocks
|
||||
*/
|
||||
/**
|
||||
* Child Theme Name
|
||||
*/
|
||||
/**
|
||||
* Redefine Sass map values for child theme output.
|
||||
* - See: style-child-theme.scss
|
||||
*/
|
||||
/**
|
||||
* Global
|
||||
*/
|
||||
/**
|
||||
* Elements
|
||||
*/
|
||||
/**
|
||||
* Button
|
||||
*/
|
||||
/**
|
||||
* Cover
|
||||
*/
|
||||
/**
|
||||
* Heading
|
||||
*/
|
||||
/**
|
||||
* List
|
||||
*/
|
||||
/**
|
||||
* Pullquote
|
||||
*/
|
||||
/**
|
||||
* Quote
|
||||
*/
|
||||
/**
|
||||
* Separator
|
||||
*/
|
||||
/**
|
||||
* Header
|
||||
*/
|
||||
/**
|
||||
* Footer
|
||||
*/
|
||||
/**
|
||||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
body {
|
||||
color: black;
|
||||
background-color: white;
|
||||
font-family: Poppins, serif;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
line-height: 1.6;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.editor-post-title__block {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
button,
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**
|
||||
* Elements
|
||||
* - Styles for basic HTML elemants
|
||||
*/
|
||||
/**
|
||||
* Elements
|
||||
* - Styles for basic HTML elemants
|
||||
*/
|
||||
blockquote {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
blockquote cite,
|
||||
blockquote footer {
|
||||
font-size: 0.83333rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
blockquote > * {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
blockquote > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
blockquote > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
blockquote.alignleft, blockquote.alignright {
|
||||
padding-left: inherit;
|
||||
}
|
||||
|
||||
blockquote.alignleft p, blockquote.alignright p {
|
||||
font-size: 1rem;
|
||||
max-width: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
blockquote.alignleft cite,
|
||||
blockquote.alignleft footer, blockquote.alignright cite,
|
||||
blockquote.alignright footer {
|
||||
font-size: 0.69444rem;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
color: #666666;
|
||||
font-size: 0.69444rem;
|
||||
margin-top: calc(0.5 * 16px);
|
||||
margin-bottom: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alignleft figcaption,
|
||||
.alignright figcaption {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* WP Smiley */
|
||||
.page-content .wp-smiley,
|
||||
.entry-content .wp-smiley,
|
||||
.comment-content .wp-smiley {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Make sure embeds and iframes fit their containers. */
|
||||
embed,
|
||||
iframe,
|
||||
object {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Blocks
|
||||
* - These styles replace key Gutenberg Block styles for fonts, colors, and
|
||||
* spacing with CSS-variables overrides
|
||||
*/
|
||||
/**
|
||||
* Block Styles for the Editor
|
||||
*
|
||||
* - These styles replace key Gutenberg Block styles for fonts, colors, and
|
||||
* spacing with CSS-variables overrides in the Block Editor
|
||||
* - In the future the Block styles may get compiled to individual .css
|
||||
* files and conditionally loaded
|
||||
*/
|
||||
.wp-block-button {
|
||||
/* Default Style */
|
||||
/* Outline Style */
|
||||
/* Squared Style */
|
||||
}
|
||||
|
||||
.wp-block-button .wp-block-button__link {
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.83333em;
|
||||
line-height: 1;
|
||||
background-color: black;
|
||||
border-radius: 5px;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
|
||||
color: white;
|
||||
background-color: #666666;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link {
|
||||
color: black;
|
||||
background: transparent;
|
||||
border: 2px solid currentcolor;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
background-color: black;
|
||||
color: white;
|
||||
/* Treating H2 separately to account for legacy /core styles */
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container,
|
||||
.wp-block-cover .wp-block-cover-image-text,
|
||||
.wp-block-cover .wp-block-cover-text,
|
||||
.wp-block-cover .block-editor-block-list__block,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container,
|
||||
.wp-block-cover-image .wp-block-cover-image-text,
|
||||
.wp-block-cover-image .wp-block-cover-text,
|
||||
.wp-block-cover-image .block-editor-block-list__block {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container a,
|
||||
.wp-block-cover .wp-block-cover-image-text a,
|
||||
.wp-block-cover .wp-block-cover-text a,
|
||||
.wp-block-cover .block-editor-block-list__block a,
|
||||
.wp-block-cover-image .wp-block-cover__inner-container a,
|
||||
.wp-block-cover-image .wp-block-cover-image-text a,
|
||||
.wp-block-cover-image .wp-block-cover-text a,
|
||||
.wp-block-cover-image .block-editor-block-list__block a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-cover h2,
|
||||
.wp-block-cover-image h2 {
|
||||
font-size: 1.728em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
padding: 0;
|
||||
max-width: inherit;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.wp-block-cover h2.has-text-align-left,
|
||||
.wp-block-cover-image h2.has-text-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wp-block-cover h2.has-text-align-center,
|
||||
.wp-block-cover-image h2.has-text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-block-cover h2.has-text-align-right,
|
||||
.wp-block-cover-image h2.has-text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-block-heading h1, h1, .h1,
|
||||
.wp-block-heading h2, h2, .h2,
|
||||
.wp-block-heading h3, h3, .h3,
|
||||
.wp-block-heading h4, h4, .h4,
|
||||
.wp-block-heading h5, h5, .h5,
|
||||
.wp-block-heading h6, h6, .h6 {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 600;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-heading h1, h1, .h1 {
|
||||
font-size: 2.0736em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-heading h2, h2, .h2 {
|
||||
font-size: 1.728em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-heading h3, h3, .h3 {
|
||||
font-size: 1.44em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-heading h4, h4, .h4 {
|
||||
font-size: 1.2em;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-heading h5, h5, .h5 {
|
||||
font-size: 1em;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-heading h6, h6, .h6 {
|
||||
font-size: 0.83333em;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-gallery figcaption {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts > li > a {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li {
|
||||
/* Vertical margins logic */
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts:not(.is-grid) > li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: #666666;
|
||||
font-size: 0.83333rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
||||
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
|
||||
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
|
||||
font-size: 0.83333rem;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 32px;
|
||||
padding-left: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-media-text .block-editor-inner-blocks[style*="background-color"]:not(.has-background-background-color) a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.a8c-posts-list {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
p.has-background {
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
p.has-background:not(.has-background-background-color) a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
padding: calc( 3 * 16px) 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
border-top-color: #e6e6e6;
|
||||
border-top-width: 4px;
|
||||
border-bottom-color: #e6e6e6;
|
||||
border-bottom-width: 4px;
|
||||
color: black;
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote p {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: 1.2em;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-pullquote a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-pullquote .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote cite,
|
||||
.wp-block-pullquote footer {
|
||||
color: #666666;
|
||||
font-size: 0.83333em;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
|
||||
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
|
||||
.wp-block-pullquote.is-style-solid-color cite,
|
||||
.wp-block-pullquote.is-style-solid-color footer {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.alignwide > p,
|
||||
.wp-block-pullquote.alignfull > p,
|
||||
.wp-block-pullquote.alignwide blockquote,
|
||||
.wp-block-pullquote.alignfull blockquote {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-left-color: black;
|
||||
margin: 32px 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.wp-block-quote p {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: 1.2em;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
|
||||
border: none;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: 1.44em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.wp-block-separator,
|
||||
hr {
|
||||
border-bottom: 2px solid #e6e6e6;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
|
||||
hr[style*="text-align:right"],
|
||||
hr[style*="text-align: right"] {
|
||||
border-right-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.wp-block-separator.is-style-wide,
|
||||
hr.is-style-wide {
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
.wp-block-separator.is-style-dots,
|
||||
hr.is-style-dots {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wp-block-separator.is-style-dots:before,
|
||||
hr.is-style-dots:before {
|
||||
color: #e6e6e6;
|
||||
}
|
||||
|
||||
table th,
|
||||
.wp-block-table th {
|
||||
font-family: Poppins, sans-serif;
|
||||
}
|
||||
|
||||
table td,
|
||||
table th,
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
padding: calc( 0.5 * 16px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Editor Post Title
|
||||
* - Needs a special styles
|
||||
*/
|
||||
.editor-post-title__block .editor-post-title__input {
|
||||
color: black;
|
||||
font-family: Poppins, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.728em;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.has-primary-color[class] {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.has-secondary-color[class] {
|
||||
color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
.has-foreground-color[class] {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.has-foreground-light-color[class] {
|
||||
color: #666666 !important;
|
||||
}
|
||||
|
||||
.has-foreground-dark-color[class] {
|
||||
color: #333333 !important;
|
||||
}
|
||||
|
||||
.has-background-light-color[class] {
|
||||
color: #f2f2f2 !important;
|
||||
}
|
||||
|
||||
.has-background-dark-color[class] {
|
||||
color: #d9d9d9 !important;
|
||||
}
|
||||
|
||||
.has-background-color[class] {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.has-background:not(.has-background-background-color) a,
|
||||
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6,
|
||||
.has-background .wp-block-quote__citation {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.has-primary-background-color[class] {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-primary-background-color[class] {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-secondary-background-color[class] {
|
||||
background-color: #1a1a1a !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-foreground-background-color[class] {
|
||||
background-color: black !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-foreground-light-background-color[class] {
|
||||
background-color: #666666 !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-foreground-dark-background-color[class] {
|
||||
background-color: #333333 !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.has-background-light-background-color[class] {
|
||||
background-color: #f2f2f2 !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.has-background-dark-background-color[class] {
|
||||
background-color: #d9d9d9 !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.has-background-background-color[class] {
|
||||
background-color: white !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.is-small-text,
|
||||
.has-small-font-size {
|
||||
font-size: 0.83333em;
|
||||
}
|
||||
|
||||
.is-regular-text,
|
||||
.has-regular-font-size,
|
||||
.has-normal-font-size,
|
||||
.has-medium-font-size {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.is-large-text,
|
||||
.has-large-font-size {
|
||||
font-size: 1.44em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.is-larger-text,
|
||||
.has-larger-font-size,
|
||||
.has-huge-font-size {
|
||||
font-size: 1.728em;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.has-drop-cap:not(:focus)::first-letter {
|
||||
font-family: Poppins, sans-serif;
|
||||
font-size: calc(2 * 2.0736em);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Spacing Overrides
|
||||
*/
|
||||
/*
|
||||
* Margins
|
||||
*/
|
||||
.margin-top-none {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.margin-top-half {
|
||||
margin-top: 16px !important;
|
||||
}
|
||||
|
||||
.margin-top-default {
|
||||
margin-top: 32px !important;
|
||||
}
|
||||
|
||||
.margin-right-none {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.margin-right-half {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
|
||||
.margin-right-default {
|
||||
/*rtl:ignore*/
|
||||
margin-right: 32px !important;
|
||||
}
|
||||
|
||||
.margin-bottom-none {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.margin-bottom-half {
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.margin-bottom-default {
|
||||
margin-bottom: 32px !important;
|
||||
}
|
||||
|
||||
.margin-left-none {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.margin-left-half {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
|
||||
.margin-left-default {
|
||||
/*rtl:ignore*/
|
||||
margin-left: 32px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Padding
|
||||
*/
|
||||
.padding-top-none {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.padding-top-half {
|
||||
padding-top: 16px !important;
|
||||
}
|
||||
|
||||
.padding-top-default {
|
||||
padding-top: 32px !important;
|
||||
}
|
||||
|
||||
.padding-right-none {
|
||||
/*rtl:ignore*/
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.padding-right-half {
|
||||
/*rtl:ignore*/
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
|
||||
.padding-right-default {
|
||||
/*rtl:ignore*/
|
||||
padding-right: 32px !important;
|
||||
}
|
||||
|
||||
.padding-bottom-none {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.padding-bottom-half {
|
||||
padding-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.padding-bottom-default {
|
||||
padding-bottom: 32px !important;
|
||||
}
|
||||
|
||||
.padding-left-none {
|
||||
/*rtl:ignore*/
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.padding-left-half {
|
||||
/*rtl:ignore*/
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
|
||||
.padding-left-default {
|
||||
/*rtl:ignore*/
|
||||
padding-left: 32px !important;
|
||||
}
|
||||
3691
mayland/style-rtl.css
Normal file
3691
mayland/style-rtl.css
Normal file
File diff suppressed because it is too large
Load diff
3720
mayland/style.css
Normal file
3720
mayland/style.css
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -99,6 +99,9 @@ if ( ! function_exists( 'maywood_setup' ) ) :
|
|||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Enable Full Site Editing
|
||||
add_theme_support( 'full-site-editing');
|
||||
}
|
||||
endif;
|
||||
add_action( 'after_setup_theme', 'maywood_setup', 12 );
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
# This file is distributed under the GNU General Public License v2 or later.
|
||||
msgid ""
|
||||
msgstr ""
|
||||
"Project-Id-Version: Maywood 1.0.0\n"
|
||||
"Project-Id-Version: Maywood 1.1.0\n"
|
||||
"Report-Msgid-Bugs-To: http://wordpress.org/support/theme/maywood\n"
|
||||
"POT-Creation-Date: 2019-08-28 16:20:11+00:00\n"
|
||||
"MIME-Version: 1.0\n"
|
||||
|
|
|
|||
|
|
@ -1,22 +1,65 @@
|
|||
@import "../../varia/sass/full-site-editing/editor";
|
||||
|
||||
.site-header, .site-footer {
|
||||
.site-title {
|
||||
font-size: 20px;
|
||||
@include media(mobile) {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-description {
|
||||
font-size: 13.8px;
|
||||
@include media(mobile) {
|
||||
font-size: 16.6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-header {
|
||||
.site-title {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-description{
|
||||
font-size: 16.6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-navigation ul {
|
||||
justify-content: center;
|
||||
a {
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
.main-navigation {
|
||||
text-align: center;
|
||||
ul {
|
||||
justify-content: center;
|
||||
a {
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
.site-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.main-navigation .footer-menu {
|
||||
justify-content: center;
|
||||
|
||||
@include media(tablet) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 16.6px;
|
||||
text-decoration: none;
|
||||
@include media(mobile-only) {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-top: -36px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,32 @@
|
|||
@import "../../varia/sass/full-site-editing/imports";
|
||||
|
||||
.fse-enabled {
|
||||
.site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
@include media(mobile-only) {
|
||||
.main-navigation .menu-primary-container {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
.wp-block-a8c-navigation-menu {
|
||||
@include media(tablet) {
|
||||
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#colophon {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -106,4 +106,4 @@ b, strong {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
@import "full-site-editing-editor";
|
||||
@import "full-site-editing-editor";
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0.0
|
||||
Version: 1.1.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
|
|||
|
|
@ -1269,12 +1269,12 @@ b, strong {
|
|||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -1283,37 +1283,37 @@ b, strong {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: 700;
|
||||
|
|
@ -1321,11 +1321,11 @@ b, strong {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
|
|
@ -1363,44 +1363,165 @@ b, strong {
|
|||
font-size: 15px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
/**
|
||||
* Placeholder button style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
.site-header .main-navigation button,
|
||||
.site-header .main-navigation .button,
|
||||
.site-header .main-navigation input[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link,
|
||||
.site-header .main-navigation .wp-block-file__button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
background-color: #897248;
|
||||
border-radius: 5px;
|
||||
border-width: 0;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:hover,
|
||||
.site-header .main-navigation .button:hover,
|
||||
.site-header .main-navigation input:hover[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:hover,
|
||||
.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
|
||||
.site-header .main-navigation .button:focus,
|
||||
.site-header .main-navigation input:focus[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:focus,
|
||||
.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
|
||||
.site-header .main-navigation .has-focus.button,
|
||||
.site-header .main-navigation input.has-focus[type="submit"],
|
||||
.site-header .main-navigation .has-focus.wp-block-button__link,
|
||||
.site-header .main-navigation .has-focus.wp-block-file__button {
|
||||
color: white;
|
||||
background-color: #685636;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link {
|
||||
color: #897248;
|
||||
background: transparent;
|
||||
border: 2px solid currentcolor;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:hover, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:focus, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation a {
|
||||
font-size: 21.6px;
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-bottom: 160px;
|
||||
margin-top: 36px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .hide-visually,
|
||||
.site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.main-navigation {
|
||||
background-color: #897248;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
padding: 16px 16px;
|
||||
.site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.main-navigation:before {
|
||||
content: "Menu";
|
||||
.site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.main-navigation:after {
|
||||
content: "+";
|
||||
.site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-title, .site-footer .site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-header .site-title, .site-footer .site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-description, .site-footer .site-description {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-header .site-description, .site-footer .site-description {
|
||||
font-size: 16.6px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-title {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-header .site-description {
|
||||
font-size: 16.6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -1412,3 +1533,32 @@ b, strong {
|
|||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-footer .site-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu a {
|
||||
font-size: 16.6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation .footer-menu a {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-top: -36px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0.0
|
||||
Version: 1.1.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
@ -2604,12 +2604,12 @@ table th,
|
|||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2618,37 +2618,37 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: 700;
|
||||
|
|
@ -2656,11 +2656,11 @@ table th,
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
|
|
@ -3768,11 +3768,11 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Footer Navigation
|
||||
*/
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
|
|
@ -3780,9 +3780,54 @@ p:not(.site-title) a:hover {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
|
||||
margin-bottom: 21.312px;
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0.0
|
||||
Version: 1.1.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
@ -2621,12 +2621,12 @@ table th,
|
|||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2635,37 +2635,37 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: 700;
|
||||
|
|
@ -2673,11 +2673,11 @@ table th,
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
|
|
@ -3797,11 +3797,11 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Footer Navigation
|
||||
*/
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
|
|
@ -3809,9 +3809,54 @@ p:not(.site-title) a:hover {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
|
||||
margin-bottom: 21.312px;
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,6 +63,9 @@ if ( ! function_exists( 'modern_business_setup' ) ) :
|
|||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Enable Full Site Editing
|
||||
add_theme_support( 'full-site-editing');
|
||||
}
|
||||
endif; // modern_business_setup
|
||||
add_action( 'after_setup_theme', 'modern_business_setup', 30 );
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
# This file is distributed under the GNU General Public License v2 or later.
|
||||
msgid ""
|
||||
msgstr ""
|
||||
"Project-Id-Version: Modern Business 1.0\n"
|
||||
"Project-Id-Version: Modern Business 1.7\n"
|
||||
"Report-Msgid-Bugs-To: http://wordpress.org/support/theme/modern-business\n"
|
||||
"POT-Creation-Date: 2019-02-01 00:04:35+00:00\n"
|
||||
"MIME-Version: 1.0\n"
|
||||
|
|
|
|||
41
modern-business/package-lock.json
generated
41
modern-business/package-lock.json
generated
|
|
@ -1180,7 +1180,8 @@
|
|||
"version": "2.1.1",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"aproba": {
|
||||
"version": "1.2.0",
|
||||
|
|
@ -1204,13 +1205,15 @@
|
|||
"version": "1.0.0",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"brace-expansion": {
|
||||
"version": "1.1.11",
|
||||
"resolved": false,
|
||||
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"balanced-match": "^1.0.0",
|
||||
"concat-map": "0.0.1"
|
||||
|
|
@ -1227,19 +1230,22 @@
|
|||
"version": "1.1.0",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
|
|
@ -1370,7 +1376,8 @@
|
|||
"version": "2.0.3",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"ini": {
|
||||
"version": "1.3.5",
|
||||
|
|
@ -1384,6 +1391,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"number-is-nan": "^1.0.0"
|
||||
}
|
||||
|
|
@ -1400,6 +1408,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"brace-expansion": "^1.1.7"
|
||||
}
|
||||
|
|
@ -1408,13 +1417,15 @@
|
|||
"version": "0.0.8",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"minipass": {
|
||||
"version": "2.3.5",
|
||||
"resolved": false,
|
||||
"integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"safe-buffer": "^5.1.2",
|
||||
"yallist": "^3.0.0"
|
||||
|
|
@ -1435,6 +1446,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"minimist": "0.0.8"
|
||||
}
|
||||
|
|
@ -1523,7 +1535,8 @@
|
|||
"version": "1.0.1",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
|
|
@ -1537,6 +1550,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"wrappy": "1"
|
||||
}
|
||||
|
|
@ -1632,7 +1646,8 @@
|
|||
"version": "5.1.2",
|
||||
"resolved": false,
|
||||
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"safer-buffer": {
|
||||
"version": "2.1.2",
|
||||
|
|
@ -1674,6 +1689,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"code-point-at": "^1.0.0",
|
||||
"is-fullwidth-code-point": "^1.0.0",
|
||||
|
|
@ -1695,6 +1711,7 @@
|
|||
"resolved": false,
|
||||
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
|
|
@ -1743,13 +1760,15 @@
|
|||
"version": "1.0.2",
|
||||
"resolved": false,
|
||||
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "3.0.3",
|
||||
"resolved": false,
|
||||
"integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
|
||||
"dev": true
|
||||
"dev": true,
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ Author URI: https://wordpress.org/
|
|||
Description: A minimalist theme for those with an eye for style. Modern Business is a perfect choice for stores offering high-end products and services, or the fashion and beauty industries -- any site where elegance and polish is key.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Template: twentynineteen
|
||||
Version: 1.6
|
||||
Version: 1.7
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: twentynineteen
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
hr {
|
||||
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
|
||||
border-bottom-width: #{map-deep-get($config-separator, "height")};
|
||||
border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
&.wp-block-separator {
|
||||
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
|
||||
border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
|
||||
|
||||
&:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: #{map-deep-get($config-separator, "width")};
|
||||
|
|
@ -17,8 +16,6 @@ hr {
|
|||
*/
|
||||
&.is-style-wide {
|
||||
@extend %responsive-aligndefault;
|
||||
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
|
||||
border-bottom-width: #{map-deep-get($config-separator, "height")};
|
||||
}
|
||||
|
||||
&.is-style-dots {
|
||||
|
|
|
|||
|
|
@ -36,34 +36,51 @@
|
|||
font-size: 15px;
|
||||
}
|
||||
|
||||
.main-navigation a {
|
||||
font-size: 21.6px;
|
||||
.main-navigation {
|
||||
@import "../blocks/button/style";
|
||||
|
||||
a {
|
||||
font-size: 21.6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-bottom: 160px;
|
||||
margin-top: 36px;
|
||||
|
||||
// Minimum z-index to appear above the Template block overlay.
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/packages/block-editor/src/components/block-list/style.scss#L495-L496
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/assets/stylesheets/_z-index.scss#L8
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
@include media(tablet) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
@include media(mobile-only) {
|
||||
background-color: #{map-deep-get($config-button, "color", "background")};
|
||||
border-radius: #{map-deep-get($config-button, "border-radius")};
|
||||
color: #{map-deep-get($config-button, "color", "text")};
|
||||
display: inline-block;
|
||||
font-family: #{map-deep-get($config-button, "font", "family")};
|
||||
font-size: 18px;
|
||||
font-weight: #{map-deep-get($config-button, "font", "weight")};
|
||||
line-height: #{map-deep-get($config-button, "font", "line-height")};
|
||||
padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
|
||||
.main-navigation {
|
||||
@extend .footer-navigation;
|
||||
|
||||
&:before {
|
||||
content: "Menu";
|
||||
display: block;
|
||||
|
||||
.hide-visually,
|
||||
#toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
&:after {
|
||||
content: "+";
|
||||
|
||||
@include media(mobile-only) {
|
||||
.menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
width: auto;
|
||||
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
29
varia/sass/full-site-editing/_imports.scss
Normal file
29
varia/sass/full-site-editing/_imports.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.fse-enabled {
|
||||
.site-footer {
|
||||
display: block;
|
||||
|
||||
.main-navigation {
|
||||
@extend .footer-navigation;
|
||||
|
||||
display: block;
|
||||
|
||||
.hide-visually,
|
||||
#toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
.menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
width: auto;
|
||||
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1154,12 +1154,12 @@ table th,
|
|||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -1168,37 +1168,37 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -1206,11 +1206,11 @@ table th,
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
|
|
@ -1248,32 +1248,131 @@ table th,
|
|||
font-size: 15px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
/**
|
||||
* Placeholder button style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
.site-header .main-navigation button,
|
||||
.site-header .main-navigation .button,
|
||||
.site-header .main-navigation input[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link,
|
||||
.site-header .main-navigation .wp-block-file__button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
font-size: 1.2rem;
|
||||
background-color: blue;
|
||||
border-radius: 9px;
|
||||
border-width: 0;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:hover,
|
||||
.site-header .main-navigation .button:hover,
|
||||
.site-header .main-navigation input:hover[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:hover,
|
||||
.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
|
||||
.site-header .main-navigation .button:focus,
|
||||
.site-header .main-navigation input:focus[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:focus,
|
||||
.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
|
||||
.site-header .main-navigation .has-focus.button,
|
||||
.site-header .main-navigation input.has-focus[type="submit"],
|
||||
.site-header .main-navigation .has-focus.wp-block-button__link,
|
||||
.site-header .main-navigation .has-focus.wp-block-file__button {
|
||||
color: white;
|
||||
background-color: indigo;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link {
|
||||
color: blue;
|
||||
background: transparent;
|
||||
border: 2px solid currentcolor;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:hover, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:focus, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation a {
|
||||
font-size: 21.6px;
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-bottom: 160px;
|
||||
margin-top: 36px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .hide-visually,
|
||||
.site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.main-navigation {
|
||||
background-color: blue;
|
||||
border-radius: 9px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-family: sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
padding: 16px 16px;
|
||||
.site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.main-navigation:before {
|
||||
content: "Menu";
|
||||
.site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.main-navigation:after {
|
||||
content: "+";
|
||||
.site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.1
|
||||
Version: 1.2.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
@ -1855,15 +1855,14 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
clear: both;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
|||
max-width: 96px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-wide {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #DDDDDD;
|
||||
font-size: 1.728rem;
|
||||
|
|
@ -2567,12 +2561,12 @@ table th,
|
|||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2581,37 +2575,37 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -2619,11 +2613,11 @@ table th,
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
|
|
@ -3432,3 +3426,32 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.1
|
||||
Version: 1.2.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
@ -1855,15 +1855,14 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
|||
max-width: 96px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-wide {
|
||||
border-bottom-color: #DDDDDD;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #DDDDDD;
|
||||
font-size: 1.728rem;
|
||||
|
|
@ -2584,12 +2578,12 @@ table th,
|
|||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2598,37 +2592,37 @@ table th,
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div {
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-size: 0.83333rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -2636,11 +2630,11 @@ table th,
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
|
|
@ -3461,3 +3455,32 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
top: 46px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.1
|
||||
Version: 1.2.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
@ -77,3 +77,9 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
* - Styles for 3rd party plugins and WP extensions
|
||||
*/
|
||||
@import "sass/vendors/imports";
|
||||
|
||||
/**
|
||||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
@import "sass/full-site-editing/imports";
|
||||
|
|
|
|||
Loading…
Reference in a new issue