mirror of
https://github.com/10h30/yeuchaybo.git
synced 2026-06-05 15:10:03 +09:00
Initial
This commit is contained in:
Thuan Bui
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"remove-empty-rulesets": true,
|
||||
"always-semicolon": true,
|
||||
"color-case": "lower",
|
||||
"block-indent": "\t",
|
||||
"color-shorthand": false,
|
||||
"element-case": "lower",
|
||||
"eof-newline": true,
|
||||
"leading-zero": true,
|
||||
"quotes": "single",
|
||||
"space-before-colon": "",
|
||||
"space-after-colon": " ",
|
||||
"space-before-combinator": " ",
|
||||
"space-after-combinator": " ",
|
||||
"space-between-declarations": "\n",
|
||||
"space-before-opening-brace": " ",
|
||||
"space-after-opening-brace": "\n",
|
||||
"space-after-selector-delimiter": "\n",
|
||||
"space-before-selector-delimiter": "",
|
||||
"space-before-closing-brace": "\n",
|
||||
"strip-spaces": true,
|
||||
"unitless-zero": true,
|
||||
"vendor-prefix-align": true
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
# This file is for unifying the coding style for different editors and IDEs
|
||||
# editorconfig.org
|
||||
|
||||
# WordPress Coding Standards
|
||||
# http://make.wordpress.org/core/handbook/coding-standards/
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
[{.*rc,*.json,*.yml}]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
[*.txt]
|
||||
end_of_line = crlf
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
# Ignore OS generated files.
|
||||
.DS_Store
|
||||
|
||||
# Ignore node_modules.
|
||||
node_modules
|
||||
|
||||
# Ignore vendor directory.
|
||||
vendor
|
||||
|
||||
# Ignore auto-generated lock files.
|
||||
package-lock.json
|
||||
composer.lock
|
||||
|
||||
# Ignore editor files.
|
||||
.idea
|
||||
@@ -0,0 +1,23 @@
|
||||
{
|
||||
"indent_size": 4,
|
||||
"indent_char": " ",
|
||||
"indent_with_tabs": true,
|
||||
"eol": "\n",
|
||||
"end_with_newline": true,
|
||||
"indent_level": 0,
|
||||
"preserve_newlines": true,
|
||||
"max_preserve_newlines": 10,
|
||||
"space_in_paren": true,
|
||||
"space_in_empty_paren": false,
|
||||
"jslint_happy": true,
|
||||
"space_after_anon_function": true,
|
||||
"brace_style": "collapse",
|
||||
"unindent_chained_methods": true,
|
||||
"break_chained_methods": false,
|
||||
"keep_array_indentation": true,
|
||||
"unescape_strings": false,
|
||||
"wrap_line_length": 0,
|
||||
"e4x": false,
|
||||
"comma_first": false,
|
||||
"operator_position": "before-newline"
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"boss": true,
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"eqnull": true,
|
||||
"es3": true,
|
||||
"expr": true,
|
||||
"immed": true,
|
||||
"noarg": true,
|
||||
"nonbsp": true,
|
||||
"onevar": true,
|
||||
"quotmark": "single",
|
||||
"trailing": true,
|
||||
"undef": true,
|
||||
"unused": true,
|
||||
"browser": true,
|
||||
"globals": {
|
||||
"_": false,
|
||||
"Backbone": false,
|
||||
"jQuery": false,
|
||||
"JSON": false,
|
||||
"wp": false,
|
||||
"export": false,
|
||||
"module": false,
|
||||
"require": false
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
# Ignore vendor directories.
|
||||
node_modules/*
|
||||
vendor/*
|
||||
|
||||
# Ignore minified styles.
|
||||
*.min.css
|
||||
Executable
+318
@@ -0,0 +1,318 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = {
|
||||
extends: ['stylelint-config-wordpress/scss', 'prettier-stylelint/index.js'],
|
||||
plugins: 'stylelint-order',
|
||||
rules: {
|
||||
'max-line-length': 255,
|
||||
'declaration-block-no-duplicate-properties': [
|
||||
true,
|
||||
{
|
||||
ignore: ['consecutive-duplicates-with-different-values']
|
||||
}
|
||||
],
|
||||
'order/order': [
|
||||
'at-variables',
|
||||
'dollar-variables',
|
||||
'custom-properties',
|
||||
'declarations'
|
||||
],
|
||||
'order/properties-order': [
|
||||
'display',
|
||||
'visibility',
|
||||
'float',
|
||||
'clear',
|
||||
'overflow',
|
||||
'overflow-x',
|
||||
'overflow-y',
|
||||
'-ms-overflow-x',
|
||||
'-ms-overflow-y',
|
||||
'clip',
|
||||
'zoom',
|
||||
'flex-direction',
|
||||
'flex-order',
|
||||
'flex-pack',
|
||||
'flex-align',
|
||||
|
||||
'position',
|
||||
'z-index',
|
||||
'top',
|
||||
'right',
|
||||
'bottom',
|
||||
'left',
|
||||
|
||||
'-webkit-box-sizing',
|
||||
'-moz-box-sizing',
|
||||
'box-sizing',
|
||||
'width',
|
||||
'min-width',
|
||||
'max-width',
|
||||
'height',
|
||||
'min-height',
|
||||
'max-height',
|
||||
'margin',
|
||||
'margin-top',
|
||||
'margin-right',
|
||||
'margin-bottom',
|
||||
'margin-left',
|
||||
'padding',
|
||||
'padding-top',
|
||||
'padding-right',
|
||||
'padding-bottom',
|
||||
'padding-left',
|
||||
'border',
|
||||
'border-width',
|
||||
'border-style',
|
||||
'border-color',
|
||||
'border-top',
|
||||
'border-top-width',
|
||||
'border-top-style',
|
||||
'border-top-color',
|
||||
'border-right',
|
||||
'border-right-width',
|
||||
'border-right-style',
|
||||
'border-right-color',
|
||||
'border-bottom',
|
||||
'border-bottom-width',
|
||||
'border-bottom-style',
|
||||
'border-bottom-color',
|
||||
'border-left',
|
||||
'border-left-width',
|
||||
'border-left-style',
|
||||
'border-left-color',
|
||||
'-webkit-border-radius',
|
||||
'-moz-border-radius',
|
||||
'border-radius',
|
||||
'-webkit-border-top-left-radius',
|
||||
'-moz-border-radius-topleft',
|
||||
'border-top-left-radius',
|
||||
'-webkit-border-top-right-radius',
|
||||
'-moz-border-radius-topright',
|
||||
'border-top-right-radius',
|
||||
'-webkit-border-bottom-right-radius',
|
||||
'-moz-border-radius-bottomright',
|
||||
'border-bottom-right-radius',
|
||||
'-webkit-border-bottom-left-radius',
|
||||
'-moz-border-radius-bottomleft',
|
||||
'border-bottom-left-radius',
|
||||
'-webkit-border-image',
|
||||
'-moz-border-image',
|
||||
'-o-border-image',
|
||||
'border-image',
|
||||
'-webkit-border-image-source',
|
||||
'-moz-border-image-source',
|
||||
'-o-border-image-source',
|
||||
'border-image-source',
|
||||
'-webkit-border-image-slice',
|
||||
'-moz-border-image-slice',
|
||||
'-o-border-image-slice',
|
||||
'border-image-slice',
|
||||
'-webkit-border-image-width',
|
||||
'-moz-border-image-width',
|
||||
'-o-border-image-width',
|
||||
'border-image-width',
|
||||
'-webkit-border-image-outset',
|
||||
'-moz-border-image-outset',
|
||||
'-o-border-image-outset',
|
||||
'border-image-outset',
|
||||
'-webkit-border-image-repeat',
|
||||
'-moz-border-image-repeat',
|
||||
'-o-border-image-repeat',
|
||||
'border-image-repeat',
|
||||
'table-layout',
|
||||
'empty-cells',
|
||||
'caption-side',
|
||||
'border-spacing',
|
||||
'border-collapse',
|
||||
|
||||
'outline',
|
||||
'outline-width',
|
||||
'outline-style',
|
||||
'outline-color',
|
||||
'outline-offset',
|
||||
'opacity',
|
||||
'filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',
|
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
|
||||
'-ms-interpolation-mode',
|
||||
'color',
|
||||
'background',
|
||||
'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader',
|
||||
'background-color',
|
||||
'background-image',
|
||||
'background-repeat',
|
||||
'background-attachment',
|
||||
'background-position',
|
||||
'background-position-x',
|
||||
'-ms-background-position-x',
|
||||
'background-position-y',
|
||||
'-ms-background-position-y',
|
||||
'-webkit-background-clip',
|
||||
'-moz-background-clip',
|
||||
'background-clip',
|
||||
'background-origin',
|
||||
'-webkit-background-size',
|
||||
'-moz-background-size',
|
||||
'-o-background-size',
|
||||
'background-size',
|
||||
'box-decoration-break',
|
||||
'-webkit-box-shadow',
|
||||
'-moz-box-shadow',
|
||||
'box-shadow',
|
||||
'filter:progid:DXImageTransform.Microsoft.gradient',
|
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
|
||||
'text-shadow',
|
||||
'font',
|
||||
'font-family',
|
||||
'src',
|
||||
'font-size',
|
||||
'font-weight',
|
||||
'font-style',
|
||||
'font-variant',
|
||||
'font-size-adjust',
|
||||
'font-stretch',
|
||||
'font-effect',
|
||||
'font-emphasize',
|
||||
'font-emphasize-position',
|
||||
'font-emphasize-style',
|
||||
'-webkit-font-smoothing',
|
||||
'-moz-osx-font-smoothing',
|
||||
'font-smooth',
|
||||
'line-height',
|
||||
'text-align',
|
||||
'-webkit-text-align-last',
|
||||
'-moz-text-align-last',
|
||||
'-ms-text-align-last',
|
||||
'text-align-last',
|
||||
'vertical-align',
|
||||
'white-space',
|
||||
'text-decoration',
|
||||
'text-emphasis',
|
||||
'text-emphasis-color',
|
||||
'text-emphasis-style',
|
||||
'text-emphasis-position',
|
||||
'text-indent',
|
||||
'-ms-text-justify',
|
||||
'text-justify',
|
||||
'letter-spacing',
|
||||
'word-spacing',
|
||||
'-ms-writing-mode',
|
||||
'text-outline',
|
||||
'text-transform',
|
||||
'text-wrap',
|
||||
'text-overflow',
|
||||
'-ms-text-overflow',
|
||||
'text-overflow-ellipsis',
|
||||
'text-overflow-mode',
|
||||
'-ms-word-wrap',
|
||||
'word-wrap',
|
||||
'word-break',
|
||||
'-ms-word-break',
|
||||
'-moz-tab-size',
|
||||
'-o-tab-size',
|
||||
'tab-size',
|
||||
'-webkit-hyphens',
|
||||
'-moz-hyphens',
|
||||
'hyphens',
|
||||
|
||||
'list-style',
|
||||
'list-style-position',
|
||||
'list-style-type',
|
||||
'list-style-image',
|
||||
'content',
|
||||
'quotes',
|
||||
'counter-reset',
|
||||
'counter-increment',
|
||||
'resize',
|
||||
'cursor',
|
||||
'-webkit-user-select',
|
||||
'-moz-user-select',
|
||||
'-ms-user-select',
|
||||
'user-select',
|
||||
'nav-index',
|
||||
'nav-up',
|
||||
'nav-right',
|
||||
'nav-down',
|
||||
'nav-left',
|
||||
'-webkit-transition',
|
||||
'-moz-transition',
|
||||
'-ms-transition',
|
||||
'-o-transition',
|
||||
'transition',
|
||||
'-webkit-transition-delay',
|
||||
'-moz-transition-delay',
|
||||
'-ms-transition-delay',
|
||||
'-o-transition-delay',
|
||||
'transition-delay',
|
||||
'-webkit-transition-timing-function',
|
||||
'-moz-transition-timing-function',
|
||||
'-ms-transition-timing-function',
|
||||
'-o-transition-timing-function',
|
||||
'transition-timing-function',
|
||||
'-webkit-transition-duration',
|
||||
'-moz-transition-duration',
|
||||
'-ms-transition-duration',
|
||||
'-o-transition-duration',
|
||||
'transition-duration',
|
||||
'-webkit-transition-property',
|
||||
'-moz-transition-property',
|
||||
'-ms-transition-property',
|
||||
'-o-transition-property',
|
||||
'transition-property',
|
||||
'-webkit-transform',
|
||||
'-moz-transform',
|
||||
'-ms-transform',
|
||||
'-o-transform',
|
||||
'transform',
|
||||
'-webkit-transform-origin',
|
||||
'-moz-transform-origin',
|
||||
'-ms-transform-origin',
|
||||
'-o-transform-origin',
|
||||
'transform-origin',
|
||||
'-webkit-animation',
|
||||
'-moz-animation',
|
||||
'-ms-animation',
|
||||
'-o-animation',
|
||||
'animation',
|
||||
'-webkit-animation-name',
|
||||
'-moz-animation-name',
|
||||
'-ms-animation-name',
|
||||
'-o-animation-name',
|
||||
'animation-name',
|
||||
'-webkit-animation-duration',
|
||||
'-moz-animation-duration',
|
||||
'-ms-animation-duration',
|
||||
'-o-animation-duration',
|
||||
'animation-duration',
|
||||
'-webkit-animation-play-state',
|
||||
'-moz-animation-play-state',
|
||||
'-ms-animation-play-state',
|
||||
'-o-animation-play-state',
|
||||
'animation-play-state',
|
||||
'-webkit-animation-timing-function',
|
||||
'-moz-animation-timing-function',
|
||||
'-ms-animation-timing-function',
|
||||
'-o-animation-timing-function',
|
||||
'animation-timing-function',
|
||||
'-webkit-animation-delay',
|
||||
'-moz-animation-delay',
|
||||
'-ms-animation-delay',
|
||||
'-o-animation-delay',
|
||||
'animation-delay',
|
||||
'-webkit-animation-iteration-count',
|
||||
'-moz-animation-iteration-count',
|
||||
'-ms-animation-iteration-count',
|
||||
'-o-animation-iteration-count',
|
||||
'animation-iteration-count',
|
||||
'-webkit-animation-direction',
|
||||
'-moz-animation-direction',
|
||||
'-ms-animation-direction',
|
||||
'-o-animation-direction',
|
||||
'animation-direction',
|
||||
'-webkit-backface-visibility',
|
||||
'-moz-backface-visibility',
|
||||
'backface-visibility',
|
||||
'text-rendering',
|
||||
'pointer-events'
|
||||
]
|
||||
}
|
||||
};
|
||||
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
{"files.exclude": {
|
||||
"**/.git": false,
|
||||
"**/.svn": true,
|
||||
"**/.hg": true,
|
||||
"**/CVS": true,
|
||||
"**/.DS_Store": true
|
||||
}
|
||||
}
|
||||
+190
@@ -0,0 +1,190 @@
|
||||
# Genesis Starter Theme Changelog
|
||||
|
||||
## [3.0.0-beta] - 2018-06-01
|
||||
* Switch to Child Theme Library
|
||||
* Switch to Gulp WP Toolkit
|
||||
|
||||
## [2.2.7] - 2018-02-09
|
||||
* Add and run PostCSS auto focus gulp function
|
||||
* Add support for search and 404 page settings
|
||||
* Move widget area functions to own file
|
||||
* Update README.md for postcss-focus gulp function
|
||||
* Fix home page hero height at bigger breakpoints
|
||||
* Fix date typo in changelog
|
||||
* Fix Task 'i18n' is not in your gulpfile
|
||||
|
||||
## [2.2.6] - 2018-02-01
|
||||
* Add basic support and styling for Gutenberg
|
||||
* Add support for WooCommerce gallery features
|
||||
* Add asset concatenation gulp task/combine front-end JS into single file
|
||||
* Add Blank Page page template
|
||||
* Add sourcemaps for WooCommerce styles
|
||||
* Add Customizer data and jsbeautify config
|
||||
* Fix hero-section removal in all page templates
|
||||
* Fix hero-section CSS being output when no header image is set
|
||||
* Fix strings in functions for gulp rename issue
|
||||
* Fix hero-section height when nav-secondary is active
|
||||
* Remove theme support for title-tag to fix SEO settings conflict
|
||||
* Remove Gravity Forms CSS override
|
||||
|
||||
## [2.2.5] - 2017-01-12
|
||||
* Add secondary color to Customizer
|
||||
* Change default HTTP connection method for BrowserSync
|
||||
|
||||
## [2.2.4] - 2017-12-28
|
||||
* Fix incorrect schema when title moved outside of entry
|
||||
|
||||
## [2.2.3] - 2017-10-08
|
||||
* Add support for fixed header
|
||||
* Add gulp rename task
|
||||
* Add gulp bump task
|
||||
* Update gulp build task
|
||||
* Remove aws.json file from gulp publish task
|
||||
|
||||
## [2.2.2] - 2017-09-30
|
||||
* Add support for fixed header
|
||||
* Add theme.js file
|
||||
* Add LICENSE.md file
|
||||
* Update README.md
|
||||
* Remove /inludes/header.php - moved to /includes/helpers.php and /functions.php
|
||||
* Remove editor styles
|
||||
|
||||
## [2.2.1] - 2017-09-11
|
||||
* Add structural wrap hooks function
|
||||
* Improve styling for accessibility
|
||||
* Update front page template
|
||||
|
||||
## [2.2.0] - 2017-09-10
|
||||
* Add hero-section section
|
||||
* Add custom 404 template
|
||||
* Avoid hijacking the genesis flow on front page template
|
||||
* Add custom header callback
|
||||
* Add function to prevent updates
|
||||
* Add editor style CSS
|
||||
* Add column class variable to utilities.scss
|
||||
* Update standards and restructure helper functions
|
||||
* Remove gravity forms json file
|
||||
* Fix responsive menu margin
|
||||
|
||||
## [2.1.0] - 2017-07-18
|
||||
* Add RGBA customizer color settings
|
||||
* Add custom page layout
|
||||
* Add support for default structural wraps (removed custom)
|
||||
* Improve support for Simple Social Icons
|
||||
* Separate WooCommerce CSS from style.css
|
||||
* Bring responsive menu script current with Genesis Sample
|
||||
* Enable shortcodes in widgets by default
|
||||
* Rename navigation menus to defaults
|
||||
* Remove front page and footer customizer settings
|
||||
* Remove complex functions from front-page.php
|
||||
* Remove menus.php and sidebars.php
|
||||
* Remove 'all' (*) selectors from stylesheet
|
||||
* Remove postMessage customizer support (in favor of RGBA)
|
||||
* Remove Cleaner Gallery from recommended plugins
|
||||
|
||||
|
||||
## [2.0.1] - 2017-06-14
|
||||
* Add custom nav menu function
|
||||
* Add customize partial refresh support for site title and tagline
|
||||
* Add `role="navigation"` to all menus
|
||||
* Add `includes/menus.php` to organize menu related functions
|
||||
* Menus, site title and tagline now have edit icons in customizer
|
||||
* Combine Superfish with theme menu script to reduce requests
|
||||
* Remove hoverIntent script
|
||||
* Clean up gulp file
|
||||
* Make front-page-1 full-screen with fix to prevent mobile jump
|
||||
|
||||
## [2.0.0] - 2017-06-13
|
||||
* Add compatibility for WordPress 4.8 & Genesis 2.6
|
||||
* Add support for new media widgets
|
||||
* Add support for Superfish accessible menus
|
||||
* Add CSS only menu and sub-menu toggle buttons
|
||||
* Add Gravity Forms reset styles
|
||||
* Add support for footer navigation menu
|
||||
* Add support for no JavaScript menus
|
||||
* Add Simple Social Icons CSS to theme and remove plugin CSS output for easy overwriting and to remove !important styles
|
||||
* Add .gitignore for node modules, xml & wie files
|
||||
* Add better support for WP Featherlight jQuery lightbox
|
||||
* Switch everything to flexbox based CSS/SCSS where possible
|
||||
* Switch to Genesis Sample style design for consistency
|
||||
* Switch to Genesis Sample menu script for combining menus on mobile
|
||||
* Upgrade all customizer settings to use postMessage
|
||||
* Update to normalize.css v7.0.0 and combine selectors
|
||||
* Rename `templates/` to `views/` for better organization (so it can contain more than templates)
|
||||
* Move front-page.php to `views/` subfolder
|
||||
* Move .pot file out of subfolder until translations are submitted
|
||||
* Replace superfish args for nicer drop-down menus
|
||||
* Replace all px with rem or em
|
||||
* Remove Cleaner Gallery script and add theme support for plugin instead
|
||||
* Remove 'Flexible Widget' functions, using flexbox CSS instead
|
||||
* Reduce style.css from ~40kb to ~25kb, even with plugin styles
|
||||
|
||||
## [1.6.0] - 2017-06-02
|
||||
* NEW: Add front-page, landing-page and page-builder templates
|
||||
* NEW: Added front-page widgets and footer widgets customizer settings
|
||||
* NEW: Added front-page customizer settings
|
||||
* NEW: Added accessible 'read more' links with descriptive text
|
||||
* Added 'dynamic widgets' functionality
|
||||
* Added some helper functions
|
||||
* Improved gulp configuration
|
||||
* Move theme functionality back to functions.php
|
||||
* Rename `lib/` to `includes/`
|
||||
* Remove 'Hero' section on inner pages - use plugin instead
|
||||
* Remove Kirki customizer support
|
||||
* Remove Easy Widget Columns support
|
||||
* Remove WP Page Widget support
|
||||
* Remove WooCommerce support
|
||||
* Remove optimizations class
|
||||
|
||||
## [1.5.0] - 2017-04-02
|
||||
* Add video background feature
|
||||
* Add WooCommerce support
|
||||
* Add customizer colors
|
||||
* Add customizer fonts
|
||||
* Add sticky header customizer option
|
||||
* Add one-click demo import
|
||||
* Add new page templates
|
||||
* Add 'i18n' gulp task
|
||||
* Add back to top scroll button
|
||||
* Add cleaner-gallery
|
||||
* Add cleaner-body classes
|
||||
* Add jquery cdn with local fallback
|
||||
* Add support for Genesis Testimonials plugin
|
||||
* Add support for Easy Widget Columns plugin
|
||||
* Add custom logo schema microdata
|
||||
* Update clean-up functions
|
||||
* Update hero-section class
|
||||
* Update gulp (postcss, cssnano & mqpacker)
|
||||
* Update Sass, split-up partials
|
||||
* Update assets, moved to /assets/ direcrory
|
||||
* Update list of recommended plugins
|
||||
* Remove front-page.php (now uses widgetized template)
|
||||
* Remove front page widget areas (now uses Easy Widget Columns)
|
||||
* Remove backstretch
|
||||
* Remove compression class to avoid plugin conflicts
|
||||
* Other minor improvements
|
||||
|
||||
## [1.4.0] - 2017-03-03
|
||||
* Add backstretch
|
||||
* Add autoprefix for more browsers
|
||||
* Add 'zip' task to gulpfile
|
||||
* Convert all custom functionality into theme features
|
||||
* Move everything out of functions.php into correct file in /lib.
|
||||
* Combine customize.php and output.php into custom-colors.php
|
||||
* Rename theme-compression and plugin-activation classes
|
||||
|
||||
## [1.3.1] - 2017-02-26
|
||||
* Add readme & changelog
|
||||
* Update Gulpfile.js to enable theme packaging
|
||||
* Remove font variables in functions.php
|
||||
|
||||
## [1.3.0] - 2017-02-26
|
||||
* Remove WP-SCSS support
|
||||
* Remove register-plugins.php (moved to class-plugin-activation.php)
|
||||
* Remove Google Fonts Customizer support
|
||||
* Add helper-functions.php
|
||||
* Add output.php
|
||||
* Add theme-defaults.php
|
||||
|
||||
## [1.2.0] - 2017-02-21
|
||||
* Fix header image issues
|
||||
Executable
+72
@@ -0,0 +1,72 @@
|
||||
/**
|
||||
* Gulp task config file.
|
||||
*
|
||||
* @package SEOThemes\GenesisStarter
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
var gulp = require( 'gulp' ),
|
||||
toolkit = require( 'gulp-wp-toolkit' ),
|
||||
pkg = require( './package.json' );
|
||||
|
||||
toolkit.extendConfig(
|
||||
{
|
||||
theme: {
|
||||
name: pkg.theme.name,
|
||||
themeuri: pkg.theme.uri,
|
||||
description: pkg.description,
|
||||
author: pkg.author,
|
||||
authoruri: pkg.theme.authoruri,
|
||||
version: pkg.version,
|
||||
license: pkg.license,
|
||||
licenseuri: pkg.theme.licenseuri,
|
||||
tags: pkg.theme.tags,
|
||||
textdomain: pkg.theme.textdomain,
|
||||
domainpath: pkg.theme.domainpath,
|
||||
template: pkg.theme.template,
|
||||
notes: pkg.theme.notes
|
||||
},
|
||||
src: {
|
||||
php: ['**/*.php', '!vendor/**'],
|
||||
images: 'assets/images/**/*',
|
||||
scss: 'assets/scss/**/*.scss',
|
||||
css: ['**/*.css', '!node_modules/**', '!develop/vendor/**'],
|
||||
js: ['assets/js/**/*.js', '!node_modules/**'],
|
||||
json: ['**/*.json', '!node_modules/**'],
|
||||
i18n: 'lib/languages/'
|
||||
},
|
||||
css: {
|
||||
basefontsize: 10, // Used by postcss-pxtorem.
|
||||
remmediaquery: false,
|
||||
scss: {
|
||||
'style': {
|
||||
src: 'assets/scss/style.scss',
|
||||
dest: './',
|
||||
outputStyle: 'expanded'
|
||||
},
|
||||
'woocommerce': {
|
||||
src: 'assets/scss/woocommerce/index.scss',
|
||||
dest: './',
|
||||
outputStyle: 'expanded'
|
||||
}
|
||||
}
|
||||
},
|
||||
dest: {
|
||||
i18npo: './lib/languages/',
|
||||
i18nmo: './lib/languages/',
|
||||
images: './assets/images/',
|
||||
js: './assets/js/'
|
||||
},
|
||||
server: {
|
||||
proxy: 'https://yeuchaybo.test',
|
||||
port: '8000',
|
||||
https: {
|
||||
'key': '/Users/thuanbui/.valet/Certificates/yeuchaybo.test.key',
|
||||
'cert': '/Users/thuanbui/.valet/Certificates/yeuchaybo.test.crt'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
toolkit.extendTasks( gulp );
|
||||
+264
@@ -0,0 +1,264 @@
|
||||
The GNU General Public License, Version 2, June 1991 (GPLv2)
|
||||
============================================================
|
||||
|
||||
> Copyright (C) 1989, 1991 Free Software Foundation, Inc.
|
||||
> 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
|
||||
|
||||
Everyone is permitted to copy and distribute verbatim copies of this license
|
||||
document, but changing it is not allowed.
|
||||
|
||||
|
||||
Preamble
|
||||
--------
|
||||
|
||||
The licenses for most software are designed to take away your freedom to share
|
||||
and change it. By contrast, the GNU General Public License is intended to
|
||||
guarantee your freedom to share and change free software--to make sure the
|
||||
software is free for all its users. This General Public License applies to most
|
||||
of the Free Software Foundation's software and to any other program whose
|
||||
authors commit to using it. (Some other Free Software Foundation software is
|
||||
covered by the GNU Lesser General Public License instead.) You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not price. Our
|
||||
General Public Licenses are designed to make sure that you have the freedom to
|
||||
distribute copies of free software (and charge for this service if you wish),
|
||||
that you receive source code or can get it if you want it, that you can change
|
||||
the software or use pieces of it in new free programs; and that you know you can
|
||||
do these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid anyone to deny
|
||||
you these rights or to ask you to surrender the rights. These restrictions
|
||||
translate to certain responsibilities for you if you distribute copies of the
|
||||
software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether gratis or for a
|
||||
fee, you must give the recipients all the rights that you have. You must make
|
||||
sure that they, too, receive or can get the source code. And you must show them
|
||||
these terms so they know their rights.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and (2) offer
|
||||
you this license which gives you legal permission to copy, distribute and/or
|
||||
modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain that
|
||||
everyone understands that there is no warranty for this free software. If the
|
||||
software is modified by someone else and passed on, we want its recipients to
|
||||
know that what they have is not the original, so that any problems introduced by
|
||||
others will not reflect on the original authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software patents. We wish
|
||||
to avoid the danger that redistributors of a free program will individually
|
||||
obtain patent licenses, in effect making the program proprietary. To prevent
|
||||
this, we have made it clear that any patent must be licensed for everyone's free
|
||||
use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and modification
|
||||
follow.
|
||||
|
||||
|
||||
Terms And Conditions For Copying, Distribution And Modification
|
||||
---------------------------------------------------------------
|
||||
|
||||
**0.** This License applies to any program or other work which contains a notice
|
||||
placed by the copyright holder saying it may be distributed under the terms of
|
||||
this General Public License. The "Program", below, refers to any such program or
|
||||
work, and a "work based on the Program" means either the Program or any
|
||||
derivative work under copyright law: that is to say, a work containing the
|
||||
Program or a portion of it, either verbatim or with modifications and/or
|
||||
translated into another language. (Hereinafter, translation is included without
|
||||
limitation in the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not covered by
|
||||
this License; they are outside its scope. The act of running the Program is not
|
||||
restricted, and the output from the Program is covered only if its contents
|
||||
constitute a work based on the Program (independent of having been made by
|
||||
running the Program). Whether that is true depends on what the Program does.
|
||||
|
||||
**1.** You may copy and distribute verbatim copies of the Program's source code
|
||||
as you receive it, in any medium, provided that you conspicuously and
|
||||
appropriately publish on each copy an appropriate copyright notice and
|
||||
disclaimer of warranty; keep intact all the notices that refer to this License
|
||||
and to the absence of any warranty; and give any other recipients of the Program
|
||||
a copy of this License along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and you may at
|
||||
your option offer warranty protection in exchange for a fee.
|
||||
|
||||
**2.** You may modify your copy or copies of the Program or any portion of it,
|
||||
thus forming a work based on the Program, and copy and distribute such
|
||||
modifications or work under the terms of Section 1 above, provided that you also
|
||||
meet all of these conditions:
|
||||
|
||||
* **a)** You must cause the modified files to carry prominent notices stating
|
||||
that you changed the files and the date of any change.
|
||||
|
||||
* **b)** You must cause any work that you distribute or publish, that in whole
|
||||
or in part contains or is derived from the Program or any part thereof, to
|
||||
be licensed as a whole at no charge to all third parties under the terms of
|
||||
this License.
|
||||
|
||||
* **c)** If the modified program normally reads commands interactively when
|
||||
run, you must cause it, when started running for such interactive use in the
|
||||
most ordinary way, to print or display an announcement including an
|
||||
appropriate copyright notice and a notice that there is no warranty (or
|
||||
else, saying that you provide a warranty) and that users may redistribute
|
||||
the program under these conditions, and telling the user how to view a copy
|
||||
of this License. (Exception: if the Program itself is interactive but does
|
||||
not normally print such an announcement, your work based on the Program is
|
||||
not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If identifiable
|
||||
sections of that work are not derived from the Program, and can be reasonably
|
||||
considered independent and separate works in themselves, then this License, and
|
||||
its terms, do not apply to those sections when you distribute them as separate
|
||||
works. But when you distribute the same sections as part of a whole which is a
|
||||
work based on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the entire whole,
|
||||
and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest your
|
||||
rights to work written entirely by you; rather, the intent is to exercise the
|
||||
right to control the distribution of derivative or collective works based on the
|
||||
Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program with the
|
||||
Program (or with a work based on the Program) on a volume of a storage or
|
||||
distribution medium does not bring the other work under the scope of this
|
||||
License.
|
||||
|
||||
**3.** You may copy and distribute the Program (or a work based on it, under
|
||||
Section 2) in object code or executable form under the terms of Sections 1 and 2
|
||||
above provided that you also do one of the following:
|
||||
|
||||
* **a)** Accompany it with the complete corresponding machine-readable source
|
||||
code, which must be distributed under the terms of Sections 1 and 2 above on
|
||||
a medium customarily used for software interchange; or,
|
||||
|
||||
* **b)** Accompany it with a written offer, valid for at least three years, to
|
||||
give any third party, for a charge no more than your cost of physically
|
||||
performing source distribution, a complete machine-readable copy of the
|
||||
corresponding source code, to be distributed under the terms of Sections 1
|
||||
and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
* **c)** Accompany it with the information you received as to the offer to
|
||||
distribute corresponding source code. (This alternative is allowed only for
|
||||
noncommercial distribution and only if you received the program in object
|
||||
code or executable form with such an offer, in accord with Subsection b
|
||||
above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for making
|
||||
modifications to it. For an executable work, complete source code means all the
|
||||
source code for all modules it contains, plus any associated interface
|
||||
definition files, plus the scripts used to control compilation and installation
|
||||
of the executable. However, as a special exception, the source code distributed
|
||||
need not include anything that is normally distributed (in either source or
|
||||
binary form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component itself
|
||||
accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering access to copy
|
||||
from a designated place, then offering equivalent access to copy the source code
|
||||
from the same place counts as distribution of the source code, even though third
|
||||
parties are not compelled to copy the source along with the object code.
|
||||
|
||||
**4.** You may not copy, modify, sublicense, or distribute the Program except as
|
||||
expressly provided under this License. Any attempt otherwise to copy, modify,
|
||||
sublicense or distribute the Program is void, and will automatically terminate
|
||||
your rights under this License. However, parties who have received copies, or
|
||||
rights, from you under this License will not have their licenses terminated so
|
||||
long as such parties remain in full compliance.
|
||||
|
||||
**5.** You are not required to accept this License, since you have not signed
|
||||
it. However, nothing else grants you permission to modify or distribute the
|
||||
Program or its derivative works. These actions are prohibited by law if you do
|
||||
not accept this License. Therefore, by modifying or distributing the Program (or
|
||||
any work based on the Program), you indicate your acceptance of this License to
|
||||
do so, and all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
**6.** Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the original
|
||||
licensor to copy, distribute or modify the Program subject to these terms and
|
||||
conditions. You may not impose any further restrictions on the recipients'
|
||||
exercise of the rights granted herein. You are not responsible for enforcing
|
||||
compliance by third parties to this License.
|
||||
|
||||
**7.** If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues), conditions
|
||||
are imposed on you (whether by court order, agreement or otherwise) that
|
||||
contradict the conditions of this License, they do not excuse you from the
|
||||
conditions of this License. If you cannot distribute so as to satisfy
|
||||
simultaneously your obligations under this License and any other pertinent
|
||||
obligations, then as a consequence you may not distribute the Program at all.
|
||||
For example, if a patent license would not permit royalty-free redistribution of
|
||||
the Program by all those who receive copies directly or indirectly through you,
|
||||
then the only way you could satisfy both it and this License would be to refrain
|
||||
entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under any
|
||||
particular circumstance, the balance of the section is intended to apply and the
|
||||
section as a whole is intended to apply in other circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any patents or
|
||||
other property right claims or to contest validity of any such claims; this
|
||||
section has the sole purpose of protecting the integrity of the free software
|
||||
distribution system, which is implemented by public license practices. Many
|
||||
people have made generous contributions to the wide range of software
|
||||
distributed through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing to
|
||||
distribute software through any other system and a licensee cannot impose that
|
||||
choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to be a
|
||||
consequence of the rest of this License.
|
||||
|
||||
**8.** If the distribution and/or use of the Program is restricted in certain
|
||||
countries either by patents or by copyrighted interfaces, the original copyright
|
||||
holder who places the Program under this License may add an explicit
|
||||
geographical distribution limitation excluding those countries, so that
|
||||
distribution is permitted only in or among countries not thus excluded. In such
|
||||
case, this License incorporates the limitation as if written in the body of this
|
||||
License.
|
||||
|
||||
**9.** The Free Software Foundation may publish revised and/or new versions of
|
||||
the General Public License from time to time. Such new versions will be similar
|
||||
in spirit to the present version, but may differ in detail to address new
|
||||
problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Program specifies
|
||||
a version number of this License which applies to it and "any later version",
|
||||
you have the option of following the terms and conditions either of that version
|
||||
or of any later version published by the Free Software Foundation. If the
|
||||
Program does not specify a version number of this License, you may choose any
|
||||
version ever published by the Free Software Foundation.
|
||||
|
||||
**10.** If you wish to incorporate parts of the Program into other free programs
|
||||
whose distribution conditions are different, write to the author to ask for
|
||||
permission. For software which is copyrighted by the Free Software Foundation,
|
||||
write to the Free Software Foundation; we sometimes make exceptions for this.
|
||||
Our decision will be guided by the two goals of preserving the free status of
|
||||
all derivatives of our free software and of promoting the sharing and reuse of
|
||||
software generally.
|
||||
|
||||
|
||||
No Warranty
|
||||
-----------
|
||||
|
||||
**11.** BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR
|
||||
THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE
|
||||
STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM
|
||||
"AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING,
|
||||
BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
|
||||
PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
||||
PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
|
||||
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
**12.** IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE
|
||||
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
|
||||
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR
|
||||
INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA
|
||||
BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
||||
FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER
|
||||
OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
|
||||
@@ -0,0 +1,190 @@
|
||||
# Yeu Chay Bo v6.0
|
||||
|
||||
This is a developer-friendly starter theme used for creating commercial child themes for the Genesis Framework.
|
||||
|
||||
It uses the <a href="https://github.com/seothemes/child-theme-library" target="_blank">Child Theme Library</a> to control all of the theme's logic which can be customized from the child theme's configuration file. Styling is based on the latest version of the <a href="https://demo.studiopress.com/genesis-sample" target="_blank">Genesis Sample Theme</a>. This theme uses <a href="https://github.com/craigsimps/gulp-wp-toolkit" target="_blank">Gulp WP Toolkit</a> to automate mundane build tasks like compiling SCSS and minifying images.
|
||||
|
||||
Check out the live demo <a href="https://demo.seothemes.com/genesis-starter" target="_blank">here</a>.
|
||||
|
||||
### Requirements
|
||||
|
||||
<table width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th align="left" width="25%">Requirement</th>
|
||||
<th align="left" width="25%">How to Check</th>
|
||||
<th align="left" width="50%">How to Install</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>PHP >= 5.3</td>
|
||||
<td><code>php -v</code></td>
|
||||
<td><a href="http://php.net/manual/en/install.php" target="_blank">php.net</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Node.js 6.x</td>
|
||||
<td><code>node -v</code></td>
|
||||
<td><a href="http://nodejs.org/" target="_blank">nodejs.org</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Yarn 0.2.x</td>
|
||||
<td><code>yarn -v</code></td>
|
||||
<td><a href="https://yarnpkg.com/lang/en/docs/install/#mac-stable" target="_blank">yarnpkg.com</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gulp CLI</td>
|
||||
<td><code>gulp -v</code></td>
|
||||
<td><a href="https://gulpjs.com/" target="_blank">gulpjs.com</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>WordPress >= 4.8</td>
|
||||
<td><code>Admin Footer</code></td>
|
||||
<td><a href="https://codex.wordpress.org/Installing_WordPress" target="_blank">wordpress.org</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Genesis >= 2.6</td>
|
||||
<td><code>Theme Page</code></td>
|
||||
<td><a href="http://www.shareasale.com/r.cfm?b=346198&u=1459023&m=28169&urllink=&afftrack=" target="_blank">studiopress.com</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
## Installation
|
||||
|
||||
### Composer (recommended)
|
||||
|
||||
Install the Yeu Chay Bo v6.0 using Composer from your WordPress themes directory (replace `your-theme-name` below with the name of your theme):
|
||||
|
||||
```shell
|
||||
composer create-project seothemes/genesis-starter-theme your-theme-name dev-master
|
||||
```
|
||||
|
||||
Navigate into the theme root directory:
|
||||
|
||||
```shell
|
||||
cd your-theme-name
|
||||
```
|
||||
|
||||
Run the setup script to rename the theme:
|
||||
|
||||
```shell
|
||||
sh setup.sh
|
||||
```
|
||||
|
||||
Run default Gulp task to kick-off development:
|
||||
|
||||
```shell
|
||||
gulp
|
||||
```
|
||||
|
||||
### Git
|
||||
|
||||
Do a "recursive" Git clone so that the child theme library will be added as a sub-module (replace `your-theme-name` below with the name of your theme):
|
||||
|
||||
```shell
|
||||
git clone --recurse-submodules https://github.com/seothemes/genesis-starter-theme.git your-theme-name
|
||||
```
|
||||
|
||||
Navigate into the theme root directory:
|
||||
|
||||
```shell
|
||||
cd your-theme-name
|
||||
```
|
||||
|
||||
Run the setup script to rename the theme:
|
||||
|
||||
```shell
|
||||
sh setup.sh
|
||||
```
|
||||
|
||||
Install node modules with yarn:
|
||||
|
||||
```shell
|
||||
yarn install
|
||||
```
|
||||
|
||||
Run default Gulp task to kick-off development:
|
||||
|
||||
```shell
|
||||
gulp
|
||||
```
|
||||
|
||||
### Manual
|
||||
|
||||
Download the zip file and upload to your WordPress installation.
|
||||
|
||||
Replace any occurrences of 'Yeu Chay Bo v6.0' with your theme name and 'genesis-starter-theme' with your theme's ID.
|
||||
|
||||
Open the theme in your Terminal and run `gulp` to kick off the build process.
|
||||
|
||||
## Structure
|
||||
|
||||
```shell
|
||||
theme/
|
||||
├── assets/
|
||||
│ ├── fonts/
|
||||
│ ├── images/
|
||||
│ ├── js/
|
||||
│ └── scss/
|
||||
├── config/
|
||||
│ └── config.php
|
||||
├── [lib/](https://github.com/seothemes/child-theme-library.git)
|
||||
├── .csscomb.json
|
||||
├── .editorconfig
|
||||
├── .gitignore
|
||||
├── .gitmodules
|
||||
├── .jsbeautifyrc
|
||||
├── .jshintrc
|
||||
├── .stylelintignore
|
||||
├── .stylelintscssrc.js
|
||||
├── CHANGELOG.md
|
||||
├── composer.json
|
||||
├── composer.lock
|
||||
├── customizer.dat
|
||||
├── functions.php
|
||||
├── Gulpfile.js
|
||||
├── LICENSE.md
|
||||
├── package.json
|
||||
├── package.lock.json
|
||||
├── phpcs.xml.dist
|
||||
├── README.md
|
||||
├── sample.xml
|
||||
├── screenshot.png
|
||||
├── setup.sh
|
||||
├── style.css
|
||||
├── stylelint.config.js
|
||||
├── widgets.wie
|
||||
├── woocommerce.css
|
||||
└── yarn.lock
|
||||
```
|
||||
|
||||
## Support
|
||||
|
||||
Please visit https://github.com/seothemes/genesis-starter-theme/issues/ to open a new issue.
|
||||
|
||||
## Authors
|
||||
|
||||
<a href="https://github.com/seothemes/" target="_blank">Lee Anthony</a>
|
||||
|
||||
See also the list of <a href="https://github.com/seothemes/genesis-starter/graphs/contributors" target="_blank">contributors</a> who participated in this project.
|
||||
|
||||
## License
|
||||
|
||||
This project is licensed under the GNU General Public License - see the LICENSE.md file for details.
|
||||
|
||||
## Acknowledgments
|
||||
|
||||
A shout out to anyone who's code was used:
|
||||
|
||||
<a href="https://github.com/garyjones/" target="_blank">Gary Jones</a>,
|
||||
<a href="https://github.com/craigsimps/" target="_blank">Craig Simpson</a>,
|
||||
<a href="https://github.com/christophherr/" target="_blank">Christoph Herr</a>,
|
||||
<a href="https://github.com/timothyjensen/" target="_blank">Tim Jensen</a>,
|
||||
<a href="https://github.com/billerickson/" target="_blank">Bill Erickson</a>,
|
||||
<a href="https://github.com/srikat/" target="_blank">Sridhar Katakam</a>,
|
||||
<a href="https://github.com/cpaul007/" target="_blank">Chinmoy Paul</a>,
|
||||
<a href="https://github.com/cjkoepke/" target="_blank">Calvin Koepke</a>,
|
||||
<a href="https://github.com/nathanrice/" target="_blank">Nathan Rice</a>,
|
||||
<a href="https://github.com/dreamwhisper/" target="_blank">Jen Baumann</a>,
|
||||
<a href="https://github.com/bgardner/" target="_blank">Brian Gardner</a>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 580 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 325 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,87 @@
|
||||
/**
|
||||
* Custom JavaScript.
|
||||
*/
|
||||
|
||||
( function( document, $ ) {
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Append span to menu toggle.
|
||||
*/
|
||||
$( document ).ready( function() {
|
||||
$('.menu-toggle').append('<span></span>');
|
||||
} );
|
||||
|
||||
/**
|
||||
* Add shrink class to header on scroll.
|
||||
*/
|
||||
$( window ).scroll( function() {
|
||||
var scroll = $( window ).scrollTop();
|
||||
var header = $( '.site-header' ).outerHeight();
|
||||
if ( scroll >= header ) {
|
||||
$( '.site-header' ).addClass( 'shrink' );
|
||||
} else {
|
||||
$( '.site-header' ).removeClass( 'shrink' );
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Smooth scrolling.
|
||||
*/
|
||||
// Select all links with hashes
|
||||
$( 'a[href*="#"]' )
|
||||
|
||||
// Remove links that don't actually link to anything
|
||||
.not( '[href="#"]' )
|
||||
.not( '[href="#0"]' )
|
||||
|
||||
// Remove WooCommerce tabs
|
||||
.not( '[href*="#tab-"]' )
|
||||
.click( function( event ) {
|
||||
|
||||
// On-page links
|
||||
if (
|
||||
location.pathname.replace( /^\//, '' ) ==
|
||||
this.pathname.replace( /^\//, '' ) &&
|
||||
location.hostname == this.hostname
|
||||
) {
|
||||
|
||||
// Figure out element to scroll to
|
||||
var target = $( this.hash );
|
||||
target = target.length ?
|
||||
target :
|
||||
$( '[name=' + this.hash.slice( 1 ) + ']' );
|
||||
|
||||
// Does a scroll target exist?
|
||||
if ( target.length ) {
|
||||
|
||||
// Only prevent default if animation is actually gonna happen
|
||||
event.preventDefault();
|
||||
$( 'html, body' ).animate(
|
||||
{
|
||||
scrollTop: target.offset().top
|
||||
},
|
||||
1000,
|
||||
function() {
|
||||
|
||||
// Callback after animation, must change focus!
|
||||
var $target = $( target );
|
||||
$target.focus();
|
||||
|
||||
// Checking if the target was focused
|
||||
if ( $target.is( ':focus' ) ) {
|
||||
return false;
|
||||
} else {
|
||||
|
||||
// Adding tabindex for elements not focusable
|
||||
$target.attr( 'tabindex', '-1' );
|
||||
|
||||
// Set focus again
|
||||
$target.focus();
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
}( document, jQuery ) );
|
||||
@@ -0,0 +1,21 @@
|
||||
/* ## Avatar
|
||||
--------------------------------------------- */
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
|
||||
.author-box &,
|
||||
.alignleft & {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.alignright & {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.comment & {
|
||||
margin: 0 15px 20px 0;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
/* ## Genesis
|
||||
--------------------------------------------- */
|
||||
|
||||
.after-entry {
|
||||
margin-bottom: 40px;
|
||||
padding: 20px 30px;
|
||||
box-shadow: $box-shadow;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
padding: 40px 60px;
|
||||
}
|
||||
|
||||
.widget:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
margin-bottom: 40px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: $border;
|
||||
font-size: $breadcrumb--font-size;
|
||||
}
|
||||
|
||||
.archive-description {
|
||||
margin-bottom: 40px;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: $archive-description__entry-title--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
}
|
||||
}
|
||||
|
||||
.author-box {
|
||||
margin-bottom: 40px;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
padding: 30px;
|
||||
background-color: $author-box--background-color;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* ## Search Form
|
||||
--------------------------------------------- */
|
||||
|
||||
.search-form {
|
||||
overflow: hidden;
|
||||
|
||||
.entry-content & {
|
||||
width: 50%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-password-form input[type="submit"],
|
||||
.search-form input[type="submit"] {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.widget_search input[type="submit"] {
|
||||
|
||||
@include screen-reader-text;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ## Titles
|
||||
--------------------------------------------- */
|
||||
|
||||
.author-box-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: $author-box-title--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: $entry-title--font-size;
|
||||
|
||||
a {
|
||||
color: $entry-title__link--font-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $entry-title__link--font-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.widget-title {
|
||||
margin-bottom: 20px;
|
||||
font-size: $widget-title--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
|
||||
.sidebar & a {
|
||||
color: $sidebar__widget-title--font-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/* WordPress Editor
|
||||
--------------------------------------------- */
|
||||
|
||||
.has-light-gray-background-color {
|
||||
background-color: $lightest-grey;
|
||||
}
|
||||
|
||||
.has-light-gray-color {
|
||||
color: $lightest-grey;
|
||||
}
|
||||
|
||||
.has-medium-gray-background-color {
|
||||
background-color: $medium-grey;
|
||||
}
|
||||
|
||||
.has-medium-gray-color {
|
||||
color: $medium-grey;
|
||||
}
|
||||
|
||||
.has-dark-gray-background-color {
|
||||
background-color: $dark-grey;
|
||||
}
|
||||
|
||||
.has-dark-gray-color {
|
||||
color: $dark-grey;
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
/* ## WordPress
|
||||
--------------------------------------------- */
|
||||
|
||||
a.aligncenter img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a.alignnone {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
a.alignleft,
|
||||
a.alignnone,
|
||||
a.alignright {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img.centered,
|
||||
.aligncenter {
|
||||
display: block;
|
||||
margin: 0 auto 30px;
|
||||
}
|
||||
|
||||
img.alignnone,
|
||||
.alignnone {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
a.alignleft,
|
||||
img.alignleft,
|
||||
.wp-caption.alignleft {
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
|
||||
a.alignright,
|
||||
img.alignright,
|
||||
.wp-caption.alignright {
|
||||
margin: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.gallery-caption,
|
||||
.wp-caption-text {
|
||||
margin: 0;
|
||||
font-size: $entry-content__caption--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.entry-content p.wp-caption-text {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.entry-content .wp-audio-shortcode,
|
||||
.entry-content .wp-playlist,
|
||||
.entry-content .wp-video {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/* # Common Classes
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "avatar";
|
||||
@import "genesis";
|
||||
@import "search-form";
|
||||
@import "titles";
|
||||
@import "wordpress-editor";
|
||||
@import "wordpress";
|
||||
@@ -0,0 +1,75 @@
|
||||
/* ## Entry Comments
|
||||
--------------------------------------------- */
|
||||
|
||||
.entry-comments {
|
||||
margin-bottom: 40px;
|
||||
font-size: $comments--font-size;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-list {
|
||||
|
||||
li {
|
||||
padding: 40px 0 0 30px;
|
||||
}
|
||||
|
||||
.depth-1 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.bypostauthor {
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.comment-content {
|
||||
clear: both;
|
||||
|
||||
ul > li {
|
||||
list-style-type: disc;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-respond {
|
||||
margin-bottom: 40px;
|
||||
font-size: $comments--font-size;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
input[type="email"],
|
||||
input[type="text"],
|
||||
input[type="url"] {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-header p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.entry-pings {
|
||||
margin-bottom: 40px;
|
||||
font-size: $comments--font-size;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.reply {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
/* ## Entry Content
|
||||
--------------------------------------------- */
|
||||
|
||||
.entry {
|
||||
margin-bottom: 40px;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.page &:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
|
||||
p {
|
||||
|
||||
&.has-background {
|
||||
padding: 25px 30px;
|
||||
|
||||
&.box-shadow {
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
&.light-text {
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: underline;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin-bottom: 30px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
ol > li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: $code--background-color;
|
||||
}
|
||||
|
||||
.caption {
|
||||
margin-top: -20px;
|
||||
font-size: $entry-content__caption--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-image-link {
|
||||
display: block;
|
||||
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
.content .sticky {
|
||||
padding: 30px;
|
||||
background-color: $sticky--background-color;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
/* ## Entry Meta
|
||||
--------------------------------------------- */
|
||||
|
||||
.entry-meta {
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: $entry-meta--font-size;
|
||||
}
|
||||
|
||||
.entry-header & {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.entry-footer & {
|
||||
padding-top: 20px;
|
||||
border-top: $border;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-categories,
|
||||
.entry-tags {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.entry-comments-link:before {
|
||||
margin: 0 6px 0 2px;
|
||||
content: "\2014";
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/* ## Pagination
|
||||
--------------------------------------------- */
|
||||
|
||||
.pagination {
|
||||
clear: both;
|
||||
margin: 60px 0;
|
||||
}
|
||||
|
||||
.adjacent-entry-pagination {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.archive-pagination {
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
padding: 8px 12px;
|
||||
color: $archive-pagination--font-color;
|
||||
background-color: $archive-pagination--background-color;
|
||||
font-size: $archive-pagination--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover,
|
||||
&.active a {
|
||||
color: $archive-pagination--font-color-hover;
|
||||
background-color: $archive-pagination--background-color-hover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
/* # Content Area
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "entry-content";
|
||||
@import "entry-meta";
|
||||
@import "pagination";
|
||||
@import "entry-comments";
|
||||
@@ -0,0 +1,76 @@
|
||||
/* ## Forms
|
||||
--------------------------------------------- */
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
border: $border-width $border-style $light-grey;
|
||||
color: $form--font-color;
|
||||
background-color: $forms__background-color;
|
||||
font-size: $form--font-size;
|
||||
font-weight: $font-weight--regular;
|
||||
|
||||
&:focus,
|
||||
&:focus {
|
||||
border: $border-width $border-style $medium-grey;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="image"],
|
||||
input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: $dark-grey;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: $dark-grey;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
.button {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
padding: 15px 30px;
|
||||
border: 0;
|
||||
color: $button--font-color;
|
||||
background-color: $button--background-color;
|
||||
font-size: $button--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
white-space: normal;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $button--font-color-hover;
|
||||
background-color: $button--background-color-hover;
|
||||
}
|
||||
|
||||
&.small {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $button--font-color-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-results-button {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/* ## Gallery
|
||||
--------------------------------------------- */
|
||||
|
||||
.gallery {
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
padding: 4px;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
border: $border-width $border-style $medium-grey;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-item {
|
||||
float: left;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
|
||||
.gallery-columns-1 & {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gallery-columns-2 & {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.gallery-columns-3 & {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.gallery-columns-4 & {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.gallery-columns-5 & {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.gallery-columns-6 & {
|
||||
width: 16.6666%;
|
||||
}
|
||||
|
||||
.gallery-columns-7 & {
|
||||
width: 14.2857%;
|
||||
}
|
||||
|
||||
.gallery-columns-8 & {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.gallery-columns-9 & {
|
||||
width: 11.1111%;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item:nth-child(2n + 1),
|
||||
.gallery-columns-3 .gallery-item:nth-child(3n + 1),
|
||||
.gallery-columns-4 .gallery-item:nth-child(4n + 1),
|
||||
.gallery-columns-5 .gallery-item:nth-child(5n + 1),
|
||||
.gallery-columns-6 .gallery-item:nth-child(6n + 1),
|
||||
.gallery-columns-7 .gallery-item:nth-child(7n + 1),
|
||||
.gallery-columns-8 .gallery-item:nth-child(8n + 1),
|
||||
.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
|
||||
clear: left;
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
/* ## Headings
|
||||
--------------------------------------------- */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0 0 20px;
|
||||
font-family: $heading--font-family;
|
||||
font-weight: $font-weight--regular;
|
||||
line-height: $line-height--small;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $h1--font-size;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: $h2--font-size;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: $h3--font-size;
|
||||
|
||||
.entry-content & {
|
||||
font-weight: $font-weight--semibold;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: $h4--font-size;
|
||||
|
||||
.entry-content & {
|
||||
margin-top: 4rem;
|
||||
font-weight: $font-weight--semibold;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: $h5--font-size;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: $h6--font-size;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
/* ## Objects
|
||||
--------------------------------------------- */
|
||||
|
||||
embed,
|
||||
iframe,
|
||||
img,
|
||||
object,
|
||||
video,
|
||||
.wp-caption {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
/* ## Screen Reader Text
|
||||
--------------------------------------------- */
|
||||
|
||||
.screen-reader-shortcut,
|
||||
.screen-reader-text,
|
||||
.screen-reader-text span {
|
||||
|
||||
@include screen-reader-text;
|
||||
}
|
||||
|
||||
.screen-reader-shortcut:focus,
|
||||
.screen-reader-text:focus,
|
||||
.widget_search input[type="submit"]:focus {
|
||||
display: block;
|
||||
clip: auto !important;
|
||||
z-index: 100000; /* Above WP toolbar. */
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 15px 23px 14px;
|
||||
color: $body--font-color;
|
||||
background: $body--background-color;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
font-size: $screen-reader--font-size-focus;
|
||||
font-weight: $font-weight--bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.more-link {
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ## Tables
|
||||
--------------------------------------------- */
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: 40px;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
line-height: $line-height--big;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
tbody {
|
||||
border-bottom: $border;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 6px;
|
||||
border-top: $border;
|
||||
text-align: left;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 0 6px;
|
||||
font-weight: $font-weight--regular;
|
||||
text-align: left;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
/* ## Typographical Elements
|
||||
--------------------------------------------- */
|
||||
|
||||
html {
|
||||
font-size: 62.5%; /* 10px browser default */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* Chrome fix */
|
||||
body > div {
|
||||
font-size: $body--font-size;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
color: $body--font-color;
|
||||
background-color: $body--background-color;
|
||||
font-family: $body--font-family;
|
||||
font-size: $body--font-size;
|
||||
font-weight: $font-weight--regular;
|
||||
line-height: $line-height--normal;
|
||||
|
||||
&.page-boxed {
|
||||
max-width: map_get($breakpoints, md);
|
||||
margin: 0 auto;
|
||||
background-color: $page-boxed--background-color;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
button,
|
||||
input:focus,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
textarea:focus,
|
||||
.button,
|
||||
.gallery img {
|
||||
transition: all $transition;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link--font-color;
|
||||
text-decoration: underline;
|
||||
transition: color $transition, background-color $transition;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $link--font-color-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
margin: 0 0 30px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
margin: 30px 0;
|
||||
border: 0;
|
||||
border-top: $border;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: $font-weight--bold;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
cite,
|
||||
em,
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: $mark--background-color;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 30px;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -10px;
|
||||
left: -20px;
|
||||
height: 0;
|
||||
font-size: $blockquote__before--font-size;
|
||||
content: "\201C";
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
/* # Defaults
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "typographical-elements";
|
||||
@import "headings";
|
||||
@import "objects";
|
||||
@import "gallery";
|
||||
@import "forms";
|
||||
@import "tables";
|
||||
@import "screen-reader-text";
|
||||
@@ -0,0 +1,33 @@
|
||||
.footer-widgets {
|
||||
clear: both;
|
||||
padding: 60px 0;
|
||||
border-bottom: $border;
|
||||
font-size: $footer-widgets--font-size;
|
||||
text-align: left;
|
||||
|
||||
.wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
@include flexfix;
|
||||
}
|
||||
|
||||
.widget:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-widget-area {
|
||||
margin-bottom: 4rem;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
float: left;
|
||||
width: $one-third;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
/* # Footer Widgets
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "footer-widgets";
|
||||
@@ -0,0 +1,54 @@
|
||||
/* ## Front Page 1
|
||||
--------------------------------------------- */
|
||||
|
||||
.front-page-1 {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding: 26rem 0 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-custom-header {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
|
||||
@include center;
|
||||
|
||||
.woocommerce & img,
|
||||
img,
|
||||
video,
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: -20%;
|
||||
right: -20%;
|
||||
bottom: -20%;
|
||||
left: -20%;
|
||||
width: 140%;
|
||||
min-width: 100%;
|
||||
max-width: 140%;
|
||||
height: 140%;
|
||||
min-height: 56.25vw; // 16:9 aspect ratio.
|
||||
max-height: none;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-custom-header-video-button {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* ## Front Page 2
|
||||
--------------------------------------------- */
|
||||
|
||||
.front-page-2 {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/* ## Front Page 3
|
||||
--------------------------------------------- */
|
||||
|
||||
.front-page-3 {
|
||||
padding: 6rem 0;
|
||||
border-top: $border;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* ## Front Page 4
|
||||
--------------------------------------------- */
|
||||
|
||||
.front-page-4 {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* ## Front Page 5
|
||||
--------------------------------------------- */
|
||||
|
||||
.front-page-5 {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/* # Front Page
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "front-page-1";
|
||||
@import "front-page-2";
|
||||
@import "front-page-3";
|
||||
@import "front-page-4";
|
||||
@import "front-page-5";
|
||||
|
||||
@@ -0,0 +1,173 @@
|
||||
/* ## Baseline Normalize
|
||||
--------------------------------------------- */
|
||||
|
||||
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
button,
|
||||
hr,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
progress,
|
||||
sub,
|
||||
sup {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"],
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0.67em 0;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"],
|
||||
button {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner,
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring,
|
||||
button:-moz-focusring {
|
||||
outline: ButtonText dotted 1px;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/* ## Box Sizing
|
||||
--------------------------------------------- */
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/* ## Float Clearing
|
||||
--------------------------------------------- */
|
||||
|
||||
.author-box:before,
|
||||
.clearfix:before,
|
||||
.entry:before,
|
||||
.entry-content:before,
|
||||
.footer-widgets:before,
|
||||
.nav-primary:before,
|
||||
.nav-secondary:before,
|
||||
.pagination:before,
|
||||
.site-container:before,
|
||||
.site-footer:before,
|
||||
.site-header:before,
|
||||
.site-inner:before,
|
||||
.widget:before,
|
||||
.wrap:before {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.author-box:after,
|
||||
.clearfix:after,
|
||||
.entry:after,
|
||||
.entry-content:after,
|
||||
.footer-widgets:after,
|
||||
.nav-primary:after,
|
||||
.nav-secondary:after,
|
||||
.pagination:after,
|
||||
.site-container:after,
|
||||
.site-footer:after,
|
||||
.site-header:after,
|
||||
.site-inner:after,
|
||||
.widget:after,
|
||||
.wrap:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: " ";
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* # HTML5 Reset
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "baseline-normalize";
|
||||
@import "box-sizing";
|
||||
@import "float-clearing";
|
||||
@@ -0,0 +1,41 @@
|
||||
/* ## Genesis eNews Extended
|
||||
--------------------------------------------- */
|
||||
|
||||
.enews {
|
||||
|
||||
form + p {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.after-entry & {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar & {
|
||||
padding: 30px;
|
||||
background-color: $enews__sidebar--background-color;
|
||||
}
|
||||
}
|
||||
|
||||
.enews-widget {
|
||||
|
||||
input {
|
||||
margin-bottom: 10px;
|
||||
font-size: $enews-widget__input--font-size;
|
||||
|
||||
&[type="submit"] {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.after-entry & {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
/* ## Genesis Simple FAQ
|
||||
--------------------------------------------- */
|
||||
|
||||
.gs-faq {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.gs-faq__answer {
|
||||
|
||||
p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.js & {
|
||||
display: none;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
&.no-animation.gs-faq--expanded {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.gs-faq__question {
|
||||
display: none;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
border-bottom: $border;
|
||||
color: $gs-faq__question--font-color;
|
||||
background: $gs-faq__question--background-color;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
justify-content: space-between;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $gs-faq__question--font-color-hover;
|
||||
background: $gs-faq__question--background-color-hover;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "+";
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&.gs-faq--expanded:after {
|
||||
content: "−";
|
||||
}
|
||||
|
||||
.js & {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.gs-faq__answer__heading {
|
||||
|
||||
.js & {
|
||||
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/* ## Google Map
|
||||
--------------------------------------------- */
|
||||
|
||||
.agm-canvas {
|
||||
|
||||
.hero-section & {
|
||||
position: absolute;
|
||||
height: 100% !important;
|
||||
|
||||
@include center;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/* ## Jetpack
|
||||
--------------------------------------------- */
|
||||
|
||||
#wpstats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
/* # Plugins
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "genesis-enews-extended";
|
||||
@import "genesis-simple-faq";
|
||||
@import "google-map";
|
||||
@import "jetpack";
|
||||
@@ -0,0 +1,141 @@
|
||||
/* # Print Styles
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@media print {
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
color: #333 !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after,
|
||||
.site-title > a:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
img,
|
||||
tr {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 2cm 0.5cm;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
pre {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.content,
|
||||
.content-sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
.breadcrumb,
|
||||
.comment-edit-link,
|
||||
.comment-form,
|
||||
.comment-list .reply a,
|
||||
.comment-reply-title,
|
||||
.edit-link,
|
||||
.entry-comments-link,
|
||||
.entry-footer,
|
||||
.genesis-box,
|
||||
.header-widget-area,
|
||||
.hidden-print,
|
||||
.home-top,
|
||||
.nav-primary,
|
||||
.nav-secondary,
|
||||
.post-edit-link,
|
||||
.sidebar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.title-area {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-title > a {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.site-inner {
|
||||
position: relative;
|
||||
top: -100px;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.author-box {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
orphans: 3;
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
img {
|
||||
page-break-after: avoid;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
pre,
|
||||
table {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
page-break-before: avoid;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@import "print-styles";
|
||||
@@ -0,0 +1,16 @@
|
||||
.sidebar {
|
||||
font-size: $sidebar--font-size;
|
||||
line-height: $line-height--medium;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.widget {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
/* # Sidebar
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "sidebar";
|
||||
@@ -0,0 +1,15 @@
|
||||
.site-footer {
|
||||
border-top: $border;
|
||||
font-size: $site-footer--font-size;
|
||||
line-height: $line-height--medium;
|
||||
text-align: center;
|
||||
|
||||
> .wrap {
|
||||
margin: 3rem auto;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
/* # Site Footer
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "site-footer";
|
||||
@@ -0,0 +1,43 @@
|
||||
/* ## Hero Section
|
||||
--------------------------------------------- */
|
||||
|
||||
.hero-section {
|
||||
position: relative;
|
||||
padding: 12rem 0 6rem;
|
||||
color: $hero-section--background-color;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
text-align: center;
|
||||
|
||||
@include overlay;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding: 16rem 0 10rem;
|
||||
}
|
||||
|
||||
.has-nav-secondary & {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding: 21rem 0 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
max-width: map-get($breakpoints, sm);
|
||||
margin: 0 auto 0.382em;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
font-size: $hero-section__h1--font-size;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: map-get($breakpoints, sm);
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.site-header {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
background-color: $site-header--background-color;
|
||||
box-shadow: $box-shadow;
|
||||
|
||||
.has-sticky-header & {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.page-boxed & {
|
||||
max-width: map_get($breakpoints, md);
|
||||
}
|
||||
|
||||
> .wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
@include flexfix;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
/* ## Title Area
|
||||
--------------------------------------------- */
|
||||
|
||||
.title-area {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6.2rem;
|
||||
|
||||
.wp-custom-logo & {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
|
||||
img {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-title {
|
||||
margin-bottom: 0;
|
||||
font-size: $site-title--font-size;
|
||||
font-weight: $font-weight--semibold;
|
||||
line-height: $line-height--smaller;
|
||||
|
||||
a,
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: $site-title__link--font-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wp-custom-logo & {
|
||||
|
||||
@include screen-reader-text;
|
||||
}
|
||||
}
|
||||
|
||||
.site-description {
|
||||
|
||||
@include screen-reader-text;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* # Site Header
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "site-header";
|
||||
@import "title-area";
|
||||
@import "hero-section";
|
||||
@@ -0,0 +1,15 @@
|
||||
/* ## Primary Navigation
|
||||
--------------------------------------------- */
|
||||
|
||||
.nav-primary {
|
||||
width: 100%;
|
||||
background-color: $nav-primary--background-color;
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
width: auto;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/* ## Secondary Navigation
|
||||
--------------------------------------------- */
|
||||
|
||||
.nav-secondary {
|
||||
border-top: $border;
|
||||
background-color: $nav-secondary--background-color;
|
||||
}
|
||||
@@ -0,0 +1,178 @@
|
||||
/* ## Responsive Menu
|
||||
--------------------------------------------- */
|
||||
|
||||
.menu {
|
||||
|
||||
.menu-item:focus {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.menu-item > a:focus + ul.sub-menu,
|
||||
.menu-item.sfHover > ul.sub-menu {
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.genesis-responsive-menu {
|
||||
display: none;
|
||||
position: relative;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.genesis-nav-menu {
|
||||
|
||||
.menu-item:hover > .sub-menu,
|
||||
.menu-item:focus > .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: none;
|
||||
clear: both;
|
||||
position: static;
|
||||
z-index: 99;
|
||||
left: -9999px;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-left: 15px;
|
||||
opacity: 1;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
position: absolute;
|
||||
width: 180px;
|
||||
padding-left: 0;
|
||||
border-top: $border;
|
||||
opacity: 0;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
padding: 1.25em 0 1.25em 1.25em;
|
||||
border-width: 0;
|
||||
color: $menu-toggle--font-color;
|
||||
background-color: $menu-toggle--background-color;
|
||||
line-height: $line-height--smaller;
|
||||
text-align: center;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
border-width: 0;
|
||||
color: $menu-toggle--font-color-hover;
|
||||
background-color: $menu-toggle--background-color;
|
||||
|
||||
span,
|
||||
span:before,
|
||||
span:after {
|
||||
background-color: $link--font-color;
|
||||
}
|
||||
}
|
||||
|
||||
span,
|
||||
span:before,
|
||||
span:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 2px;
|
||||
background-color: $dark-grey;
|
||||
content: "";
|
||||
transition: background-color $transition;
|
||||
}
|
||||
|
||||
span {
|
||||
top: 1px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
|
||||
&:before {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.activated {
|
||||
|
||||
span {
|
||||
background-color: transparent;
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: 0;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu-toggle {
|
||||
position: relative;
|
||||
width: 3.6rem;
|
||||
height: 3.6rem;
|
||||
padding: 0;
|
||||
background: $sub-menu-toggle--background-color;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0.8rem;
|
||||
height: 2px;
|
||||
background-color: $dark-grey;
|
||||
content: "";
|
||||
}
|
||||
|
||||
&:before {
|
||||
left: 1.2rem;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 1.2rem;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&.activated {
|
||||
|
||||
&:before {
|
||||
left: 1.2rem;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 1.2rem;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,142 @@
|
||||
.genesis-nav-menu {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
line-height: 1;
|
||||
|
||||
.menu-item {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
position: relative;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
|
||||
.sub-menu:focus,
|
||||
.sub-menu:hover {
|
||||
z-index: 100;
|
||||
}
|
||||
}
|
||||
|
||||
> .sub-menu {
|
||||
display: block;
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .menu-item {
|
||||
|
||||
&:first-of-type {
|
||||
|
||||
> a {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .menu-bold > a {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
font-weight: $font-weight--bold;
|
||||
}
|
||||
}
|
||||
|
||||
> .menu-highlight > a {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
margin-left: 15px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
border-radius: 3px;
|
||||
color: $menu-highlight__link--font-color;
|
||||
background-color: $menu-highlight__link--background-color;
|
||||
font-weight: $font-weight--semibold;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $menu-highlight__link--background-color-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 1em 0;
|
||||
outline-offset: -1px;
|
||||
color: $genesis-nav-menu--font-color;
|
||||
font-size: $genesis-nav-menu--font-size;
|
||||
font-weight: $font-weight--regular;
|
||||
text-decoration: none;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding: 1.2em 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover,
|
||||
.current-menu-item > a,
|
||||
.sub-menu .current-menu-item > a:focus,
|
||||
.sub-menu .current-menu-item > a:hover {
|
||||
color: $genesis-nav-menu--font-color-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: block;
|
||||
clear: both;
|
||||
position: static;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-left: 15px;
|
||||
opacity: 1;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
position: absolute;
|
||||
width: 180px;
|
||||
padding-left: 0;
|
||||
border-top: $border;
|
||||
opacity: 0;
|
||||
transition: opacity $transition;
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
background-color: $genesis-nav-menu__sub-menu__link--background-color;
|
||||
font-size: $genesis-nav-menu__sub-menu__link--font-size;
|
||||
word-wrap: break-word;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
width: 180px;
|
||||
padding: 1em;
|
||||
border: $border;
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
margin: -46px 0 0 179px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/* # Site Navigation
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "site-navigation";
|
||||
@import "responsive-menu";
|
||||
@import "nav-primary";
|
||||
@import "nav-secondary";
|
||||
@@ -0,0 +1,21 @@
|
||||
.genesis-skip-link {
|
||||
margin: 0;
|
||||
|
||||
.skip-link-hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 0;
|
||||
height: 0;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Display outline on focus */
|
||||
|
||||
:focus {
|
||||
outline: #ccc solid 1px;
|
||||
color: $body--font-color;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
/* # Skip Links
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "skip-links";
|
||||
@@ -0,0 +1,77 @@
|
||||
/* ## Column Classes
|
||||
--------------------------------------------- */
|
||||
|
||||
@include breakpoint(sm) {
|
||||
|
||||
.one-half,
|
||||
.one-third,
|
||||
.one-fourth,
|
||||
.one-fifth,
|
||||
.one-sixth,
|
||||
.two-thirds,
|
||||
.two-fourths,
|
||||
.two-fifths,
|
||||
.two-sixths,
|
||||
.three-fourths,
|
||||
.three-fifths,
|
||||
.three-sixths,
|
||||
.four-fifths,
|
||||
.four-sixths,
|
||||
.five-sixths {
|
||||
float: left;
|
||||
margin-left: $margin-left;
|
||||
}
|
||||
|
||||
.one-half,
|
||||
.three-sixths,
|
||||
.two-fourths {
|
||||
width: $one-half;
|
||||
}
|
||||
|
||||
.one-third,
|
||||
.two-sixths {
|
||||
width: $one-third;
|
||||
}
|
||||
|
||||
.four-sixths,
|
||||
.two-thirds {
|
||||
width: $two-thirds;
|
||||
}
|
||||
|
||||
.one-fourth {
|
||||
width: $one-fourth;
|
||||
}
|
||||
|
||||
.three-fourths {
|
||||
width: $three-fourths;
|
||||
}
|
||||
|
||||
.one-fifth {
|
||||
width: $one-fifth;
|
||||
}
|
||||
|
||||
.two-fifths {
|
||||
width: $two-fifths;
|
||||
}
|
||||
|
||||
.three-fifths {
|
||||
width: $three-fifths;
|
||||
}
|
||||
|
||||
.four-fifths {
|
||||
width: $four-fifths;
|
||||
}
|
||||
|
||||
.one-sixth {
|
||||
width: $one-sixth;
|
||||
}
|
||||
|
||||
.five-sixths {
|
||||
width: $five-sixths;
|
||||
}
|
||||
|
||||
.first {
|
||||
clear: both;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/* ## Site Container
|
||||
--------------------------------------------- */
|
||||
|
||||
.site-container {
|
||||
background-color: $site-container--background-color;
|
||||
word-wrap: break-word;
|
||||
-webkit-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
|
||||
button:disabled,
|
||||
button:disabled:hover,
|
||||
input:disabled,
|
||||
input:disabled:hover,
|
||||
input[type="button"]:disabled,
|
||||
input[type="button"]:disabled:hover,
|
||||
input[type="reset"]:disabled,
|
||||
input[type="reset"]:disabled:hover,
|
||||
input[type="submit"]:disabled,
|
||||
input[type="submit"]:disabled:hover {
|
||||
border-width: 0;
|
||||
color: $disabled--font-color;
|
||||
background-color: $disabled--background-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap,
|
||||
.content-sidebar-wrap {
|
||||
width: 90%;
|
||||
max-width: map_get($breakpoints, xl);
|
||||
margin: 0 auto;
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content-sidebar-wrap {
|
||||
margin: 6rem auto;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.sidebar-content & {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.center-content &,
|
||||
.full-width-content & {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/* ## Site Inner
|
||||
--------------------------------------------- */
|
||||
|
||||
.site-inner {
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
@include breakpoint(sm) {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.full-width-content & {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/* # Structure and Layout
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "site-container";
|
||||
@import "site-inner";
|
||||
@import "column-classes";
|
||||
@@ -0,0 +1,62 @@
|
||||
/* Table of Contents
|
||||
- HTML5 Reset
|
||||
- Baseline Normalize
|
||||
- Box Sizing
|
||||
- Float Clearing
|
||||
- Defaults
|
||||
- Typographical Elements
|
||||
- Headings
|
||||
- Objects
|
||||
- Gallery
|
||||
- Forms
|
||||
- Tables
|
||||
- Screen Reader Text
|
||||
- Structure and Layout
|
||||
- Site Container
|
||||
- Site Inner
|
||||
- Common Classes
|
||||
- Avatar
|
||||
- Genesis
|
||||
- Search Form
|
||||
- Titles
|
||||
- WordPress
|
||||
- Widgets
|
||||
- Featured Content
|
||||
- Plugins
|
||||
- Genesis eNews Extended
|
||||
- Genesis Simple FAQ
|
||||
- Jetpack
|
||||
- Skip Links
|
||||
- Site Header
|
||||
- Title Area
|
||||
- Site Navigation
|
||||
- Responsive Menu
|
||||
- Header Menu
|
||||
- Footer Menu
|
||||
- Content Area
|
||||
- Entry Content
|
||||
- Entry Meta
|
||||
- Pagination
|
||||
- Entry Comments
|
||||
- Sidebar
|
||||
- Footer Widgets
|
||||
- Site Footer
|
||||
- Print Styles
|
||||
*/
|
||||
|
||||
@import "utilities/index";
|
||||
@import "html5-reset/index";
|
||||
@import "defaults/index";
|
||||
@import "structure-and-layout/index";
|
||||
@import "common-classes/index";
|
||||
@import "widgets/index";
|
||||
@import "plugins/index";
|
||||
@import "skip-links/index";
|
||||
@import "site-header/index";
|
||||
@import "site-navigation/index";
|
||||
@import "content-area/index";
|
||||
@import "sidebar/index";
|
||||
@import "front-page/index";
|
||||
@import "footer-widgets/index";
|
||||
@import "site-footer/index";
|
||||
@import "print-styles/index";
|
||||
@@ -0,0 +1,90 @@
|
||||
// Media Queries.
|
||||
@mixin breakpoint( $breakpoint ) {
|
||||
|
||||
@if map-has-key($breakpoints, $breakpoint) {
|
||||
|
||||
@media (min-width: #{ map-get($breakpoints, $breakpoint) }) {
|
||||
|
||||
@content;
|
||||
}
|
||||
|
||||
} @else if type_of( $breakpoint ) == number and unit( $breakpoint ) == px or unit( $breakpoint ) == em or unit( $breakpoint ) == rem {
|
||||
|
||||
@media (min-width: $breakpoint) {
|
||||
|
||||
@content;
|
||||
}
|
||||
|
||||
} @else {
|
||||
|
||||
@warn "No value could be retrieved from `#{$breakpoint}`. "
|
||||
+ "Please make sure it is defined in `$breakpoints` map, or it is a valid number with supported unit of px, em or rem.";
|
||||
}
|
||||
}
|
||||
|
||||
// Clearfix.
|
||||
@mixin clearfix {
|
||||
clear: both;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
// Flexfix.
|
||||
@mixin flexfix {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
// Transitions.
|
||||
@mixin transition {
|
||||
-webkit-transition: all $transition;
|
||||
-moz-transition: all $transition;
|
||||
-o-transition: all $transition;
|
||||
transition: all $transition;
|
||||
}
|
||||
|
||||
// Overlay.
|
||||
@mixin overlay {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: $overlay;
|
||||
content: "";
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Center.
|
||||
@mixin center {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
// Screen reader text.
|
||||
@mixin screen-reader-text {
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
// Breakpoints.
|
||||
$breakpoints: (
|
||||
xs: 512px,
|
||||
sm: 896px,
|
||||
md: 1024px,
|
||||
lg: 1152px,
|
||||
xl: 1280px
|
||||
);
|
||||
|
||||
// Base Colors.
|
||||
$black: #000;
|
||||
$dark-grey: #333;
|
||||
$mid-grey: #777;
|
||||
$medium-grey: #999;
|
||||
$light-grey: #ddd;
|
||||
$blue: #0073e5;
|
||||
$lighter-grey: #eee;
|
||||
$lightest-grey: #f5f5f5;
|
||||
$white: #fff;
|
||||
$overlay: rgba($dark-grey, 0.2);
|
||||
|
||||
// Base Fonts.
|
||||
$base-font: "Source Sans Pro", sans-serif;
|
||||
|
||||
// Transitions.
|
||||
$transition: 0.2s ease-in-out;
|
||||
|
||||
// Border styles.
|
||||
$border-width: 1px;
|
||||
$border-style: solid;
|
||||
$border-color: $lighter-grey;
|
||||
$border: $border-width $border-style $border-color;
|
||||
|
||||
// Box Shadow.
|
||||
$box-shadow-blur-radius: 20px;
|
||||
$box-shadow-opacity: 0.075;
|
||||
$box-shadow: 0 0 $box-shadow-blur-radius rgba($dark-grey, $box-shadow-opacity);
|
||||
|
||||
// Genesis Column Classes.
|
||||
$margin-left: 2.564102564102564%;
|
||||
$one-half: 48.71794871794871%;
|
||||
$one-third: 31.62393162393162%;
|
||||
$one-fifth: 17.94871794871794%;
|
||||
$one-fourth: 23.07692307692307%;
|
||||
$one-sixth: 14.52991452991453%;
|
||||
$one-seventh: 12.08791208791208%;
|
||||
$one-eighth: 10.25641025641025%;
|
||||
$one-ninth: 8.831908831908832%;
|
||||
$two-thirds: 65.81196581196582%;
|
||||
$two-fourths: 48.71794871794871%;
|
||||
$two-fifths: 38.46153846153846%;
|
||||
$two-sixths: 31.62393162393162%;
|
||||
$three-fourths: 74.35897435897436%;
|
||||
$three-fifths: 58.97435897435897%;
|
||||
$three-sixths: 48.71794871794871%;
|
||||
$four-fifths: 79.48717948717948%;
|
||||
$four-sixths: 65.81196581196582%;
|
||||
$five-sixths: 82.90598290598291%;
|
||||
|
||||
// Font sizes.
|
||||
$body--font-size: 1.8rem;
|
||||
$h1--font-size: 3rem;
|
||||
$h2--font-size: 2.7rem;
|
||||
$h3--font-size: 2.4rem;
|
||||
$h4--font-size: 2rem;
|
||||
$h5--font-size: 1.8rem;
|
||||
$h6--font-size: 1.6rem;
|
||||
$button--font-size: 1.6rem;
|
||||
$hero-section__h1--font-size: $h1--font-size * 1.5;
|
||||
$archive-description__entry-title--font-size: 2rem;
|
||||
$author-box-title--font-size: $archive-description__entry-title--font-size;
|
||||
$breadcrumb--font-size: 1.6rem;
|
||||
$entry-title--font-size: 3rem;
|
||||
$featured-content__entry-title--font-size: 1.6rem;
|
||||
$enews-widget__input--font-size: 1.6rem;
|
||||
$site-title--font-size: 2rem;
|
||||
$genesis-nav-menu--font-size: 1.5rem;
|
||||
$genesis-nav-menu__sub-menu__link--font-size: 1.4rem;
|
||||
$sidebar--font-size: 1.6rem;
|
||||
$entry-content__caption--font-size: 1.4rem;
|
||||
$entry-meta--font-size: 1.6rem;
|
||||
$comments--font-size: 1.8rem;
|
||||
$footer-widgets--font-size: 1.8rem;
|
||||
$site-footer--font-size: 1.5rem;
|
||||
$form--font-size: 1.8rem;
|
||||
$widget-title--font-size: 1.8rem;
|
||||
$archive-pagination--font-size: 1.6rem;
|
||||
$blockquote__before--font-size: 3rem;
|
||||
$after-entry__breadcrumb--font-size: 1.6rem;
|
||||
$screen-reader--font-size-focus: 1em;
|
||||
|
||||
// Font families.
|
||||
$body--font-family: $base-font;
|
||||
$heading--font-family: $base-font;
|
||||
|
||||
// Font weights.
|
||||
$font-weight--regular: 400;
|
||||
$font-weight--semibold: 600;
|
||||
$font-weight--bold: 700;
|
||||
|
||||
// Line heights.
|
||||
$line-height--big: 2;
|
||||
$line-height--large: 1.75;
|
||||
$line-height--normal: 1.625;
|
||||
$line-height--medium: 1.5;
|
||||
$line-height--medium-small: 1.4;
|
||||
$line-height--small: 1.2;
|
||||
$line-height--smaller: 1;
|
||||
|
||||
// Font colors.
|
||||
$body--font-color: $dark-grey;
|
||||
$link--font-color: $blue;
|
||||
$link--font-color-hover: $dark-grey;
|
||||
$button--font-color: $white;
|
||||
$button--font-color-hover: $white;
|
||||
$entry-title__link--font-color: $dark-grey;
|
||||
$entry-title__link--font-color-hover: $blue;
|
||||
$site-title__link--font-color: $dark-grey;
|
||||
$genesis-nav-menu--font-color: $dark-grey;
|
||||
$genesis-nav-menu--font-color-hover: $blue;
|
||||
$menu-toggle--font-color: $dark-grey;
|
||||
$menu-toggle--font-color-hover: $blue;
|
||||
$sub-menu-toggle--font-color: $dark-grey;
|
||||
$sub-menu-toggle--font-color-hover: $blue;
|
||||
$menu-highlight__link--font-color: $white;
|
||||
$sidebar__widget-title--font-color: $dark-grey;
|
||||
$form--font-color: $dark-grey;
|
||||
$archive-pagination--font-color: $dark-grey;
|
||||
$archive-pagination--font-color-hover: $white;
|
||||
$gs-faq__question--font-color: $dark-grey;
|
||||
$gs-faq__question--font-color-hover: $blue;
|
||||
$disabled--font-color: $mid-grey;
|
||||
|
||||
// Background colors.
|
||||
$body--background-color: $white;
|
||||
$page-boxed--background-color: $lightest-grey;
|
||||
$site-container--background-color: $white;
|
||||
$site-header--background-color: $white;
|
||||
$mark--background-color: $light-grey;
|
||||
$button--background-color: $dark-grey;
|
||||
$button--background-color-hover: $blue;
|
||||
$genesis-nav-menu__sub-menu__link--background-color: $white;
|
||||
$nav-primary--background-color: $white;
|
||||
$nav-secondary--background-color: $white;
|
||||
$menu-toggle--background-color: transparent;
|
||||
$sub-menu-toggle--background-color: transparent;
|
||||
$hero-section--background-color: $white;
|
||||
$footer-widgets--background-color: $white;
|
||||
$site-footer--background-color: $white;
|
||||
$menu-highlight__link--background-color: $dark-grey;
|
||||
$menu-highlight__link--background-color-hover: $blue;
|
||||
$forms__background-color: $white;
|
||||
$sticky--background-color: $lightest-grey;
|
||||
$author-box--background-color: $lightest-grey;
|
||||
$code--background-color: $lightest-grey;
|
||||
$archive-pagination--background-color: $lightest-grey;
|
||||
$archive-pagination--background-color-hover: $dark-grey;
|
||||
$enews__sidebar--background-color: $lightest-grey;
|
||||
$disabled--background-color: $lighter-grey;
|
||||
$gs-faq__question--background-color: transparent;
|
||||
$gs-faq__question--background-color-hover: $gs-faq__question--background-color;
|
||||
|
||||
// WooCommerce.
|
||||
$shop-page-navigation-link--font-size: 1.6rem;
|
||||
$cart-table-td--font-size: 1.8rem;
|
||||
$form-button--font-size: 1.6rem;
|
||||
$form-quantity-qty--font-size: 2rem;
|
||||
$account-page-address-title-h3--font-size: 2.6rem;
|
||||
$breadcrumb-breadcrumb--font-size: 1.8rem;
|
||||
$widgets-price-filter-price-slider-amount-button--font-size: 1.6rem;
|
||||
$widgets-recent-reviews-reviewer--font-size: 1.2rem;
|
||||
@@ -0,0 +1,2 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ## Featured Content
|
||||
--------------------------------------------- */
|
||||
|
||||
.featured-content {
|
||||
|
||||
.entry {
|
||||
margin-bottom: 20px;
|
||||
border-bottom: $border;
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-image {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
font-size: $featured-content__entry-title--font-size;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
.widget {
|
||||
|
||||
.sidebar & {
|
||||
margin-bottom: 40px;
|
||||
|
||||
p:last-child,
|
||||
ul > li:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul > li {
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol > li {
|
||||
padding-left: 20px;
|
||||
text-indent: -20px;
|
||||
list-style-position: inside;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li li {
|
||||
margin: 0 0 0 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget_calendar {
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/* # Widgets
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
@import "widgets";
|
||||
@import "featured-content";
|
||||
@@ -0,0 +1,83 @@
|
||||
/* # WooCommerce Account Page
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce-account {
|
||||
|
||||
.woocommerce-Address-title h3 {
|
||||
font-size: 26px;
|
||||
font-size: 2.6rem;
|
||||
}
|
||||
|
||||
.woocommerce-Address {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
table.order_details th.product-total {
|
||||
min-width: 110px;
|
||||
}
|
||||
|
||||
.woocommerce-MyAccount-navigation ul {
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-MyAccount-content,
|
||||
.woocommerce-MyAccount-navigation {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-MyAccount-navigation {
|
||||
margin-bottom: 40px;
|
||||
padding: 20px;
|
||||
border: 1px solid #eee;
|
||||
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
|
||||
li {
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.2;
|
||||
list-style-type: none;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.is-active > a {
|
||||
color: #333;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-sidebar.woocommerce-account,
|
||||
.sidebar-content.woocommerce-account {
|
||||
|
||||
.woocommerce-MyAccount-navigation {
|
||||
|
||||
ul {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-MyAccount-content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce table.my_account_orders .button {
|
||||
margin: 5px;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* # WooCommerce Breadcrumb
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce .woocommerce-breadcrumb {
|
||||
margin-bottom: 40px;
|
||||
font-size: 18px;
|
||||
font-size: 1.8rem;
|
||||
|
||||
&,
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: #0073e5;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* # WooCommerce Cart Page
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce table.shop_table {
|
||||
|
||||
&,
|
||||
td {
|
||||
border-color: #eee;
|
||||
border-radius: 0;
|
||||
line-height: 1.75;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.order-number {
|
||||
min-width: 75px;
|
||||
}
|
||||
|
||||
td.actions {
|
||||
padding-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-cart table.cart {
|
||||
line-height: 1.75;
|
||||
|
||||
td {
|
||||
padding: 10px 12px;
|
||||
font-size: 18px;
|
||||
font-size: 1.8rem;
|
||||
|
||||
&.actions .coupon .input-text {
|
||||
width: 100% !important;
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
font-size: 1.8rem;
|
||||
|
||||
@include breakpoint( xs ) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-thumbnail {
|
||||
min-width: 56px;
|
||||
}
|
||||
|
||||
th {
|
||||
|
||||
&.product-name {
|
||||
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
&.product-price,
|
||||
&.product-quantity,
|
||||
&.product-subtotal {
|
||||
min-width: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-cart td.product-name dl.variation dd {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.woocommerce-checkout-review-order-table th.product-total {
|
||||
min-width: 110px;
|
||||
}
|
||||
|
||||
.woocommerce-checkout table.cart img,
|
||||
#add_payment_method table.cart img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* # WooCommerce Checkout
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce-cart,
|
||||
.woocommerce-checkout,
|
||||
#add_payment_method {
|
||||
|
||||
#payment {
|
||||
|
||||
ul.payment_methods li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div.form-row {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table.cart td.actions .coupon input.input-text {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/* # WooCommerce Disabled Buttons
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
a.button,
|
||||
button.button,
|
||||
input.button,
|
||||
#respond input#submit {
|
||||
|
||||
&.disabled,
|
||||
&:disabled,
|
||||
&:disabled[disabled] {
|
||||
padding: 16px 24px;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
&.alt {
|
||||
|
||||
&.disabled,
|
||||
&.disabled:hover,
|
||||
&:disabled,
|
||||
&:disabled:hover,
|
||||
&[disabled]:disabled,
|
||||
&[disabled]:disabled:hover {
|
||||
padding: 16px 24px;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
/* # WooCommerce Forms
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
a.button,
|
||||
a.button.alt,
|
||||
button.button,
|
||||
button.button.alt,
|
||||
input.button,
|
||||
input.button.alt,
|
||||
input.button[type="submit"],
|
||||
#respond input#submit,
|
||||
#respond input#submit.alt {
|
||||
width: auto;
|
||||
padding: 15px 20px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
font-size: 16px;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #fff;
|
||||
background-color: #0073e5;
|
||||
}
|
||||
}
|
||||
|
||||
#reviews #comment {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.quantity .qty {
|
||||
width: 70px;
|
||||
margin-right: 5px;
|
||||
padding: 12px 5px;
|
||||
font-size: 20px;
|
||||
font-size: 2rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
form {
|
||||
|
||||
.form-row input.input-text,
|
||||
.form-row textarea {
|
||||
padding: 8px 20px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&.checkout_coupon,
|
||||
&.login,
|
||||
&.register,
|
||||
.form-row .select2-container,
|
||||
.form-row.woocommerce-validated input.input-text,
|
||||
.form-row.woocommerce-validated select,
|
||||
.form-row.woocommerce-validated .select2-container {
|
||||
border-color: #eee;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.coupon {
|
||||
line-height: 1;
|
||||
|
||||
.input-text {
|
||||
height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
input.button,
|
||||
input.button[type="submit"] {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint( xs ) {
|
||||
|
||||
.woocommerce form .form-row-first,
|
||||
.woocommerce-page form .form-row-first,
|
||||
.woocommerce #reviews #comments .star-rating {
|
||||
float: left;
|
||||
width: 47%;
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-last,
|
||||
.woocommerce-page form .form-row-last {
|
||||
float: right;
|
||||
width: 47%;
|
||||
}
|
||||
|
||||
.woocommerce input.button,
|
||||
.woocommerce input.button[type="submit"],
|
||||
.woocommerce-cart table.cart td.actions .coupon .input-text {
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-cart table.cart,
|
||||
.woocommerce-checkout table.cart,
|
||||
#add_payment_method table.cart {
|
||||
|
||||
td.actions .coupon .input-text {
|
||||
width: 150px;
|
||||
padding: 5px 20px;
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce form .form-row-first,
|
||||
.woocommerce form .form-row-last,
|
||||
.woocommerce #reviews #comments .star-rating,
|
||||
.woocommerce-page form .form-row-first,
|
||||
.woocommerce-page form .form-row-last {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* # WooCommerce Globals
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
.entry.product {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
abbr.required,
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
span.onsale {
|
||||
min-height: auto;
|
||||
border-radius: 0;
|
||||
background-color: #0073e5;
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.products .star-rating {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
p.stars {
|
||||
|
||||
a,
|
||||
a:focus,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-LoopProduct-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce.full-width-content .content,
|
||||
.woocommerce-page.full-width-content .content {
|
||||
width: 100%;
|
||||
max-width: map_get($breakpoints, lg);
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
/* # WooCommerce Misc
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce-error,
|
||||
.woocommerce-info,
|
||||
.woocommerce-message {
|
||||
border-top-color: #0073e5;
|
||||
background-color: #f5f5f5;
|
||||
|
||||
&:before,
|
||||
&:before,
|
||||
&:before {
|
||||
color: #0073e5;
|
||||
}
|
||||
}
|
||||
|
||||
div.woocommerce-info.wc-memberships-restriction-message.wc-memberships-restricted-content-message {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.woocommerce-message .button.wc-forward {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@include breakpoint( xs ) {
|
||||
width: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* # WooCommerce Payment
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce-cart #payment,
|
||||
.woocommerce-checkout #payment,
|
||||
#add_payment_method #payment {
|
||||
padding: 30px;
|
||||
border-radius: 0;
|
||||
background-color: #f5f5f5;
|
||||
|
||||
div.payment_box {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
div.payment_box:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.payment_methods {
|
||||
border-color: #eee;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/* # WooCommerce Product Gallery
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
.woocommerce-product-gallery__wrapper {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.woocommerce-product-gallery__trigger {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.woocommerce-product-gallery {
|
||||
overflow: hidden;
|
||||
|
||||
.flex-control-nav {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
/* # WooCommerce Product Tabs
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce div.product .woocommerce-tabs ul.tabs {
|
||||
padding: 0;
|
||||
|
||||
&:before,
|
||||
li {
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #eee;
|
||||
border-bottom: 0;
|
||||
border-radius: 0;
|
||||
background-color: #fff;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-bottom-color: #eee;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.5em 1em;
|
||||
color: #000;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: #0073e5;
|
||||
}
|
||||
}
|
||||
|
||||
&.active a:after {
|
||||
display: block;
|
||||
float: right;
|
||||
font-family: dashicons;
|
||||
content: "\f147";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include breakpoint( sm ) {
|
||||
|
||||
.full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs {
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li {
|
||||
display: inline-block;
|
||||
margin: 0 -5px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
|
||||
border-bottom: 1px solid #fff;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@include breakpoint(map_get($breakpoints,lg)) {
|
||||
|
||||
.woocommerce div.product .woocommerce-tabs ul.tabs {
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.woocommerce div.product .woocommerce-tabs ul.tabs li {
|
||||
display: inline-block;
|
||||
margin: 0 -5px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
|
||||
border-bottom: 1px solid #fff;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* # WooCommerce Product
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
div.product {
|
||||
|
||||
p.price,
|
||||
span.price {
|
||||
color: #0073e5;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
form.cart {
|
||||
|
||||
.button {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.variations {
|
||||
table-layout: fixed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-variation-price {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint( xs ) {
|
||||
|
||||
.woocommerce ul.products li.product .button,
|
||||
.woocommerce .woocommerce-ordering,
|
||||
.woocommerce-page ul.products li.product .button,
|
||||
.woocommerce-page .woocommerce-ordering {
|
||||
width: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
/* # WooCommerce Reviews
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
#reviews #comments ol.commentlist li {
|
||||
|
||||
img.avatar {
|
||||
position: relative;
|
||||
width: 60px;
|
||||
margin: 0 16px 24px 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
margin-left: 80px;
|
||||
border-color: #eee;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content #reviews ol > li {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/* # WooCommerce Shop Page
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
.woocommerce {
|
||||
|
||||
.content .entry {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
a.added_to_cart {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
a.button.loading:after,
|
||||
button.button.loading:after,
|
||||
input.button.loading:after,
|
||||
#respond input#submit.loading:after {
|
||||
top: 1em;
|
||||
}
|
||||
|
||||
ul.products li.product {
|
||||
|
||||
h3,
|
||||
.price .from {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h3:hover,
|
||||
.price {
|
||||
color: #0073e5;
|
||||
}
|
||||
|
||||
/* MS Edge Bug Fix */
|
||||
a {
|
||||
-webkit-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
|
||||
-ms-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
|
||||
transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
nav.woocommerce-pagination {
|
||||
clear: both;
|
||||
margin: 40px 0;
|
||||
|
||||
ul,
|
||||
ul li {
|
||||
border: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
font-size: 16px;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.625;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover,
|
||||
span.current {
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product .button,
|
||||
.woocommerce .woocommerce-ordering,
|
||||
.woocommerce-page ul.products li.product .button,
|
||||
.woocommerce-page .woocommerce-ordering {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/* # WooCommerce Widgets
|
||||
---------------------------------------------------------------------------------------------------- */
|
||||
|
||||
/* Woo Search
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce-product-search {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
||||
input[type="submit"] {
|
||||
clip: rect(0, 0, 0, 0);
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Woo Shopping Cart
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce .widget_shopping_cart,
|
||||
.woocommerce.widget_shopping_cart {
|
||||
|
||||
ul.cart_list li {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.cart_list li a.remove {
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.total {
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.buttons a {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cart_list li.empty {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Woo Product Lists
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce ul.cart_list li img,
|
||||
.woocommerce ul.product_list_widget li img {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.sidebar ul.product_list_widget li {
|
||||
margin-bottom: 15px;
|
||||
padding: 15px 0 0;
|
||||
line-height: 1.4;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Woo Filter
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce .widget_price_filter,
|
||||
.woocommerce.widget_price_filter {
|
||||
|
||||
.price_slider_wrapper .ui-widget-content {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.ui-slider .ui-slider-range {
|
||||
background-color: #0073e5;
|
||||
}
|
||||
|
||||
.ui-slider .ui-slider-handle {
|
||||
top: -0.28em;
|
||||
}
|
||||
|
||||
.price_slider_amount .button {
|
||||
font-size: 16px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce {
|
||||
|
||||
.widget_layered_nav ul li.chosen a:before,
|
||||
.widget_layered_nav_filters ul li a:before,
|
||||
.widget_rating_filter ul li.chosen a:before {
|
||||
color: #0073e5;
|
||||
}
|
||||
}
|
||||
|
||||
/* Woo Active Filters
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce.widget_layered_nav_filters ul li {
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
|
||||
/* Woo Recent Reviews
|
||||
-------------------------------------------------- */
|
||||
|
||||
.woocommerce.widget_recent_reviews .reviewer {
|
||||
font-size: 12px;
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/* Genesis Sample WooCommerce
|
||||
Loaded on WooCommerce pages */
|
||||
|
||||
@import "../utilities/_variables.scss";
|
||||
@import "../utilities/_mixins.scss";
|
||||
@import "globals";
|
||||
@import "shop-page";
|
||||
@import "product";
|
||||
@import "product-tabs";
|
||||
@import "checkout";
|
||||
@import "cart-page";
|
||||
@import "payment";
|
||||
@import "forms";
|
||||
@import "disabled-buttons";
|
||||
@import "account-page";
|
||||
@import "breadcrumb";
|
||||
@import "reviews";
|
||||
@import "misc";
|
||||
@import "widgets";
|
||||
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"name": "seothemes/genesis-starter-theme",
|
||||
"type": "wordpress-theme",
|
||||
"description":
|
||||
"A starter theme for the Genesis Framework with modern build tools.",
|
||||
"keywords": ["WordPress", "wordpress-theme-development", "genesis-framework"],
|
||||
"license": "GPL-2.0",
|
||||
"authors": [
|
||||
{
|
||||
"name": "SEO Themes",
|
||||
"homepage": "https://seothemes.com",
|
||||
"role": "Developer"
|
||||
}
|
||||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/seothemes/genesis-starter/issues",
|
||||
"source": "https://github.com/seothemes/genesis-starter"
|
||||
},
|
||||
"require": {
|
||||
"seothemes/child-theme-library": "dev-master",
|
||||
"mnsami/composer-custom-directory-installer": "1.1.*"
|
||||
},
|
||||
"require-dev": {},
|
||||
"suggest": {},
|
||||
"config": {
|
||||
"sort-order": true
|
||||
},
|
||||
"minimum-stability": "dev",
|
||||
"prefer-stable": true,
|
||||
"extra":{
|
||||
"installer-paths":{
|
||||
"./lib/": ["seothemes/child-theme-library"]
|
||||
}
|
||||
},
|
||||
"scripts": {
|
||||
"post-create-project-cmd": [
|
||||
"yarn install"
|
||||
],
|
||||
"post-install-cmd": [
|
||||
"yarn install"
|
||||
],
|
||||
"post-update-cmd": [
|
||||
"yarn install"
|
||||
],
|
||||
"stylelint": [
|
||||
"stylelint './assets/scss/**/*.scss' --fix"
|
||||
]
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user