Sophisticated Business: Initial commit to GitHub repo.
This commit is contained in:
Laurel Fulford
parent
192fad285c
commit
f913c084d7
59 changed files with 20972 additions and 0 deletions
138
sophisticated-business/functions.php
Normal file
138
sophisticated-business/functions.php
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
<?php
|
||||
/**
|
||||
* Sophisticated Business (Twenty Nineteen) functions and definitions.
|
||||
*
|
||||
* @link https://developer.wordpress.org/themes/basics/theme-functions/
|
||||
*
|
||||
* @package Sophisticated_Business
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'sophisticated_business_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 sophisticated_business_setup() {
|
||||
// Switches Gutenberg controls to work against a dark background.
|
||||
add_theme_support( 'dark-editor-style' );
|
||||
|
||||
/**
|
||||
* Add support for core custom logo.
|
||||
*
|
||||
* @link https://codex.wordpress.org/Theme_Logo
|
||||
*/
|
||||
add_theme_support(
|
||||
'custom-logo',
|
||||
array(
|
||||
'height' => 120,
|
||||
'width' => 190,
|
||||
'flex-width' => true,
|
||||
'flex-height' => false,
|
||||
'header-text' => array( 'site-title' ),
|
||||
)
|
||||
);
|
||||
}
|
||||
endif; // sophisticated_business_setup
|
||||
add_action( 'after_setup_theme', 'sophisticated_business_setup', 30 );
|
||||
|
||||
function sophisticated_business_fonts_url() {
|
||||
|
||||
$fonts_url = '';
|
||||
|
||||
/* Translators: If there are characters in your language that are not
|
||||
* supported by Open Sans, translate this to 'off'. Do not translate
|
||||
* into your own language.
|
||||
*/
|
||||
$poppins = esc_html_x( 'on', 'Poppins font: on or off', 'sophisticated-business' );
|
||||
|
||||
if ( 'off' !== $poppins ) {
|
||||
$font_families = array();
|
||||
|
||||
if ( 'off' !== $poppins ) {
|
||||
$font_families[] = 'Poppins:400,600,700,400italic,600italic';
|
||||
}
|
||||
|
||||
$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 sophisticated_business_scripts() {
|
||||
|
||||
/**
|
||||
* Styles
|
||||
*/
|
||||
wp_enqueue_style( 'sophisticated-business-fonts', sophisticated_business_fonts_url(), array(), null );
|
||||
|
||||
wp_enqueue_script( 'sophisticated-business-script', get_stylesheet_directory_uri() . '/js/functions.js', array( 'jquery' ), '20150302', true );
|
||||
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'sophisticated_business_scripts' );
|
||||
|
||||
/**
|
||||
* Enqueue supplemental block editor scripts.
|
||||
*/
|
||||
function sophisticated_business_block_editor_scripts() {
|
||||
|
||||
/**
|
||||
* Block Editor Scripts
|
||||
*/
|
||||
//wp_enqueue_script( 'sophisticated-business-block-editor-filters', get_theme_file_uri( '/js/block-editor-filters.js' ), array(), '1.0', true );
|
||||
|
||||
/**
|
||||
* Fonts
|
||||
*/
|
||||
wp_enqueue_style( 'sophisticated-business-fonts', sophisticated_business_fonts_url(), array(), null );
|
||||
}
|
||||
add_action( 'enqueue_block_editor_assets', 'sophisticated_business_block_editor_scripts' );
|
||||
|
||||
/**
|
||||
* Filter default color from Twenty Nineteen.
|
||||
*/
|
||||
|
||||
// Our filter callback function - HUE
|
||||
function sophisticated_business_primary_color_hue() {
|
||||
return 44;
|
||||
}
|
||||
add_filter( 'twentynineteen_default_hue', 'sophisticated_business_primary_color_hue' );
|
||||
|
||||
// Our filter callback function - SATURATION
|
||||
function sophisticated_business_primary_color_saturation() {
|
||||
return 52;
|
||||
}
|
||||
add_filter( 'twentynineteen_default_saturation', 'sophisticated_business_primary_color_saturation' );
|
||||
|
||||
// Our filter callback function - LIGHTNESS
|
||||
function sophisticated_business_primary_color_lightness() {
|
||||
return 57;
|
||||
}
|
||||
add_filter( 'twentynineteen_default_lightness', 'sophisticated_business_primary_color_lightness' );
|
||||
|
||||
// Filter hover colour - lightness value
|
||||
function sophisticated_business_primary_color_lightness_hover() {
|
||||
return 47;
|
||||
}
|
||||
add_filter( 'twentynineteen_default_lightness_hover', 'sophisticated_business_primary_color_lightness_hover' );
|
||||
|
||||
/**
|
||||
* Load Jetpack compatibility file.
|
||||
*/
|
||||
require get_stylesheet_directory() . '/inc/jetpack.php';
|
||||
|
||||
/**
|
||||
* Customizer additions.
|
||||
*/
|
||||
require get_stylesheet_directory() . '/inc/customizer.php';
|
||||
|
||||
18
sophisticated-business/inc/customizer.php
Normal file
18
sophisticated-business/inc/customizer.php
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<?php
|
||||
/**
|
||||
* Sophisticated Business: Customizer
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Sophisticated_Business
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
/**
|
||||
* Change the label of the Site Title option.
|
||||
*
|
||||
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
||||
*/
|
||||
function sophisticated_business_customize_register( $wp_customize ) {
|
||||
$wp_customize->get_control( 'header_text' )->label = __( 'Display Site Title', 'sophisticated-business' );
|
||||
}
|
||||
add_action( 'customize_register', 'sophisticated_business_customize_register' );
|
||||
34
sophisticated-business/inc/jetpack.php
Normal file
34
sophisticated-business/inc/jetpack.php
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<?php
|
||||
/**
|
||||
* Jetpack Compatibility File.
|
||||
*
|
||||
* @link https://jetpack.com/
|
||||
*
|
||||
* @package Sophisticated_Business
|
||||
*/
|
||||
/**
|
||||
* Jetpack Setup
|
||||
*/
|
||||
function sophisticated_business_jetpack_setup() {
|
||||
/*
|
||||
* The Parent theme alredy comes with Jetpack compatibility
|
||||
*
|
||||
* Tweaking the compatibility rules might be done here,
|
||||
* if even necessary at all.
|
||||
*/
|
||||
}
|
||||
add_action( 'after_setup_theme', 'sophisticated_business_jetpack_setup' );
|
||||
|
||||
/**
|
||||
* Enqueue Jetpack-specific styles
|
||||
*
|
||||
* We need to enqueue some additional CSS to override the
|
||||
* parent theme’s fonts which are pre-baked into JetPack.
|
||||
*
|
||||
* See `sophisticated-business/style-jetpack.scss`
|
||||
* Also see: https://github.com/Automattic/jetpack/blob/master/modules/theme-tools/compat/twentynineteen.css
|
||||
*/
|
||||
function sophisticated_business_jetpack_styles() {
|
||||
wp_enqueue_style( 'sophisticated-business-jetpack', get_stylesheet_directory_uri() . '/style-jetpack.css', '20190122' );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'sophisticated_business_jetpack_styles' );
|
||||
42
sophisticated-business/js/functions.js
Normal file
42
sophisticated-business/js/functions.js
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
/**
|
||||
* Theme functions file.
|
||||
*
|
||||
* Contains handlers for navigation and widget area.
|
||||
*/
|
||||
( function( $ ) {
|
||||
var $body = $( document.body ),
|
||||
$window = $( window ),
|
||||
mastheadHeight = $( '#masthead' ).outerHeight( true ),
|
||||
coverImage = $( '.home.page .entry-content > .wp-block-cover' ),
|
||||
entryHeaderHeight = $body.is( '.hide-homepage-title' ) ? 0 : $( '.home.page .entry > .entry-header' ).outerHeight( true ),
|
||||
coverImageHeight = coverImage.height(),
|
||||
windowWidth = window.innerWidth,
|
||||
toolbarHeight,
|
||||
resizeTimer;
|
||||
|
||||
// Make Featured image full-screen.
|
||||
function fullscreenCoverImage() {
|
||||
|
||||
if ( ! coverImage ) {
|
||||
return;
|
||||
}
|
||||
|
||||
toolbarHeight = $body.is( '.admin-bar' ) ? $( '#wpadminbar' ).height() : 0;
|
||||
|
||||
coverImage.css( {
|
||||
'height': $window.height() - ( toolbarHeight + mastheadHeight + entryHeaderHeight ) + 'px'
|
||||
} );
|
||||
}
|
||||
|
||||
$( document ).ready( function() {
|
||||
$window.on( 'resize.sophisticatedbusiness', function() {
|
||||
windowWidth = window.innerWidth;
|
||||
clearTimeout( resizeTimer );
|
||||
resizeTimer = setTimeout( function() {
|
||||
fullscreenCoverImage();
|
||||
}, 300 );
|
||||
} );
|
||||
|
||||
fullscreenCoverImage();
|
||||
} );
|
||||
} )( jQuery );
|
||||
4447
sophisticated-business/package-lock.json
generated
Normal file
4447
sophisticated-business/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
45
sophisticated-business/package.json
Normal file
45
sophisticated-business/package.json
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
{
|
||||
"name": "twentynineteen",
|
||||
"version": "1.0.0",
|
||||
"description": "Default WP Theme",
|
||||
"bugs": {
|
||||
"url": "https://github.com/WordPress/twentynineteen/issues"
|
||||
},
|
||||
"homepage": "https://github.com/WordPress/twentynineteen#readme",
|
||||
"devDependencies": {
|
||||
"@wordpress/browserslist-config": "^2.2.2",
|
||||
"autoprefixer": "^9.1.5",
|
||||
"chokidar-cli": "^1.2.1",
|
||||
"node-sass": "^4.9.3",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss-cli": "^6.0.1",
|
||||
"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": {
|
||||
"build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
|
||||
"build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
|
||||
"build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
|
||||
"build:style-jetpack": "node-sass style-jetpack.scss style-jetpack.css --output-style expanded && postcss -r style-jetpack.css",
|
||||
"build:rtl": "rtlcss style.css style-rtl.css",
|
||||
"build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
|
||||
"build": "run-p \"build:*\"",
|
||||
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
|
||||
}
|
||||
}
|
||||
13
sophisticated-business/postcss.config.js
Normal file
13
sophisticated-business/postcss.config.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
var postcssFocusWithin = require('postcss-focus-within');
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
postcssFocusWithin(/* pluginOptions */)
|
||||
]
|
||||
};
|
||||
162
sophisticated-business/print.css
Normal file
162
sophisticated-business/print.css
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
/*
|
||||
Theme Name: Sophisticated Business
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
198
sophisticated-business/print.scss
Normal file
198
sophisticated-business/print.scss
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
/*
|
||||
Theme Name: Sophisticated Business
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
341
sophisticated-business/sass/_normalize.scss
Normal file
341
sophisticated-business/sass/_normalize.scss
Normal file
|
|
@ -0,0 +1,341 @@
|
|||
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
1017
sophisticated-business/sass/blocks/_blocks.scss
Normal file
1017
sophisticated-business/sass/blocks/_blocks.scss
Normal file
File diff suppressed because it is too large
Load diff
87
sophisticated-business/sass/elements/_elements.scss
Normal file
87
sophisticated-business/sass/elements/_elements.scss
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: $color__background_selection;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: $color__background_selection;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: $color__background-body;
|
||||
}
|
||||
|
||||
a {
|
||||
@include link-transition;
|
||||
color: $color__link;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
color: $color__link-hover;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: thin;
|
||||
outline-style: dotted;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
clear: both;
|
||||
margin: $size__spacing-unit 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: $color__text-light;
|
||||
border: 0;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
@import "lists";
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 2px solid $color__link;
|
||||
margin-left: 0;
|
||||
padding: 0 0 0 $size__spacing-unit;
|
||||
|
||||
> p {
|
||||
margin: 0 0 $size__spacing-unit;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: $color__text-light;
|
||||
}
|
||||
}
|
||||
|
||||
@import "tables";
|
||||
33
sophisticated-business/sass/elements/_lists.scss
Normal file
33
sophisticated-business/sass/elements/_lists.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
ul,
|
||||
ol {
|
||||
padding-left: ( 1 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
|
||||
ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: $font__line-height-body;
|
||||
}
|
||||
|
||||
li > ul,
|
||||
li > ol {
|
||||
padding-left: ( 2 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 $size__spacing-unit $size__spacing-unit;
|
||||
}
|
||||
13
sophisticated-business/sass/elements/_tables.scss
Normal file
13
sophisticated-business/sass/elements/_tables.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
table {
|
||||
margin: 0 0 $size__spacing-unit;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
font-family: $font__heading;
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid $color__text-light;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
37
sophisticated-business/sass/forms/_buttons.scss
Normal file
37
sophisticated-business/sass/forms/_buttons.scss
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
.button,
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
|
||||
@include button-transition;
|
||||
background: $color__background-button;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: $color__background-body;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 600;
|
||||
line-height: $font__line-height-heading;
|
||||
outline: none;
|
||||
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
|
||||
&:hover {
|
||||
background: $color__background-button-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: $color__background-body;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: $color__background-button-hover;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
}
|
||||
74
sophisticated-business/sass/forms/_fields.scss
Normal file
74
sophisticated-business/sass/forms/_fields.scss
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="number"],
|
||||
input[type="tel"],
|
||||
input[type="range"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="week"],
|
||||
input[type="time"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="color"],
|
||||
textarea {
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: $color__background-input;
|
||||
border: solid 1px $color__border;
|
||||
box-sizing: border-box;
|
||||
color: $color__text-input;
|
||||
outline: none;
|
||||
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
||||
-webkit-appearance: none;
|
||||
outline-offset: 0;
|
||||
border-radius: 3px;
|
||||
|
||||
&:focus {
|
||||
border-color: $color__link;
|
||||
outline: thin solid rgba( $color__link, 0.15 );
|
||||
outline-offset: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
&::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
|
||||
}
|
||||
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
form {
|
||||
|
||||
p {
|
||||
margin: $size__spacing-unit 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// Jetpack contact form block
|
||||
.contact-form {
|
||||
label {
|
||||
font-weight: 600 !important;
|
||||
|
||||
span {
|
||||
color: $color__text-main !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
3
sophisticated-business/sass/forms/_forms.scss
Normal file
3
sophisticated-business/sass/forms/_forms.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
@import "buttons";
|
||||
|
||||
@import "fields";
|
||||
11
sophisticated-business/sass/layout/_layout.scss
Normal file
11
sophisticated-business/sass/layout/_layout.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
/** === Layout === */
|
||||
|
||||
#page {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.site-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
32
sophisticated-business/sass/media/_captions.scss
Normal file
32
sophisticated-business/sass/media/_captions.scss
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
.wp-caption {
|
||||
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
||||
|
||||
&.aligncenter {
|
||||
|
||||
@include media(tablet) {
|
||||
position: relative;
|
||||
left: calc( #{$size__site-tablet-content} / 2 );
|
||||
transform: translateX( -50% );
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
left: calc( #{$size__site-desktop-content} / 2 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-caption img[class*="wp-image-"] {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-caption-text {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-xs;
|
||||
font-family: $font__heading;
|
||||
line-height: $font__line-height-pre;
|
||||
margin: 0;
|
||||
padding: ( $size__spacing-unit * .5 );
|
||||
text-align: center;
|
||||
}
|
||||
52
sophisticated-business/sass/media/_galleries.scss
Normal file
52
sophisticated-business/sass/media/_galleries.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
.gallery {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.gallery-item {
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
margin-bottom: 16px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
|
||||
// Loops to enumerate the classes for gallery columns.
|
||||
@for $i from 2 through 9 {
|
||||
.gallery-columns-#{$i} & {
|
||||
max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
|
||||
|
||||
&:nth-of-type(#{$i}n+#{$i}) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: block;
|
||||
font-size: $font__size-xs;
|
||||
font-family: $font__heading;
|
||||
line-height: $font__line-height-pre;
|
||||
margin: 0;
|
||||
padding: ( $size__spacing-unit * .5 );
|
||||
}
|
||||
|
||||
.gallery-item > div > a {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
|
||||
// Accessibility
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px rgba( $color__link, 1 );
|
||||
}
|
||||
}
|
||||
|
||||
41
sophisticated-business/sass/media/_media.scss
Normal file
41
sophisticated-business/sass/media/_media.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
.page-content .wp-smiley,
|
||||
.entry-content .wp-smiley,
|
||||
.comment-content .wp-smiley {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
embed,
|
||||
iframe,
|
||||
object {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.custom-logo-link {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
height: calc(2.25 * #{$size__spacing-unit});
|
||||
min-height: inherit;
|
||||
width: calc(2.25 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
svg {
|
||||
transition: fill $icon_transition ease-in-out;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Captions
|
||||
--------------------------------------------------------------*/
|
||||
@import "captions";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Galleries
|
||||
--------------------------------------------------------------*/
|
||||
@import "galleries";
|
||||
205
sophisticated-business/sass/mixins/_mixins-master.scss
Normal file
205
sophisticated-business/sass/mixins/_mixins-master.scss
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
// Rem output with px fallback
|
||||
@mixin font-size($sizeValue: 1) {
|
||||
font-size: ($sizeValue * 16) * 1px;
|
||||
font-size: $sizeValue * 1rem;
|
||||
}
|
||||
|
||||
// Center block
|
||||
@mixin center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Clearfix
|
||||
@mixin clearfix() {
|
||||
content: "";
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
// Clear after (not all clearfix need this also)
|
||||
@mixin clearfix-after() {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
// Column width with margin
|
||||
@mixin column-width($numberColumns: 3) {
|
||||
width: map-get($columns, $numberColumns) - (($columns__margin * ($numberColumns - 1)) / $numberColumns);
|
||||
}
|
||||
|
||||
@mixin filter-duotone {
|
||||
|
||||
&:before {
|
||||
background: $color__link;
|
||||
mix-blend-mode: screen;
|
||||
opacity: 0.1;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: $color__link;
|
||||
mix-blend-mode: multiply;
|
||||
opacity: .8;
|
||||
z-index: 3;
|
||||
|
||||
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
||||
@supports (mix-blend-mode: multiply) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin filter-grayscale {
|
||||
|
||||
position: relative;
|
||||
filter: grayscale(100%);
|
||||
z-index: 1;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin post-section-dash {
|
||||
|
||||
&:before {
|
||||
background: $color__text-light;
|
||||
content: "\020";
|
||||
display: block;
|
||||
height: 2px;
|
||||
margin: $size__spacing-unit 0;
|
||||
width: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
|
||||
@mixin box-shadow( $size ) {
|
||||
box-shadow:
|
||||
0 0 0 $size $color__text-light inset, // Original border.
|
||||
0 0 0 ($size + 1px) $color__text-light inset, // Antialiasing, inner edge.
|
||||
0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
|
||||
}
|
||||
|
||||
/* Fallback for non-latin fonts */
|
||||
|
||||
@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
|
||||
|
||||
/* Arabic */
|
||||
html[lang="ar"] #{$wrapper_classname} *,
|
||||
html[lang="ary"] #{$wrapper_classname} *,
|
||||
html[lang="azb"] #{$wrapper_classname} *,
|
||||
html[lang="ckb"] #{$wrapper_classname} *,
|
||||
html[lang="fa-IR"] #{$wrapper_classname} *,
|
||||
html[lang="haz"] #{$wrapper_classname} *,
|
||||
html[lang="ps"] #{$wrapper_classname} * {
|
||||
font-family: Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Cyrillic */
|
||||
html[lang="be"] #{$wrapper_classname} *,
|
||||
html[lang="bg-BG"] #{$wrapper_classname} *,
|
||||
html[lang="kk"] #{$wrapper_classname} *,
|
||||
html[lang="mk-MK"] #{$wrapper_classname} *,
|
||||
html[lang="mn"] #{$wrapper_classname} *,
|
||||
html[lang="ru-RU"] #{$wrapper_classname} *,
|
||||
html[lang="sah"] #{$wrapper_classname} *,
|
||||
html[lang="sr-RS"] #{$wrapper_classname} *,
|
||||
html[lang="tt-RU"] #{$wrapper_classname} *,
|
||||
html[lang="uk"] #{$wrapper_classname} * {
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Hong Kong) */
|
||||
html[lang="zh-HK"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Taiwan) */
|
||||
html[lang="zh-TW"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (China) */
|
||||
html[lang="zh-CN"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Devanagari */
|
||||
html[lang="bn-BD"] #{$wrapper_classname} *,
|
||||
html[lang="hi-IN"] #{$wrapper_classname} *,
|
||||
html[lang="mr"] #{$wrapper_classname} *,
|
||||
html[lang="ne-NP"] #{$wrapper_classname} * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Greek */
|
||||
html[lang="el"] #{$wrapper_classname} * {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Gujarati */
|
||||
html[lang="gu"] #{$wrapper_classname} * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Hebrew */
|
||||
html[lang="he-IL"] #{$wrapper_classname} * {
|
||||
font-family: 'Arial Hebrew', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Japanese */
|
||||
html[lang="ja"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
|
||||
}
|
||||
|
||||
/* Korean */
|
||||
html[lang="ko-KR"] #{$wrapper_classname} * {
|
||||
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Thai */
|
||||
html[lang="th"] #{$wrapper_classname} * {
|
||||
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Vietnamese */
|
||||
html[lang="vi"] #{$wrapper_classname} * {
|
||||
font-family: 'Libre Franklin', sans-serif !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Calculates maximum width for post content */
|
||||
@mixin postContentMaxWidth() {
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
@mixin nestedSubMenuPadding() {
|
||||
|
||||
ul {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
ul > li > a::before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
||||
counter-increment: submenu
|
||||
}
|
||||
}
|
||||
|
||||
@import "utilities";
|
||||
51
sophisticated-business/sass/mixins/_utilities.scss
Normal file
51
sophisticated-business/sass/mixins/_utilities.scss
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
|
||||
@mixin media( $res ) {
|
||||
@if mobile == $res {
|
||||
@media only screen and (min-width: $mobile_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@if tablet == $res {
|
||||
@media only screen and (min-width: $tablet_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@if desktop == $res {
|
||||
@media only screen and (min-width: $desktop_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@if wide == $res {
|
||||
@media only screen and (min-width: $wide_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin link-transition( $attr: color ) {
|
||||
transition: $attr $link_transition ease-in-out;
|
||||
}
|
||||
|
||||
@mixin button-transition() {
|
||||
transition: background $button_transition ease-in-out;
|
||||
}
|
||||
|
||||
@mixin button-all-transition() {
|
||||
transition: all $button_transition ease-in-out;
|
||||
}
|
||||
|
||||
@mixin background-transition() {
|
||||
transition: background $background_transition ease-in-out;
|
||||
}
|
||||
|
||||
@mixin selection {
|
||||
::-moz-selection {
|
||||
@content;
|
||||
}
|
||||
::selection {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
38
sophisticated-business/sass/modules/_accessibility.scss
Normal file
38
sophisticated-business/sass/modules/_accessibility.scss
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
/* Text meant only for screen readers. */
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||
|
||||
&:focus {
|
||||
background-color: $color__background-screen;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: $color__text-screen;
|
||||
display: block;
|
||||
@include font-size(0.875);
|
||||
font-weight: bold;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000; /* Above WP toolbar. */
|
||||
}
|
||||
}
|
||||
|
||||
/* Do not show the outline on the skip link target. */
|
||||
#content[tabindex="-1"]:focus {
|
||||
outline: 0;
|
||||
}
|
||||
28
sophisticated-business/sass/modules/_alignments.scss
Normal file
28
sophisticated-business/sass/modules/_alignments.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
/*rtl:ignore*/
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
/*rtl:ignore*/
|
||||
margin-left: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
@include center-block;
|
||||
}
|
||||
23
sophisticated-business/sass/modules/_clearings.scss
Normal file
23
sophisticated-business/sass/modules/_clearings.scss
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
.clear:before,
|
||||
.clear:after,
|
||||
.entry-content:before,
|
||||
.entry-content:after,
|
||||
.comment-content:before,
|
||||
.comment-content:after,
|
||||
.site-header:before,
|
||||
.site-header:after,
|
||||
.site-content:before,
|
||||
.site-content:after,
|
||||
.site-footer:before,
|
||||
.site-footer:after {
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
.clear:after,
|
||||
.entry-content:after,
|
||||
.comment-content:after,
|
||||
.site-header:after,
|
||||
.site-content:after,
|
||||
.site-footer:after {
|
||||
@include clearfix-after;
|
||||
}
|
||||
21
sophisticated-business/sass/navigation/_links.scss
Normal file
21
sophisticated-business/sass/navigation/_links.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
a {
|
||||
|
||||
@include link-transition;
|
||||
color: $color__link;
|
||||
|
||||
&:visited {
|
||||
color: $color__link-visited;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $color__link-hover;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
/** === Footer menu === */
|
||||
|
||||
.footer-navigation {
|
||||
|
||||
display: inline;
|
||||
|
||||
& > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-menu {
|
||||
|
||||
display: inline;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,507 @@
|
|||
/** === Main menu === */
|
||||
|
||||
.main-navigation {
|
||||
|
||||
display: block;
|
||||
margin-top: #{0.25 * $size__spacing-unit};
|
||||
width: 100%;
|
||||
|
||||
body.page & {
|
||||
display: block;
|
||||
}
|
||||
|
||||
> div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Un-style buttons */
|
||||
button {
|
||||
display: inline-block;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: $font__heading;
|
||||
font-weight: 700;
|
||||
line-height: $font__line-height-heading;
|
||||
text-decoration: none;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
transition: background 250ms ease-in-out,
|
||||
transform 150ms ease;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.99);
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
|
||||
color: $color__link;
|
||||
display: inline;
|
||||
position: relative;
|
||||
|
||||
> a {
|
||||
|
||||
font-weight: 600;
|
||||
color: $color__link;
|
||||
margin-right: #{0.5 * $size__spacing-unit};
|
||||
|
||||
+ svg {
|
||||
margin-right: #{0.5 * $size__spacing-unit};
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:hover + svg {
|
||||
color: $color__link-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&.menu-item-has-children {
|
||||
|
||||
display: inline-block;
|
||||
position: inherit;
|
||||
|
||||
@include media(tablet) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
> a {
|
||||
margin-right: #{0.125 * $size__spacing-unit};
|
||||
}
|
||||
|
||||
& > a,
|
||||
.menu-item-has-children > a {
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
|
||||
display: inline-block;
|
||||
margin-right: #{0.25 * $size__spacing-unit};
|
||||
|
||||
/* Priority+ Menu */
|
||||
&.main-menu-more-toggle {
|
||||
|
||||
position: relative;
|
||||
height: 24px;
|
||||
line-height: $font__line-height-heading;
|
||||
width: 24px;
|
||||
padding: 0;
|
||||
margin-left: #{0.5 * $size__spacing-unit};
|
||||
top: 6px;
|
||||
|
||||
svg {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
top: #{-0.125 * $size__spacing-unit};
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-customizer-unloading &,
|
||||
&.is-empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child > a,
|
||||
&:last-child.menu-item-has-children .submenu-expand {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
|
||||
background-color: $color__link;
|
||||
color: $color__background-body;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: -9999px;
|
||||
z-index: 99999;
|
||||
|
||||
@include media(tablet) {
|
||||
width: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
}
|
||||
|
||||
> li {
|
||||
|
||||
display: block;
|
||||
float: none;
|
||||
position: relative;
|
||||
|
||||
&.menu-item-has-children {
|
||||
|
||||
.submenu-expand {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: calc( 24px + #{$size__spacing-unit} );
|
||||
right: 0;
|
||||
top: calc( .125 * #{$size__spacing-unit} );
|
||||
bottom: 0;
|
||||
color: white;
|
||||
line-height: 1;
|
||||
padding: calc( .5 * #{$size__spacing-unit} );
|
||||
|
||||
svg {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.menu-item-has-children > a {
|
||||
|
||||
&:after {
|
||||
content: "\203a";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a,
|
||||
> .menu-item-link-return {
|
||||
|
||||
color: $color__background-body;
|
||||
display: block;
|
||||
line-height: $font__line-height-heading;
|
||||
text-shadow: none;
|
||||
padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $color__link-hover;
|
||||
|
||||
&:after {
|
||||
background: $color__link-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .menu-item-link-return {
|
||||
width: 100%;
|
||||
font-size: $font__size_base;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
> a:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.mobile-parent-nav-menu-item {
|
||||
|
||||
display: none;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: normal;
|
||||
|
||||
svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
margin-right: calc( .25 * #{$size__spacing-unit} );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Sub-menu styles
|
||||
*
|
||||
* :focus-within needs its own selector so other similar
|
||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||
*/
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
|
||||
|
||||
display: block;
|
||||
left: 0;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
height: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
&.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
position: absolute;
|
||||
|
||||
@include media(tablet) {
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: block;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu dashes */
|
||||
.sub-menu {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
.sub-menu > li > a::before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
||||
counter-increment: submenu
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
|
||||
.main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
|
||||
|
||||
display: block;
|
||||
left: 0;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
height: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
&.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
position: absolute;
|
||||
|
||||
@include media(tablet) {
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: table;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu dashes */
|
||||
.sub-menu {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
.sub-menu > li > a::before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
||||
counter-increment: submenu
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Fade-in animation for top-level submenus
|
||||
*/
|
||||
.main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
|
||||
animation: fade_in 0.1s forwards;
|
||||
}
|
||||
|
||||
/**
|
||||
* Off-canvas touch device styles
|
||||
*/
|
||||
.main-menu .menu-item-has-children.off-canvas .sub-menu {
|
||||
|
||||
.submenu-expand .svg-icon {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
li:hover,
|
||||
li:focus,
|
||||
li > a:hover,
|
||||
li > a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
> li > a,
|
||||
> li > .menu-item-link-return {
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
&.expanded-true {
|
||||
|
||||
display: table;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
padding-left: 0;
|
||||
|
||||
/* Mobile position */
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: fixed;
|
||||
z-index: 100000; /* Make sure appears above mobile admin bar */
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
max-width: 100vw;
|
||||
transform: translateX(+100%);
|
||||
animation: slide_in_right 0.3s forwards;
|
||||
|
||||
> .mobile-parent-nav-menu-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Prevent menu from being blocked by admin bar */
|
||||
.admin-bar & {
|
||||
top: 46px;
|
||||
height: calc( 100vh - 46px );
|
||||
|
||||
.sub-menu.expanded-true {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* WP core breakpoint */
|
||||
@media only screen and ( min-width: 782px ) {
|
||||
top: 32px;
|
||||
height: calc( 100vh - 32px );
|
||||
|
||||
.sub-menu.expanded-true {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hide duplicate menu-more-link when re-loading a menu in the customizer
|
||||
.main-menu-more {
|
||||
&:nth-child(n+3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Menu animation */
|
||||
|
||||
@keyframes slide_in_right {
|
||||
100% {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade_in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
/* Social menu */
|
||||
|
||||
.social-navigation {
|
||||
margin-top: calc(#{$size__spacing-unit} / 2 );
|
||||
text-align: left;
|
||||
|
||||
ul.social-links-menu {
|
||||
@include clearfix;
|
||||
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
vertical-align: -webkit-baseline-middle;
|
||||
list-style: none;
|
||||
|
||||
&:nth-child(n+2) {
|
||||
margin-left: 0.1em;
|
||||
}
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid transparent;
|
||||
display: block;
|
||||
color: $color__text-main;
|
||||
margin-bottom: -1px;
|
||||
transition: opacity $link_transition ease-in-out;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $color__text-main;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: $color__text-main;
|
||||
opacity: 1;
|
||||
border-bottom: 1px solid $color__text-main;
|
||||
}
|
||||
|
||||
svg {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
// Prevent icons from jumping in Safari using hardware acceleration.
|
||||
transform: translateZ(0);
|
||||
|
||||
&#ui-icon-link {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-title + .social-navigation,
|
||||
.site-description + .social-navigation {
|
||||
|
||||
@include media(tablet) {
|
||||
margin-top: calc(#{$size__spacing-unit} / 5 );
|
||||
}
|
||||
}
|
||||
16
sophisticated-business/sass/navigation/_navigation.scss
Normal file
16
sophisticated-business/sass/navigation/_navigation.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/*--------------------------------------------------------------
|
||||
## Links
|
||||
--------------------------------------------------------------*/
|
||||
@import "links";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Menus
|
||||
--------------------------------------------------------------*/
|
||||
@import "menu-main-navigation";
|
||||
@import "menu-social-navigation";
|
||||
@import "menu-footer-navigation";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Next / Previous
|
||||
--------------------------------------------------------------*/
|
||||
@import "next-previous";
|
||||
197
sophisticated-business/sass/navigation/_next-previous.scss
Normal file
197
sophisticated-business/sass/navigation/_next-previous.scss
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
/* Next/Previous navigation */
|
||||
|
||||
// Singular navigation
|
||||
.post-navigation {
|
||||
|
||||
margin: calc(3 * 1rem) 0;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * 1rem) auto;
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
margin: calc(3 * 1rem) 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
margin: 0 $size__spacing-unit;
|
||||
max-width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
flex-direction: row;
|
||||
margin: 0 auto;
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
|
||||
a {
|
||||
.meta-nav {
|
||||
color: $color__text-light;
|
||||
user-select: none;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
content: "—";
|
||||
width: 2em;
|
||||
color: $color__text-light;
|
||||
height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.post-title {
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-previous,
|
||||
.nav-next {
|
||||
|
||||
@include media(desktop) {
|
||||
min-width: calc(50% - 2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.nav-previous {
|
||||
order: 2;
|
||||
|
||||
@include media(desktop) {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
+ .nav-next {
|
||||
margin-bottom: $size__spacing-unit;
|
||||
}
|
||||
|
||||
.meta-nav {
|
||||
&:before {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-next {
|
||||
order: 1;
|
||||
|
||||
@include media(desktop) {
|
||||
order: 2;
|
||||
padding-left: $size__spacing-unit;
|
||||
}
|
||||
|
||||
.meta-nav {
|
||||
&:after {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Index/archive navigation
|
||||
.pagination {
|
||||
|
||||
.nav-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
padding: 0 calc(.5 * #{$size__spacing-unit});
|
||||
|
||||
& > * {
|
||||
padding: calc(.5 * #{$size__spacing-unit});
|
||||
|
||||
&.dots,
|
||||
&.prev {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.dots,
|
||||
&.next {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus {
|
||||
text-decoration: underline;
|
||||
outline-offset: -1px;
|
||||
|
||||
&.prev,
|
||||
&.next {
|
||||
text-decoration: none;
|
||||
|
||||
.nav-prev-text,
|
||||
.nav-next-text {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-next-text,
|
||||
.nav-prev-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
padding: 0;
|
||||
|
||||
.prev,
|
||||
.next {
|
||||
|
||||
& > * {
|
||||
display: inline-block;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
}
|
||||
|
||||
& > * {
|
||||
padding: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Comments navigation
|
||||
.comment-navigation {
|
||||
|
||||
.nav-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nav-previous,
|
||||
.nav-next {
|
||||
min-width: 50%;
|
||||
width: 100%;
|
||||
font-family: $font__heading;
|
||||
font-weight: bold;
|
||||
|
||||
.secondary-text {
|
||||
display: none;
|
||||
|
||||
@include media(tablet) {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
margin: 0 -0.35em;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-next {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
27
sophisticated-business/sass/site/_site.scss
Normal file
27
sophisticated-business/sass/site/_site.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
|
||||
/*--------------------------------------------------------------
|
||||
## Header
|
||||
--------------------------------------------------------------*/
|
||||
@import "header/site-header";
|
||||
@import "header/site-featured-image";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Posts and pages
|
||||
--------------------------------------------------------------*/
|
||||
@import "primary/posts-and-pages";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Comments
|
||||
--------------------------------------------------------------*/
|
||||
@import "primary/comments";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Archives
|
||||
--------------------------------------------------------------*/
|
||||
@import "primary/archives";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Footer
|
||||
--------------------------------------------------------------*/
|
||||
@import "footer/site-footer";
|
||||
|
||||
45
sophisticated-business/sass/site/footer/_site-footer.scss
Normal file
45
sophisticated-business/sass/site/footer/_site-footer.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
/* Site footer */
|
||||
|
||||
#colophon {
|
||||
|
||||
.widget-area,
|
||||
.site-info {
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(1.5 * #{$size__spacing-unit}) auto;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-column {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.widget {
|
||||
width: 100%;
|
||||
@include media(desktop) {
|
||||
margin-right: calc(3 * #{$size__spacing-unit});
|
||||
width: calc(50% - (3 * #{$size__spacing-unit}));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-info {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-xs;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $color__link;
|
||||
}
|
||||
}
|
||||
|
||||
.imprint,
|
||||
.privacy-policy-link {
|
||||
margin-right: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,278 @@
|
|||
// Featured image styles
|
||||
|
||||
.site-header.featured-image {
|
||||
|
||||
/* Hide overflow for overflowing featured image */
|
||||
overflow: hidden;
|
||||
|
||||
/* Need relative positioning to properly align layers. */
|
||||
position: relative;
|
||||
|
||||
/* Add text shadow to text, to increase readability. */
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
||||
|
||||
.main-navigation a,
|
||||
.main-navigation .main-menu > li,
|
||||
.main-navigation a + svg,
|
||||
.social-navigation a,
|
||||
.site-title a,
|
||||
.site-featured-image a {
|
||||
color: #fff;
|
||||
transition: opacity $link_transition ease-in-out;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:hover + svg,
|
||||
&:active + svg {
|
||||
color: $color__text-light;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:focus + svg {
|
||||
color: $color__background-body;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu a {
|
||||
opacity: inherit;
|
||||
}
|
||||
|
||||
/* add focus state to social media icons */
|
||||
.social-navigation a {
|
||||
&:focus {
|
||||
color: $color__background-body;
|
||||
opacity: 1;
|
||||
border-bottom: 1px solid $color__background-body;
|
||||
}
|
||||
}
|
||||
|
||||
.social-navigation svg,
|
||||
.site-featured-image svg {
|
||||
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
|
||||
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||
}
|
||||
|
||||
/* Entry header */
|
||||
.site-featured-image {
|
||||
|
||||
/* First layer: grayscale. */
|
||||
.post-thumbnail img {
|
||||
height: auto;
|
||||
left: 50%;
|
||||
max-width: 1000%;
|
||||
min-height: 100%;
|
||||
min-width: 100vw;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
width: auto;
|
||||
z-index: 1;
|
||||
|
||||
@supports ( object-fit: cover ) {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: cover;
|
||||
top: 0;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* When image filters are active, make it grayscale to colorize it blue. */
|
||||
.image-filters-enabled & {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
}
|
||||
|
||||
.entry-header {
|
||||
|
||||
margin-top: calc( 4 * #{$size__spacing-unit});
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
|
||||
@include media (tablet) {
|
||||
|
||||
margin-left: $size__site-margins;
|
||||
margin-right: $size__site-margins;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
|
||||
&:before {
|
||||
background: $color__background-body;
|
||||
}
|
||||
}
|
||||
|
||||
/* Entry meta */
|
||||
|
||||
.entry-meta {
|
||||
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
|
||||
> span {
|
||||
|
||||
margin-right: $size__spacing-unit;
|
||||
display: inline-block;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@include link-transition;
|
||||
color: currentColor;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.discussion-avatar-list {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-discussion {
|
||||
|
||||
@include media (tablet) {
|
||||
|
||||
.entry-meta {
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.entry-meta .comment-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.entry-meta .discussion-avatar-list {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Make sure important elements are above pseudo elements used for effects. */
|
||||
.site-branding {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.site-featured-image .entry-header {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
/* Set up image filter layer positioning */
|
||||
.site-branding-container:after,
|
||||
.site-featured-image:before,
|
||||
.site-featured-image:after,
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
content: "\020";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Background & Effects */
|
||||
/* Shared background settings between pseudo elements. */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
/* The intensity of each blend mode is controlled via layer opacity. */
|
||||
|
||||
/* Second layer: screen. */
|
||||
.image-filters-enabled & .site-featured-image:before {
|
||||
background: $color__link;
|
||||
mix-blend-mode: screen;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
/* Third layer: multiply. */
|
||||
/* When image filters are inactive, a black overlay is added. */
|
||||
.site-featured-image:after {
|
||||
background: #000;
|
||||
mix-blend-mode: multiply;
|
||||
opacity: .7;
|
||||
|
||||
/* When image filters are active, a blue overlay is added. */
|
||||
.image-filters-enabled & {
|
||||
background: $color__link;
|
||||
opacity: .8;
|
||||
z-index: 3;
|
||||
|
||||
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
|
||||
@supports (mix-blend-mode: multiply) {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Fourth layer: overlay. */
|
||||
.image-filters-enabled & .site-branding-container:after {
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
mix-blend-mode: overlay;
|
||||
opacity: 0.5;
|
||||
z-index: 4;
|
||||
|
||||
/* Browsers supporting mix-blend-mode can have a light overlay */
|
||||
@supports (mix-blend-mode: overlay) {
|
||||
background: rgba($color__background-body, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
/* Fifth layer: readability overlay */
|
||||
&:after {
|
||||
background: #000;
|
||||
/**
|
||||
* Add a transition to the readability overlay, to add a subtle
|
||||
* but smooth effect when resizing the screen.
|
||||
*/
|
||||
transition: opacity 1200ms ease-in-out;
|
||||
opacity: 0.7;
|
||||
z-index: 5;
|
||||
|
||||
/* When image filters are active, a blue overlay is added. */
|
||||
.image-filters-enabled & {
|
||||
background: mix($color__link, black, 12%);
|
||||
opacity: 0.38;
|
||||
|
||||
@include media(tablet) {
|
||||
opacity: 0.18;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
::-moz-selection {
|
||||
background: rgba($color__background-body, 0.17);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba($color__background-body, 0.17);
|
||||
}
|
||||
}
|
||||
92
sophisticated-business/sass/site/header/_site-header.scss
Normal file
92
sophisticated-business/sass/site/header/_site-header.scss
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
// Site header
|
||||
|
||||
.site-header {
|
||||
padding: 1rem;
|
||||
|
||||
&.featured-image {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
min-height: 90vh;
|
||||
|
||||
.site-branding-container {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0;
|
||||
|
||||
&.featured-image {
|
||||
min-height: 100vh;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Site branding
|
||||
|
||||
.site-branding {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
color: $color__text-light;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Site logo
|
||||
|
||||
.site-logo {
|
||||
margin-right: $size__spacing-unit / 2;
|
||||
|
||||
.custom-logo-link {
|
||||
box-sizing: content-box;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
|
||||
.custom-logo {
|
||||
max-height: 60px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Site title
|
||||
|
||||
.site-title {
|
||||
color: $color__text-main;
|
||||
font-size: $font__size-md;
|
||||
font-weight: 600;
|
||||
flex: 1 1 auto;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: $color__text-main;
|
||||
|
||||
&:link,
|
||||
&:visited {
|
||||
color: $color__text-main;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color__text-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-image & {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Site description
|
||||
|
||||
.site-description {
|
||||
flex: initial;
|
||||
color: $color__text-main;
|
||||
font-size: $font__size-xs;
|
||||
font-weight: normal;
|
||||
margin: 0.27rem 0 0;
|
||||
}
|
||||
70
sophisticated-business/sass/site/primary/_archives.scss
Normal file
70
sophisticated-business/sass/site/primary/_archives.scss
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
.archive .page-header,
|
||||
.search .page-header,
|
||||
.error404 .page-header {
|
||||
|
||||
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0 $size__site-margins $size__site-margins;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
|
||||
color: $color__text-light;
|
||||
display: inline;
|
||||
letter-spacing: normal;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.search-term,
|
||||
.page-description {
|
||||
display: inherit;
|
||||
clear: both;
|
||||
|
||||
&:after {
|
||||
content: ".";
|
||||
font-weight: bold;
|
||||
color: $color__text-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.archive .page-header .page-description {
|
||||
display: block;
|
||||
color: $color__text-main;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.hfeed .entry .entry-header {
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* 404 & Not found */
|
||||
|
||||
.error-404.not-found,
|
||||
.no-results.not-found {
|
||||
|
||||
.page-content {
|
||||
|
||||
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
||||
}
|
||||
}
|
||||
|
||||
.search-submit {
|
||||
vertical-align: middle;
|
||||
margin: $size__spacing-unit 0;
|
||||
}
|
||||
|
||||
.search-field {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
399
sophisticated-business/sass/site/primary/_comments.scss
Normal file
399
sophisticated-business/sass/site/primary/_comments.scss
Normal file
|
|
@ -0,0 +1,399 @@
|
|||
.comment-content a {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.bypostauthor {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.comments-area {
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) auto;
|
||||
}
|
||||
|
||||
& > * {
|
||||
margin-top: calc(2 * #{$size__spacing-unit});
|
||||
margin-bottom: calc(2 * #{$size__spacing-unit});
|
||||
|
||||
@include media(tablet) {
|
||||
margin-top: calc(3 * #{$size__spacing-unit});
|
||||
margin-bottom: calc(3 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
/* Add extra margin when the comments section is located immediately after the
|
||||
* post itself (this happens on pages).
|
||||
*/
|
||||
.entry + & {
|
||||
margin-top: calc(3 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.comments-title-wrap {
|
||||
|
||||
@include media(tablet) {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.comments-title {
|
||||
margin: 0;
|
||||
|
||||
@include media(tablet) {
|
||||
flex: 1 0 calc(3 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
.discussion-meta {
|
||||
@include media(tablet) {
|
||||
flex: 0 0 calc(2 * (100vw / 12));
|
||||
margin-left: #{$size__spacing-unit};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#comment {
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#respond {
|
||||
position: relative;
|
||||
|
||||
.comment-user-avatar {
|
||||
margin: $size__spacing-unit 0 -#{$size__spacing-unit};
|
||||
}
|
||||
|
||||
.comment .comment-form {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
> small {
|
||||
display: block;
|
||||
font-size: $font__size_base;
|
||||
position: absolute;
|
||||
left: calc(#{$size__spacing-unit} + 100%);
|
||||
top: calc(-3.5 * #{$size__spacing-unit});
|
||||
width: calc(100vw / 12 );
|
||||
}
|
||||
}
|
||||
|
||||
#comments {
|
||||
|
||||
> .comments-title:last-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-form-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.comments-title {
|
||||
display: none;
|
||||
margin: 0;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#respond {
|
||||
order: 2;
|
||||
|
||||
+ .comments-title {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
.children {
|
||||
margin: 0;
|
||||
padding: 0 0 0 $size__spacing-unit;
|
||||
}
|
||||
|
||||
> .comment:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.pingback,
|
||||
.trackback {
|
||||
|
||||
.comment-body {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
font-weight: 500;
|
||||
margin-top: $size__spacing-unit;
|
||||
margin-bottom: $size__spacing-unit;
|
||||
|
||||
a:not(.comment-edit-link) {
|
||||
font-weight: bold;
|
||||
font-size: $font__size-base / (1 * $font__size-ratio);
|
||||
line-height: 1.5;
|
||||
padding-right: #{0.5 * $size__spacing-unit};
|
||||
display: block;
|
||||
}
|
||||
|
||||
.comment-edit-link {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-reply {
|
||||
|
||||
#respond + & {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comment-reply-link {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.comment {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
|
||||
@include media(tablet) {
|
||||
padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
|
||||
|
||||
&.depth-1,
|
||||
.children {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.depth-1 {
|
||||
margin-left: calc(3.25 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.comment-body {
|
||||
margin: calc(2 * #{$size__spacing-unit}) 0 0;
|
||||
}
|
||||
|
||||
|
||||
.comment-meta {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comment-author {
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin-right: $size__spacing-unit;
|
||||
position: relative;
|
||||
|
||||
@include media(tablet) {
|
||||
float: inherit;
|
||||
margin-right: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: calc(100% + #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.fn {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-author-badge {
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
height: 18px;
|
||||
position: absolute;
|
||||
background: lighten( $color__link, 8% );
|
||||
right: calc(100% - #{$size__spacing-unit * 2.5});
|
||||
top: -3px;
|
||||
width: 18px;
|
||||
|
||||
@include media(tablet) {
|
||||
right: calc(100% + #{$size__spacing-unit * .75});
|
||||
}
|
||||
|
||||
svg {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
display: block;
|
||||
fill: white;
|
||||
transform: scale(0.875);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-metadata {
|
||||
|
||||
> a,
|
||||
.comment-edit-link {
|
||||
display: inline;
|
||||
font-weight: 500;
|
||||
color: $color__text-light;
|
||||
vertical-align: baseline;
|
||||
|
||||
time {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
> * {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.edit-link-sep {
|
||||
color: $color__text-light;
|
||||
margin: 0 0.2em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.edit-link {
|
||||
color: $color__text-light;
|
||||
|
||||
svg {
|
||||
transform: scale(0.8);
|
||||
vertical-align: baseline;
|
||||
margin-right: 0.1em;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-edit-link {
|
||||
position: relative;
|
||||
padding-left: $size__spacing-unit;
|
||||
margin-left: -#{$size__spacing-unit};
|
||||
z-index: 1;
|
||||
|
||||
&:hover {
|
||||
color: $color__link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-content {
|
||||
|
||||
margin: $size__spacing-unit 0;
|
||||
|
||||
@include media(desktop) {
|
||||
padding-right: $size__spacing-unit;
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-reply-link,
|
||||
#cancel-comment-reply-link {
|
||||
font-weight: 500;
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.discussion-avatar-list {
|
||||
@include clearfix;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 -8px 0 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.comment-user-avatar {
|
||||
|
||||
img {
|
||||
height: calc(1.5 * #{$size__spacing-unit});
|
||||
width: calc(1.5 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.discussion-meta {
|
||||
|
||||
.discussion-meta-info {
|
||||
margin: 0;
|
||||
|
||||
.svg-icon {
|
||||
vertical-align: middle;
|
||||
fill: currentColor;
|
||||
transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
|
||||
margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.comment-form {
|
||||
|
||||
.comment-notes,
|
||||
label {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
color: $color__text-light;
|
||||
}
|
||||
|
||||
.comment-form-author,
|
||||
.comment-form-email {
|
||||
@include media(tablet) {
|
||||
width: calc(50% - #{$size__spacing-unit / 2});
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-form-email {
|
||||
@include media(tablet) {
|
||||
margin-left: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
|
||||
input[name="author"],
|
||||
input[name="email"],
|
||||
input[name="url"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
298
sophisticated-business/sass/site/primary/_posts-and-pages.scss
Normal file
298
sophisticated-business/sass/site/primary/_posts-and-pages.scss
Normal file
|
|
@ -0,0 +1,298 @@
|
|||
.sticky {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sticky-post {
|
||||
background: $color__background-button;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
padding: .25rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.updated:not(.published) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page-links {
|
||||
clear: both;
|
||||
margin: 0 0 calc(1.5 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.entry {
|
||||
|
||||
margin-top: calc(6 * #{$size__spacing-unit});
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.entry-header {
|
||||
|
||||
margin: calc(3 * #{ $size__spacing-unit}) auto $size__spacing-unit;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: $size__site-desktop-content;
|
||||
margin: calc(3 * #{ $size__spacing-unit}) auto auto;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
color: $color__text-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta,
|
||||
.entry-footer {
|
||||
|
||||
color: $color__text-light;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
|
||||
> span {
|
||||
|
||||
margin-right: $size__spacing-unit;
|
||||
display: inline-block;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@include link-transition;
|
||||
color: currentColor;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $color__link;
|
||||
}
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta {
|
||||
margin: $size__spacing-unit 0;
|
||||
}
|
||||
|
||||
.entry-footer {
|
||||
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: $size__spacing-unit auto calc(3 * #{$size__spacing-unit});
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
|
||||
.post-thumbnail {
|
||||
|
||||
margin: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: $size__spacing-unit $size__site-margins;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.post-thumbnail-inner {
|
||||
display: block;
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image-filters-enabled & {
|
||||
|
||||
.post-thumbnail {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
.post-thumbnail-inner {
|
||||
filter: grayscale(100%);
|
||||
|
||||
&:after {
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
content: "";
|
||||
display: block;
|
||||
height: 100%;
|
||||
opacity: .5;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 4;
|
||||
|
||||
@supports (mix-blend-mode: multiply) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after, {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0; left: 0;
|
||||
content: "\020";
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@include filter-duotone;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content,
|
||||
.entry-summary {
|
||||
max-width: calc(100% - (2 * #{ $size__spacing-unit }));
|
||||
margin: 0 $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
padding: 0 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
|
||||
p {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.more-link {
|
||||
@include link-transition;
|
||||
display: inline;
|
||||
color: inherit;
|
||||
|
||||
&:after {
|
||||
content: "\02192";
|
||||
display: inline-block;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color__link;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
|
||||
&.button,
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.button {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&.button:hover {
|
||||
background: $color__background-button-hover;
|
||||
color: $color__background-body;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Overwrite iframe embeds that have inline styles.
|
||||
> iframe[style] {
|
||||
|
||||
margin: 32px 0 !important;
|
||||
max-width: 100% !important;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: $size__site-tablet-content !important;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: $size__site-desktop-content !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Page links
|
||||
.page-links a {
|
||||
margin: calc(0.5 * #{$size__spacing-unit});
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// Classic editor audio embeds.
|
||||
.wp-audio-shortcode {
|
||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Author description */
|
||||
|
||||
.author-bio {
|
||||
margin: calc(2 * #{$size__spacing-unit}) auto $size__spacing-unit;
|
||||
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) auto;
|
||||
}
|
||||
|
||||
.author-title {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.author-description {
|
||||
|
||||
display: inline;
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-md;
|
||||
line-height: $font__line-height-heading;
|
||||
|
||||
.author-link {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
89
sophisticated-business/sass/site/secondary/_widgets.scss
Normal file
89
sophisticated-business/sass/site/secondary/_widgets.scss
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
.widget {
|
||||
margin: 0 0 #{$size__spacing-unit};
|
||||
|
||||
/* Make sure select elements fit in widgets. */
|
||||
select {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $color__link;
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget_archive,
|
||||
.widget_categories,
|
||||
.widget_meta,
|
||||
.widget_nav_menu,
|
||||
.widget_pages,
|
||||
.widget_recent_comments,
|
||||
.widget_recent_entries,
|
||||
.widget_rss {
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 400;
|
||||
line-height: $font__line-height-heading;
|
||||
margin-top: #{0.5 * $size__spacing-unit};
|
||||
margin-bottom: #{0.5 * $size__spacing-unit};
|
||||
}
|
||||
|
||||
@include nestedSubMenuPadding();
|
||||
}
|
||||
}
|
||||
|
||||
.widget_rss {
|
||||
|
||||
.rssSummary {
|
||||
font-family: $font__body;
|
||||
font-size: $font__size-sm;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_tag_cloud {
|
||||
|
||||
.tagcloud {
|
||||
font-family: $font__heading;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.widget_search {
|
||||
|
||||
.search-field {
|
||||
width: 100%;
|
||||
|
||||
@include media(mobile) {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.search-submit {
|
||||
display: block;
|
||||
margin-top: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_calendar .calendar_wrap {
|
||||
text-align: center;
|
||||
|
||||
table td,
|
||||
table th {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
62
sophisticated-business/sass/typography/_copy.scss
Normal file
62
sophisticated-business/sass/typography/_copy.scss
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
p {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
dfn,
|
||||
cite,
|
||||
em,
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
|
||||
cite {
|
||||
font-size: $font__size-xs;
|
||||
font-style: normal;
|
||||
font-family: $font__heading;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: $font__size-sm;
|
||||
font-family: $font__pre;
|
||||
line-height: $font__line-height-body;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var {
|
||||
font-size: $font__size-sm;
|
||||
font-family: $font__code;
|
||||
}
|
||||
|
||||
abbr, acronym {
|
||||
border-bottom: 1px dotted #666;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
mark,
|
||||
ins {
|
||||
background: $color__background-ins;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
big {
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
148
sophisticated-business/sass/typography/_headings.scss
Normal file
148
sophisticated-business/sass/typography/_headings.scss
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
.author-description .author-link,
|
||||
.comment-metadata,
|
||||
.comment-reply-link,
|
||||
.comments-title,
|
||||
.comment-author .fn,
|
||||
.discussion-meta-info,
|
||||
.entry-meta,
|
||||
.entry-footer,
|
||||
.main-navigation,
|
||||
.no-comments,
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
.post-navigation .post-title,
|
||||
.page-links,
|
||||
.page-description,
|
||||
.pagination .nav-links,
|
||||
.sticky-post,
|
||||
.site-title,
|
||||
.site-info,
|
||||
#cancel-comment-reply-link,
|
||||
img:after,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
.page-description,
|
||||
.author-description .author-link,
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
.post-navigation .post-title,
|
||||
.pagination .nav-links,
|
||||
.comments-title,
|
||||
.comment-author .fn,
|
||||
.no-comments,
|
||||
.site-title,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
line-height: $font__line-height-heading;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
.site-branding,
|
||||
.main-navigation ul.main-menu > li,
|
||||
.social-navigation,
|
||||
.author-description .author-bio,
|
||||
.nav-links {
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.entry-title,
|
||||
h1 {
|
||||
font-size: $font__size-lg;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xl;
|
||||
}
|
||||
}
|
||||
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
.has-larger-font-size,
|
||||
h2 {
|
||||
font-size: $font__size-md;
|
||||
}
|
||||
|
||||
.has-regular-font-size,
|
||||
.has-large-font-size,
|
||||
.comments-title,
|
||||
h3 {
|
||||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.site-description,
|
||||
.nav-links,
|
||||
.page-title,
|
||||
.page-description,
|
||||
.comment-author .fn,
|
||||
.no-comments,
|
||||
p.author-bio,
|
||||
h4 {
|
||||
font-size: $font__size-sm;
|
||||
}
|
||||
|
||||
.main-navigation,
|
||||
.pagination .nav-links,
|
||||
.comment-content,
|
||||
h5 {
|
||||
font-size: $font__size-xs;
|
||||
}
|
||||
|
||||
.entry-meta,
|
||||
.entry-footer,
|
||||
.discussion-meta-info,
|
||||
.site-info,
|
||||
.has-small-font-size,
|
||||
.comment-reply-link,
|
||||
.comment-metadata,
|
||||
.comment-notes,
|
||||
.sticky-post,
|
||||
#cancel-comment-reply-link,
|
||||
img:after,
|
||||
h6 {
|
||||
font-size: $font__size-xxs;
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.page-title {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.page-description,
|
||||
.page-links a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.post-navigation .post-title,
|
||||
.entry-title,
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
.comments-title,
|
||||
blockquote {
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* Do not hyphenate entry title on tablet view and bigger. */
|
||||
.entry-title {
|
||||
@include media(tablet) {
|
||||
hyphens: none;
|
||||
}
|
||||
}
|
||||
33
sophisticated-business/sass/typography/_typography.scss
Normal file
33
sophisticated-business/sass/typography/_typography.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
|
||||
html {
|
||||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: $color__text-main;
|
||||
font-family: $font__body;
|
||||
font-weight: 400;
|
||||
font-size: 1em;
|
||||
line-height: $font__line-height-body;
|
||||
margin: 0;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
font-family: $font__body;
|
||||
font-weight: 400;
|
||||
line-height: $font__line-height-body;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
@import "headings";
|
||||
|
||||
@import "copy";
|
||||
|
||||
@include non-latin-fonts();
|
||||
34
sophisticated-business/sass/variables-site/_colors.scss
Normal file
34
sophisticated-business/sass/variables-site/_colors.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
|
||||
// Backgrounds
|
||||
$color__background-body: #080808;
|
||||
$color__background-input: #fff;
|
||||
$color__background-screen: #1c1c1c;
|
||||
$color__background-hr: darken( #fff, 65% );
|
||||
$color__background-button: #caab57;
|
||||
$color__background-button-hover: darken(#caab57, 10%);
|
||||
$color__background-pre: #eee;
|
||||
$color__background-ins: #444;
|
||||
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );
|
||||
|
||||
// Text
|
||||
$color__text-main: #fff;
|
||||
$color__text-light: darken( #fff, 20% );
|
||||
$color__text-hover: darken( #fff, 22.5% );
|
||||
$color__text-screen: #21759b;
|
||||
$color__text-input: #666;
|
||||
$color__text-input-focus: #111;
|
||||
|
||||
// Links
|
||||
$color__link: #caab57;
|
||||
$color__link-visited: #caab57;
|
||||
$color__link-hover: darken( $color__link, 10% );
|
||||
|
||||
// Borders
|
||||
$color__border: darken( #fff, 80% );
|
||||
$color__border-link: #caab57;
|
||||
$color__border-link-hover: darken( $color__link, 10% );
|
||||
$color__border-button: #ccc #ccc #bbb;
|
||||
$color__border-button-hover: #ccc #bbb #aaa;
|
||||
$color__border-button-focus: #aaa #bbb #bbb;
|
||||
$color__border-input: $color__border;
|
||||
$color__border-abbr: #666;
|
||||
16
sophisticated-business/sass/variables-site/_columns.scss
Normal file
16
sophisticated-business/sass/variables-site/_columns.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
$columns: (
|
||||
1: calc(1 * (100vw / 12)),
|
||||
2: calc(2 * (100vw / 12)),
|
||||
3: calc(3 * (100vw / 12)),
|
||||
4: calc(4 * (100vw / 12)),
|
||||
5: calc(5 * (100vw / 12)),
|
||||
6: calc(6 * (100vw / 12)),
|
||||
7: calc(7 * (100vw / 12)),
|
||||
8: calc(8 * (100vw / 12)),
|
||||
9: calc(9 * (100vw / 12)),
|
||||
10: calc(10 * (100vw / 12)),
|
||||
11: calc(11 * (100vw / 12)),
|
||||
12: calc(12 * (100vw / 12))
|
||||
);
|
||||
|
||||
$columns__margin: $size__spacing-unit;
|
||||
24
sophisticated-business/sass/variables-site/_fonts.scss
Normal file
24
sophisticated-business/sass/variables-site/_fonts.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
// Font and typographic variables
|
||||
|
||||
$font__body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
$font__heading: $font__body;
|
||||
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
||||
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
||||
|
||||
$font__size_base: 22px;
|
||||
$font__size-ratio: 1.125;
|
||||
|
||||
$font__size-xxs: 1em / (1.5 * $font__size-ratio);
|
||||
$font__size-xs: 1em / (1.25 * $font__size-ratio);
|
||||
$font__size-sm: 1em / (1 * $font__size-ratio);
|
||||
$font__size-md: 1em * (1 * $font__size-ratio);
|
||||
$font__size-lg: 1em * (1.5 * $font__size-ratio);
|
||||
$font__size-xl: 1em * (2 * $font__size-ratio);
|
||||
$font__size-xxl: 1em * (2.5 * $font__size-ratio);
|
||||
$font__size-xxxl: 1em * (3 * $font__size-ratio);
|
||||
$font__size-xxxxl: 1em * (4 * $font__size-ratio);
|
||||
|
||||
$font__line-height-body: 1.8;
|
||||
$font__line-height-pre: 1.6;
|
||||
$font__line-height-heading: 1.2;
|
||||
$font__line-height-double: 2 * $font__line-height-heading;
|
||||
16
sophisticated-business/sass/variables-site/_structure.scss
Normal file
16
sophisticated-business/sass/variables-site/_structure.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
// Responsive widths.
|
||||
|
||||
$size__spacing-unit: 1rem;
|
||||
$size__site-main: 100%;
|
||||
$size__site-sidebar: 25%;
|
||||
$size__site-margins: calc(10% + 60px);
|
||||
$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
|
||||
$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
|
||||
|
||||
// Responsive widths.
|
||||
|
||||
$mobile_width: 600px;
|
||||
$tablet_width: 768px;
|
||||
$desktop_width: 1168px;
|
||||
$wide_width: 1379px;
|
||||
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
// Transition timeouts.
|
||||
|
||||
$link_transition: 110ms;
|
||||
$icon_transition: 120ms;
|
||||
$button_transition: 150ms;
|
||||
$background_transition: 200ms;
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
@import "colors";
|
||||
@import "fonts";
|
||||
@import "structure";
|
||||
@import "columns";
|
||||
@import "transitions";
|
||||
BIN
sophisticated-business/screenshot.png
Normal file
BIN
sophisticated-business/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 KiB |
114
sophisticated-business/style-editor-customizer.css
Normal file
114
sophisticated-business/style-editor-customizer.css
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
/*!
|
||||
Sophisticated Business Customizer Styles & Non-latin Font Fallbacks
|
||||
|
||||
NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
|
||||
*/
|
||||
/** === Includes === */
|
||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
/* Fallback for non-latin fonts */
|
||||
/* Calculates maximum width for post content */
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
/** === Non-Latin font fallbacks === */
|
||||
/* Arabic */
|
||||
html[lang="ar"] .wp-block *,
|
||||
html[lang="ary"] .wp-block *,
|
||||
html[lang="azb"] .wp-block *,
|
||||
html[lang="ckb"] .wp-block *,
|
||||
html[lang="fa-IR"] .wp-block *,
|
||||
html[lang="haz"] .wp-block *,
|
||||
html[lang="ps"] .wp-block * {
|
||||
font-family: Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Cyrillic */
|
||||
html[lang="be"] .wp-block *,
|
||||
html[lang="bg-BG"] .wp-block *,
|
||||
html[lang="kk"] .wp-block *,
|
||||
html[lang="mk-MK"] .wp-block *,
|
||||
html[lang="mn"] .wp-block *,
|
||||
html[lang="ru-RU"] .wp-block *,
|
||||
html[lang="sah"] .wp-block *,
|
||||
html[lang="sr-RS"] .wp-block *,
|
||||
html[lang="tt-RU"] .wp-block *,
|
||||
html[lang="uk"] .wp-block * {
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Hong Kong) */
|
||||
html[lang="zh-HK"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Taiwan) */
|
||||
html[lang="zh-TW"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (China) */
|
||||
html[lang="zh-CN"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Devanagari */
|
||||
html[lang="bn-BD"] .wp-block *,
|
||||
html[lang="hi-IN"] .wp-block *,
|
||||
html[lang="mr"] .wp-block *,
|
||||
html[lang="ne-NP"] .wp-block * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Greek */
|
||||
html[lang="el"] .wp-block * {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Gujarati */
|
||||
html[lang="gu"] .wp-block * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Hebrew */
|
||||
html[lang="he-IL"] .wp-block * {
|
||||
font-family: 'Arial Hebrew', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Japanese */
|
||||
html[lang="ja"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
|
||||
}
|
||||
|
||||
/* Korean */
|
||||
html[lang="ko-KR"] .wp-block * {
|
||||
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Thai */
|
||||
html[lang="th"] .wp-block * {
|
||||
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Vietnamese */
|
||||
html[lang="vi"] .wp-block * {
|
||||
font-family: 'Libre Franklin', sans-serif !important;
|
||||
}
|
||||
|
||||
/** === Temporary fix for https://github.com/WordPress/gutenberg/issues/12908 */
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle,
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
|
||||
background: transparent;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover {
|
||||
background: #fff;
|
||||
color: #191e23;
|
||||
box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2);
|
||||
}
|
||||
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control[aria-disabled=true] {
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
33
sophisticated-business/style-editor-customizer.scss
Normal file
33
sophisticated-business/style-editor-customizer.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/*!
|
||||
Sophisticated Business Customizer Styles & Non-latin Font Fallbacks
|
||||
|
||||
NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
|
||||
*/
|
||||
|
||||
/** === Includes === */
|
||||
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/** === Non-Latin font fallbacks === */
|
||||
|
||||
@include non-latin-fonts( '.wp-block' );
|
||||
|
||||
/** === Temporary fix for https://github.com/WordPress/gutenberg/issues/12908 */
|
||||
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle,
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
|
||||
background: transparent;
|
||||
color: rgba(255,255,255,.65);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover {
|
||||
background: #fff;
|
||||
color: #191e23;
|
||||
box-shadow: inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2);
|
||||
}
|
||||
|
||||
.is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control[aria-disabled=true] {
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
802
sophisticated-business/style-editor.css
Normal file
802
sophisticated-business/style-editor.css
Normal file
|
|
@ -0,0 +1,802 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
Sophisticated Business Editor Styles
|
||||
*/
|
||||
/** === Includes === */
|
||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
/* Fallback for non-latin fonts */
|
||||
/* Calculates maximum width for post content */
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
/** === Editor Frame === */
|
||||
body {
|
||||
background-color: #080808;
|
||||
}
|
||||
|
||||
body .wp-block[data-align="full"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
body .wp-block[data-align="full"] {
|
||||
width: calc( 100% + 90px);
|
||||
max-width: calc( 100% + 90px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
body .editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
body .wp-block[data-align="wide"] {
|
||||
width: 100%;
|
||||
}
|
||||
body .wp-block[data-align="full"] {
|
||||
position: relative;
|
||||
left: calc( -12.5% - 14px);
|
||||
width: calc( 125% + 116px);
|
||||
max-width: calc( 125% + 115px);
|
||||
}
|
||||
body .wp-block[data-align="right"] {
|
||||
max-width: 125%;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Content Width === */
|
||||
.wp-block {
|
||||
width: calc(100vw - (2 * 1rem));
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block {
|
||||
width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
.wp-block {
|
||||
width: calc(6 * (100vw / 12 ));
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block .wp-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/** === Base Typography === */
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #fff;
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
line-height: 1.8;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-block .wp-block h1,
|
||||
.wp-block .wp-block h2,
|
||||
.wp-block .wp-block h3,
|
||||
.wp-block .wp-block h4,
|
||||
.wp-block .wp-block h5,
|
||||
.wp-block .wp-block h6 {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
h1 {
|
||||
font-size: 2.8125em;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
h2 {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.88889em;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.71111em;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: color 110ms ease-in-out;
|
||||
color: #caab57;
|
||||
}
|
||||
|
||||
a *:visited {
|
||||
color: #caab57;
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
color: #b59439;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.has-primary-background-color,
|
||||
.has-secondary-background-color,
|
||||
.has-dark-gray-background-color,
|
||||
.has-light-gray-background-color {
|
||||
color: #080808;
|
||||
}
|
||||
|
||||
.has-primary-background-color p,
|
||||
.has-primary-background-color h1,
|
||||
.has-primary-background-color h2,
|
||||
.has-primary-background-color h3,
|
||||
.has-primary-background-color h4,
|
||||
.has-primary-background-color h5,
|
||||
.has-primary-background-color h6,
|
||||
.has-primary-background-color a,
|
||||
.has-secondary-background-color p,
|
||||
.has-secondary-background-color h1,
|
||||
.has-secondary-background-color h2,
|
||||
.has-secondary-background-color h3,
|
||||
.has-secondary-background-color h4,
|
||||
.has-secondary-background-color h5,
|
||||
.has-secondary-background-color h6,
|
||||
.has-secondary-background-color a,
|
||||
.has-dark-gray-background-color p,
|
||||
.has-dark-gray-background-color h1,
|
||||
.has-dark-gray-background-color h2,
|
||||
.has-dark-gray-background-color h3,
|
||||
.has-dark-gray-background-color h4,
|
||||
.has-dark-gray-background-color h5,
|
||||
.has-dark-gray-background-color h6,
|
||||
.has-dark-gray-background-color a,
|
||||
.has-light-gray-background-color p,
|
||||
.has-light-gray-background-color h1,
|
||||
.has-light-gray-background-color h2,
|
||||
.has-light-gray-background-color h3,
|
||||
.has-light-gray-background-color h4,
|
||||
.has-light-gray-background-color h5,
|
||||
.has-light-gray-background-color h6,
|
||||
.has-light-gray-background-color a {
|
||||
color: #080808;
|
||||
}
|
||||
|
||||
.has-white-background-color {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.has-white-background-color p,
|
||||
.has-white-background-color h1,
|
||||
.has-white-background-color h2,
|
||||
.has-white-background-color h3,
|
||||
.has-white-background-color h4,
|
||||
.has-white-background-color h5,
|
||||
.has-white-background-color h6,
|
||||
.has-white-background-color a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
figcaption,
|
||||
.gallery-caption {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.71111em;
|
||||
line-height: 1.6;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
/** === Post Title === */
|
||||
.editor-post-title__block {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.editor-post-title__block .editor-post-title__input {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 1.6875em;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.editor-post-title__block .editor-post-title__input {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
.editor-default-block-appender .editor-default-block-appender__content {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
/** === Heading === */
|
||||
.wp-block-heading strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/** === Paragraph === */
|
||||
.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 3.375em;
|
||||
line-height: 1;
|
||||
font-weight: bold;
|
||||
margin: 0 0.25em 0 0;
|
||||
}
|
||||
|
||||
/** === Table === */
|
||||
.wp-block-table {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
/** === Cover === */
|
||||
.wp-block-cover {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
.wp-block-cover h2,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.wp-block-cover h2 strong,
|
||||
.wp-block-cover .wp-block-cover-text strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-cover h2,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-size: 2.8125em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-cover {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: calc(1.375 * 1rem);
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover p,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover p {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
|
||||
padding: calc(2.75 * 1rem) calc(2.75 * 1rem) calc(3.125 * 1rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
|
||||
font-size: 4.5em;
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
|
||||
padding-left: calc(10% + 64px);
|
||||
padding-right: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
|
||||
/** === Gallery === */
|
||||
.wp-block-gallery .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery .blocks-gallery-item figcaption,
|
||||
.wp-block-gallery .gallery-item .gallery-caption {
|
||||
font-size: 0.71111em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/** === Button === */
|
||||
.wp-block-button .wp-block-button__link {
|
||||
color: #080808;
|
||||
line-height: 1.8;
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.88889em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
|
||||
background: #caab57;
|
||||
}
|
||||
|
||||
.wp-block-button:not(.is-style-squared) .wp-block-button__link {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
|
||||
background: transparent;
|
||||
color: #caab57;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
|
||||
color: #caab57;
|
||||
}
|
||||
|
||||
/** === Blockquote === */
|
||||
.wp-block-quote:not(.is-large):not(.is-style-large) {
|
||||
border-left: 2px solid #caab57;
|
||||
}
|
||||
|
||||
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
|
||||
margin-top: 2.8125em;
|
||||
margin-bottom: 2.8125em;
|
||||
}
|
||||
|
||||
.wp-block-quote.is-large p,
|
||||
.wp-block-quote.is-style-large p {
|
||||
font-size: 1.6875em;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer,
|
||||
.wp-block-quote .wp-block-quote__citation {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.71111em;
|
||||
line-height: 1.6;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
/** === Pullquote === */
|
||||
.wp-block-pullquote {
|
||||
border-color: transparent;
|
||||
border-width: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
margin-top: calc(3 * 1rem);
|
||||
margin-bottom: calc(3.33 * 1rem);
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
width: calc(100% - (2 * 1rem));
|
||||
max-width: calc( 100% - (2 * 1rem));
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote a,
|
||||
.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
|
||||
.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
|
||||
color: #080808;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
|
||||
background-color: #caab57;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] p {
|
||||
font-size: 1.6875em;
|
||||
font-style: italic;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] p {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.71111em;
|
||||
line-height: 1.6;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"] em,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] em,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] p,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
|
||||
max-width: calc(80% - 128px);
|
||||
}
|
||||
}
|
||||
|
||||
/** === File === */
|
||||
.wp-block-file {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.wp-block-file .wp-block-file__textlink {
|
||||
text-decoration: underline;
|
||||
color: #caab57;
|
||||
}
|
||||
|
||||
.wp-block-file .wp-block-file__textlink:hover {
|
||||
color: #b59439;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wp-block-file .wp-block-file__button {
|
||||
color: #080808;
|
||||
display: table;
|
||||
line-height: 1.8;
|
||||
font-size: 0.88889em;
|
||||
font-weight: 600;
|
||||
background-color: #caab57;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper {
|
||||
display: block;
|
||||
margin-top: calc(0.75 * 1rem);
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/** === Verse === */
|
||||
.wp-block-verse,
|
||||
.wp-block-verse pre {
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/** === Code === */
|
||||
.wp-block-code .editor-plain-text {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/** === Preformatted === */
|
||||
.wp-block-preformatted pre {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/** === Media & Text === */
|
||||
[data-type="core/media-text"] .wp-block-media-text {
|
||||
background: #1c1c1c;
|
||||
}
|
||||
|
||||
[data-type="core/media-text"] .wp-block-media-text a,
|
||||
[data-type="core/media-text"] .wp-block-media-text a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
[data-type="core/media-text"] .wp-block-media-text {
|
||||
grid-template-columns: 60% auto !important;
|
||||
/* !important to override inline styles */
|
||||
}
|
||||
[data-type="core/media-text"] .wp-block-media-text.has-media-on-the-right {
|
||||
grid-template-columns: auto 60% !important;
|
||||
/* !important to override inline styles */
|
||||
}
|
||||
}
|
||||
|
||||
[data-type="core/media-text"] + [data-type="core/media-text"] {
|
||||
margin-top: -32px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
[data-type="core/media-text"] .editor-block-list__layout {
|
||||
border-left: 2px solid rgba(255, 255, 255, 0.15);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Table === */
|
||||
.wp-block-table td, .wp-block-table th {
|
||||
border-color: #cccccc;
|
||||
}
|
||||
|
||||
/** === Separator === */
|
||||
.wp-block-separator:not(.is-style-dots) {
|
||||
border-bottom: 2px solid #595959;
|
||||
}
|
||||
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: 5em;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.wp-block-separator.is-style-dots:before {
|
||||
color: #595959;
|
||||
font-size: 1.6875em;
|
||||
letter-spacing: calc(2 * 1rem);
|
||||
padding-left: calc(2 * 1rem);
|
||||
}
|
||||
|
||||
/* Remove duplicate rule-line when a separator
|
||||
* is followed by an H1, or H2 */
|
||||
.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,
|
||||
.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h2:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/** === Latest Posts, Archives, Categories === */
|
||||
ul.wp-block-archives,
|
||||
.wp-block-categories,
|
||||
.wp-block-latest-posts {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.wp-block-archives ul,
|
||||
.wp-block-categories ul,
|
||||
.wp-block-latest-posts ul {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li,
|
||||
.wp-block-categories li,
|
||||
.wp-block-latest-posts li {
|
||||
color: #cccccc;
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: calc(22px * 1.125);
|
||||
line-height: 1.2;
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
|
||||
.wp-block-categories li.menu-item-has-children,
|
||||
.wp-block-categories li:last-child,
|
||||
.wp-block-latest-posts li.menu-item-has-children,
|
||||
.wp-block-latest-posts li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li a,
|
||||
.wp-block-categories li a,
|
||||
.wp-block-latest-posts li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li ul,
|
||||
.wp-block-categories li ul,
|
||||
.wp-block-latest-posts li ul {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.wp-block-categories ul {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul > li > a::before {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
content: "– " counters(submenu, "– ", none);
|
||||
counter-increment: submenu;
|
||||
}
|
||||
|
||||
.wp-block-categories li ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: -0.75rem;
|
||||
}
|
||||
|
||||
/** === Latest Posts grid view === */
|
||||
.wp-block-latest-posts.is-grid li {
|
||||
border-top: 2px solid #333333;
|
||||
padding-top: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts.is-grid li a:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.wp-block-latest-posts.is-grid li:last-child {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts.is-grid li:last-child a:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
/** === Latest Comments === */
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment,
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-date,
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
|
||||
color: #cccccc;
|
||||
font-size: 0.71111em;
|
||||
}
|
||||
|
||||
/** === Classic Editor === */
|
||||
/* Properly center-align captions in the classic-editor block */
|
||||
.wp-caption dd {
|
||||
color: #cccccc;
|
||||
font-size: 0.71111em;
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0.5rem;
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
-webkit-margin-start: 0px;
|
||||
margin-inline-start: 0px;
|
||||
}
|
||||
|
||||
.wp-block-freeform {
|
||||
/* Add style for galleries in classic-editor block */
|
||||
}
|
||||
|
||||
.wp-block-freeform blockquote {
|
||||
border-left: 2px solid #caab57;
|
||||
}
|
||||
|
||||
.wp-block-freeform blockquote cite {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.71111em;
|
||||
font-style: normal;
|
||||
line-height: 1.6;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
|
||||
.wp-block[data-type="core/freeform"] .mce-btn i {
|
||||
font-family: dashicons !important;
|
||||
}
|
||||
|
||||
/* Contact Form - temporary work-around */
|
||||
.jetpack-field-label__input,
|
||||
.jetpack-field-label__input:focus {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: #fff !important;
|
||||
}
|
||||
811
sophisticated-business/style-editor.scss
Normal file
811
sophisticated-business/style-editor.scss
Normal file
|
|
@ -0,0 +1,811 @@
|
|||
/*!
|
||||
Sophisticated Business Editor Styles
|
||||
*/
|
||||
|
||||
/** === Includes === */
|
||||
|
||||
@import "sass/variables-site/variables-site";
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/** === Editor Frame === */
|
||||
|
||||
body {
|
||||
background-color: $color__background-body;
|
||||
|
||||
.wp-block[data-align="full"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@include media(mobile) {
|
||||
|
||||
.wp-block[data-align="full"] {
|
||||
width: calc( 100% + 90px );
|
||||
max-width: calc( 100% + 90px );
|
||||
}
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
||||
.wp-block[data-align="wide"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block[data-align="full"] {
|
||||
position: relative;
|
||||
left: calc( -12.5% - 14px );
|
||||
width: calc( 125% + 116px );
|
||||
max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
|
||||
}
|
||||
|
||||
.wp-block[data-align="right"] {
|
||||
max-width: 125%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Content Width === */
|
||||
|
||||
.wp-block {
|
||||
width: calc(100vw - (2 * #{$size__spacing-unit}));
|
||||
max-width: 100%;
|
||||
|
||||
@include media(tablet) {
|
||||
width: calc(8 * (100vw / 12));
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
width: calc(6 * (100vw / 12 ));
|
||||
}
|
||||
|
||||
// Only the top level blocks need specific widths, therefore override for every nested block.
|
||||
.wp-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Base Typography === */
|
||||
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: $color__text-main;
|
||||
font-family: $font__body;
|
||||
font-weight: 400;
|
||||
font-size: $font__size_base;
|
||||
line-height: $font__line-height-body;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $font__heading;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-block .wp-block {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-align: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $font__size-xl;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xxl;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: $font__size-md;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-md;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: $font__size-md;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: $font__size-md;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: $font__size-sm;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: $font__size-xs;
|
||||
}
|
||||
|
||||
a {
|
||||
@include link-transition;
|
||||
color: $color__link;
|
||||
|
||||
*:visited {
|
||||
color: $color__link;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $color__link-hover;
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Use white text against these backgrounds by default.
|
||||
.has-primary-background-color,
|
||||
.has-secondary-background-color,
|
||||
.has-dark-gray-background-color,
|
||||
.has-light-gray-background-color {
|
||||
color: $color__background-body;
|
||||
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
a {
|
||||
color: $color__background-body;
|
||||
}
|
||||
}
|
||||
|
||||
// Use dark gray text against this background by default.
|
||||
.has-white-background-color {
|
||||
color: $color__text-main;
|
||||
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
a {
|
||||
color: $color__text-main;
|
||||
}
|
||||
}
|
||||
|
||||
figcaption,
|
||||
.gallery-caption {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
line-height: 1.6;
|
||||
color: $color__text-light;
|
||||
}
|
||||
|
||||
/** === Post Title === */
|
||||
|
||||
.editor-post-title__block {
|
||||
|
||||
font-size: $font__size_base;
|
||||
|
||||
.editor-post-title__input {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-lg;
|
||||
font-weight: 600;
|
||||
color: $color__text-main;
|
||||
text-align: center;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
|
||||
.editor-default-block-appender .editor-default-block-appender__content {
|
||||
font-family: $font__body;
|
||||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
/** === Heading === */
|
||||
|
||||
.wp-block-heading {
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
/** === Paragraph === */
|
||||
|
||||
.wp-block-paragraph {
|
||||
|
||||
&.has-drop-cap:not(:focus)::first-letter {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xxxl;
|
||||
line-height: 1;
|
||||
font-weight: bold;
|
||||
margin: 0 0.25em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Table === */
|
||||
|
||||
.wp-block-table {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
/** === Cover === */
|
||||
|
||||
.wp-block-cover {
|
||||
min-height: 80vh;
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
font-family: $font__heading;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
padding-left: $size__spacing-unit;
|
||||
padding-right: $size__spacing-unit;
|
||||
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xxl;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"],
|
||||
.wp-block[data-type="core/cover"][data-align="right"] {
|
||||
|
||||
.editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
}
|
||||
|
||||
.wp-block-cover {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: calc(1.375 * #{$size__spacing-unit});
|
||||
|
||||
p {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
padding: calc(2.75 * #{$size__spacing-unit}) calc(2.75 * #{$size__spacing-unit}) calc(3.125 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="wide"],
|
||||
.wp-block[data-type="core/cover"][data-align="full"] {
|
||||
@include media(tablet) {
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
font-size: $font__size-xxxxl;
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] {
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="full"] {
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.wp-block-cover {
|
||||
padding-left: calc(10% + 64px);
|
||||
padding-right: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Gallery === */
|
||||
|
||||
.wp-block-gallery {
|
||||
|
||||
.blocks-gallery-image figcaption,
|
||||
.blocks-gallery-item figcaption,
|
||||
.gallery-item .gallery-caption {
|
||||
font-size: $font__size-xs;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Button === */
|
||||
|
||||
.wp-block-button {
|
||||
|
||||
.wp-block-button__link {
|
||||
color: $color__background-body;
|
||||
line-height: 1.8;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&:not(.is-style-outline) .wp-block-button__link {
|
||||
background: $color__background-button;
|
||||
}
|
||||
|
||||
&:not(.is-style-squared) .wp-block-button__link {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
&.is-style-outline,
|
||||
&.is-style-outline:hover,
|
||||
&.is-style-outline:focus,
|
||||
&.is-style-outline:active {
|
||||
background: transparent;
|
||||
color: $color__background-button;
|
||||
|
||||
.wp-block-button__link {
|
||||
background: transparent;
|
||||
|
||||
&:not(.has-text-color) {
|
||||
color: $color__background-button;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Blockquote === */
|
||||
|
||||
.wp-block-quote {
|
||||
|
||||
&:not(.is-large):not(.is-style-large) {
|
||||
border-left: 2px solid $color__link;
|
||||
}
|
||||
|
||||
&.is-large,
|
||||
&.is-style-large {
|
||||
margin-top: $font__size-xxl;
|
||||
margin-bottom: $font__size-xxl;
|
||||
}
|
||||
|
||||
&.is-large p,
|
||||
&.is-style-large p {
|
||||
font-size: $font__size-lg;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
cite,
|
||||
footer,
|
||||
.wp-block-quote__citation {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
line-height: 1.6;
|
||||
color: $color__text-light;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Pullquote === */
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-color: transparent;
|
||||
border-width: 2px;
|
||||
color: $color__text-main;
|
||||
|
||||
blockquote {
|
||||
margin-top: calc(3 * #{ $size__spacing-unit});
|
||||
margin-bottom: calc(3.33 * #{ $size__spacing-unit});
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
&:not(.is-style-solid-color) .wp-block-pullquote__citation {
|
||||
color: $color__text-light;
|
||||
}
|
||||
|
||||
&.is-style-solid-color {
|
||||
|
||||
blockquote {
|
||||
width: calc(100% - (2 * #{ $size__spacing-unit}));
|
||||
max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
|
||||
|
||||
a,
|
||||
&.has-text-color p,
|
||||
&.has-text-color a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
&:not(.has-text-color) {
|
||||
color: $color__background-body;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.has-background-color) {
|
||||
background-color: $color__link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"],
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"],
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] {
|
||||
|
||||
blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
blockquote > .editor-rich-text p,
|
||||
p {
|
||||
font-size: $font__size-lg;
|
||||
font-style: italic;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xl;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-pullquote__citation {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
line-height: 1.6;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"],
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] {
|
||||
|
||||
.editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
max-width: 50%;
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
blockquote > .editor-rich-text p,
|
||||
p,
|
||||
.wp-block-pullquote__citation {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="full"] {
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
max-width: calc(80% - 128px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** === File === */
|
||||
|
||||
.wp-block-file {
|
||||
font-family: $font__heading;
|
||||
|
||||
.wp-block-file__textlink {
|
||||
text-decoration: underline;
|
||||
color: $color__link;
|
||||
|
||||
&:hover {
|
||||
color: $color__link-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-file__button {
|
||||
color: $color__background-body;
|
||||
display: table;
|
||||
line-height: 1.8;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 600;
|
||||
background-color: $color__link;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wp-block-file__button-richtext-wrapper {
|
||||
display: block;
|
||||
margin-top: calc(0.75 * #{$size__spacing-unit});
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** === Verse === */
|
||||
|
||||
.wp-block-verse,
|
||||
.wp-block-verse pre {
|
||||
color: $color__text-main;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/** === Code === */
|
||||
|
||||
.wp-block-code {
|
||||
.editor-plain-text {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
color: $color__text-main;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Preformatted === */
|
||||
|
||||
.wp-block-preformatted {
|
||||
pre {
|
||||
color: $color__text-main;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** === Media & Text === */
|
||||
|
||||
// Remove spacing between consecutive Media & Text blocks.
|
||||
[data-type="core/media-text"] {
|
||||
|
||||
.wp-block-media-text {
|
||||
background: $color__background-screen;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
// Modify the default 50-50 proportion between image and text.
|
||||
grid-template-columns: 60% auto !important; /* !important to override inline styles */
|
||||
|
||||
&.has-media-on-the-right {
|
||||
grid-template-columns: auto 60% !important; /* !important to override inline styles */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& + [data-type="core/media-text"] {
|
||||
margin-top: -32px;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
.editor-block-list__layout {
|
||||
border-left: 2px solid rgba(255,255,255,0.15);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Table === */
|
||||
|
||||
.wp-block-table {
|
||||
|
||||
td, th {
|
||||
border-color: $color__text-light;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Separator === */
|
||||
|
||||
.wp-block-separator {
|
||||
|
||||
&:not(.is-style-dots) {
|
||||
border-bottom: 2px solid $color__background-hr;
|
||||
}
|
||||
|
||||
&:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: 5em;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
&.is-style-dots:before {
|
||||
color: $color__background-hr;
|
||||
font-size: $font__size-lg;
|
||||
letter-spacing: calc(2 * #{$size__spacing-unit});
|
||||
padding-left: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
/* Remove duplicate rule-line when a separator
|
||||
* is followed by an H1, or H2 */
|
||||
.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,
|
||||
.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h2:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/** === Latest Posts, Archives, Categories === */
|
||||
|
||||
ul.wp-block-archives,
|
||||
.wp-block-categories,
|
||||
.wp-block-latest-posts {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
||||
line-height: $font__line-height-heading;
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
|
||||
&.menu-item-has-children,
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-categories {
|
||||
|
||||
ul {
|
||||
padding-top: ( .75 * $size__spacing-unit );
|
||||
@include nestedSubMenuPadding();
|
||||
}
|
||||
|
||||
li ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: ( -.75 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** === Latest Posts grid view === */
|
||||
.wp-block-latest-posts.is-grid {
|
||||
li {
|
||||
border-top: 2px solid $color__border;
|
||||
padding-top: (1 * $size__spacing-unit);
|
||||
margin-bottom: (2 * $size__spacing-unit);
|
||||
a {
|
||||
&:after {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: auto;
|
||||
a:after {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Latest Comments === */
|
||||
|
||||
.wp-block-latest-comments {
|
||||
|
||||
.wp-block-latest-comments__comment-meta {
|
||||
font-family: $font__heading;
|
||||
|
||||
.wp-block-latest-comments__comment-date {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment,
|
||||
.wp-block-latest-comments__comment-date,
|
||||
.wp-block-latest-comments__comment-excerpt p {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments__comment-date {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-xs;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Classic Editor === */
|
||||
|
||||
/* Properly center-align captions in the classic-editor block */
|
||||
.wp-caption {
|
||||
dd {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-xs;
|
||||
font-family: $font__heading;
|
||||
line-height: $font__line-height-pre;
|
||||
margin: 0;
|
||||
padding: ( $size__spacing-unit * .5 );
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
-webkit-margin-start: 0px;
|
||||
margin-inline-start: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-freeform {
|
||||
|
||||
/* Add style for galleries in classic-editor block */
|
||||
blockquote {
|
||||
border-left: 2px solid $color__link;
|
||||
|
||||
cite {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
font-style: normal;
|
||||
line-height: 1.6;
|
||||
color: $color__text-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
|
||||
.wp-block[data-type="core/freeform"] .mce-btn i {
|
||||
font-family: dashicons !important;
|
||||
}
|
||||
|
||||
/* Contact Form - temporary work-around */
|
||||
|
||||
.jetpack-field-label__input,
|
||||
.jetpack-field-label__input:focus {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: #fff !important;
|
||||
}
|
||||
112
sophisticated-business/style-jetpack.css
Normal file
112
sophisticated-business/style-jetpack.css
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
/* Reset font-family styles for Jetpack
|
||||
*
|
||||
* See: https://github.com/Automattic/jetpack/blob/master/modules/theme-tools/compat/twentynineteen.css
|
||||
*
|
||||
* Note: Use $font__heading or $font__body variables approriately
|
||||
*/
|
||||
/* Infinite scroll */
|
||||
.site-main #infinite-handle span button,
|
||||
.site-main #infinite-handle span button:hover,
|
||||
.site-main #infinite-handle span button:focus {
|
||||
background: #caab57;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: #080808;
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 0.88889em;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
outline: none;
|
||||
padding: 0.76rem 1rem;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.site-main #infinite-handle span button:hover,
|
||||
.site-main #infinite-handle span button:focus {
|
||||
background: #b59439;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsive Videos
|
||||
*/
|
||||
/**
|
||||
* Sharing
|
||||
*/
|
||||
div.sharedaddy > *,
|
||||
#content div.sharedaddy > *,
|
||||
#main div.sharedaddy > * {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.entry div.sharedaddy h3.sd-title,
|
||||
.entry h3.sd-title {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.entry div.sharedaddy h3.sd-title:before,
|
||||
.entry h3.sd-title:before,
|
||||
.entry #jp-relatedposts h3.jp-relatedposts-headline:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Related Posts
|
||||
*/
|
||||
.entry #jp-relatedposts h3.jp-relatedposts-headline {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
|
||||
font-size: 0.88889em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/**
|
||||
* Stats
|
||||
*/
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
/* Authors Widget */
|
||||
.widget_authors > ul > li > a {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
/* Display WordPress Posts */
|
||||
/* GoodReads */
|
||||
/* EU cookie law */
|
||||
.widget_eu_cookie_law_widget #eu-cookie-law {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
/* RSS Links */
|
||||
.widget_rss_links li {
|
||||
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
/**
|
||||
* Content Options
|
||||
*/
|
||||
/**
|
||||
* Content Form
|
||||
*/
|
||||
.contact-form label span {
|
||||
color: #767676;
|
||||
}
|
||||
124
sophisticated-business/style-jetpack.scss
Normal file
124
sophisticated-business/style-jetpack.scss
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
/* Reset font-family styles for Jetpack
|
||||
*
|
||||
* See: https://github.com/Automattic/jetpack/blob/master/modules/theme-tools/compat/twentynineteen.css
|
||||
*
|
||||
* Note: Use $font__heading or $font__body variables approriately
|
||||
*/
|
||||
@import "sass/variables-site/variables-site";
|
||||
|
||||
/* Infinite scroll */
|
||||
.site-main #infinite-handle span button,
|
||||
.site-main #infinite-handle span button:hover,
|
||||
.site-main #infinite-handle span button:focus {
|
||||
background: $color__background-button;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: $color__background-body;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 600;
|
||||
line-height: $font__line-height-heading;
|
||||
outline: none;
|
||||
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.site-main #infinite-handle span button:hover,
|
||||
.site-main #infinite-handle span button:focus {
|
||||
background: $color__background-button-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsive Videos
|
||||
*/
|
||||
|
||||
/**
|
||||
* Sharing
|
||||
*/
|
||||
|
||||
div.sharedaddy > *,
|
||||
#content div.sharedaddy > *,
|
||||
#main div.sharedaddy > * {
|
||||
margin-bottom: $size__spacing-unit;
|
||||
}
|
||||
|
||||
.entry div.sharedaddy h3.sd-title,
|
||||
.entry h3.sd-title {
|
||||
font-family: $font__heading;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.entry div.sharedaddy h3.sd-title:before,
|
||||
.entry h3.sd-title:before,
|
||||
.entry #jp-relatedposts h3.jp-relatedposts-headline:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Related Posts
|
||||
*/
|
||||
|
||||
.entry #jp-relatedposts h3.jp-relatedposts-headline {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
|
||||
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/**
|
||||
* Stats
|
||||
*/
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
|
||||
/* Authors Widget */
|
||||
.widget_authors > ul > li > a {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
/* Display WordPress Posts */
|
||||
|
||||
/* GoodReads */
|
||||
|
||||
/* EU cookie law */
|
||||
.widget_eu_cookie_law_widget #eu-cookie-law {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
/* RSS Links */
|
||||
.widget_rss_links li {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
||||
/**
|
||||
* Content Options
|
||||
*/
|
||||
|
||||
/**
|
||||
* Content Form
|
||||
*/
|
||||
|
||||
.contact-form label span {
|
||||
color: #767676;
|
||||
}
|
||||
4566
sophisticated-business/style-rtl.css
Normal file
4566
sophisticated-business/style-rtl.css
Normal file
File diff suppressed because it is too large
Load diff
4646
sophisticated-business/style.css
Normal file
4646
sophisticated-business/style.css
Normal file
File diff suppressed because it is too large
Load diff
110
sophisticated-business/style.scss
Normal file
110
sophisticated-business/style.scss
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
/*
|
||||
Theme Name: Sophisticated Business
|
||||
Theme URI: https://github.com/automattic/themes
|
||||
Author: Automattic
|
||||
Author URI: https://automattic.com/
|
||||
Template: twentynineteen
|
||||
Description: Your classy establishment needs an equally classy website to showcase your delicious food and special concoctions! With its bold typography and chic color scheme, Sophisticated Business exudes the same cool, intimate atmosphere as an upscale bar, lounge, or pub.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.0
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: sophisticated-business
|
||||
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.
|
||||
|
||||
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 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/
|
||||
*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
>>> TABLE OF CONTENTS:
|
||||
----------------------------------------------------------------
|
||||
# Variables
|
||||
# Normalize
|
||||
# Typography
|
||||
## Headings
|
||||
## Copy
|
||||
# Elements
|
||||
## Lists
|
||||
## Tables
|
||||
# Forms
|
||||
## Buttons
|
||||
## Fields
|
||||
# Navigation
|
||||
## Links
|
||||
## Menus
|
||||
## Next & Previous
|
||||
# Accessibility
|
||||
# Alignments
|
||||
# Clearings
|
||||
# Layout
|
||||
# Widgets
|
||||
# Content
|
||||
## Archives
|
||||
## Posts and pages
|
||||
## Comments
|
||||
# Blocks
|
||||
# Media
|
||||
## Captions
|
||||
## Galleries
|
||||
--------------------------------------------------------------*/
|
||||
@import "sass/variables-site/variables-site";
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/* Normalize */
|
||||
|
||||
@import "sass/normalize";
|
||||
|
||||
/* Typography */
|
||||
|
||||
@import "sass/typography/typography";
|
||||
|
||||
/* Elements */
|
||||
|
||||
@import "sass/elements/elements";
|
||||
|
||||
/* Forms */
|
||||
|
||||
@import "sass/forms/forms";
|
||||
|
||||
/* Navigation */
|
||||
|
||||
@import "sass/navigation/navigation";
|
||||
|
||||
/* Accessibility */
|
||||
|
||||
@import "sass/modules/accessibility";
|
||||
|
||||
/* Alignments */
|
||||
|
||||
@import "sass/modules/alignments";
|
||||
|
||||
/* Clearings */
|
||||
|
||||
@import "sass/modules/clearings";
|
||||
|
||||
/* Layout */
|
||||
|
||||
@import "sass/layout/layout";
|
||||
|
||||
/* Content */
|
||||
|
||||
@import "sass/site/site";
|
||||
|
||||
/* Widgets */
|
||||
|
||||
@import "sass/site/secondary/widgets";
|
||||
|
||||
/* Blocks */
|
||||
|
||||
@import "sass/blocks/blocks";
|
||||
|
||||
/* Media */
|
||||
|
||||
@import "sass/media/media";
|
||||
Loading…
Reference in a new issue