|
@@ -12,44 +12,6 @@ Template: seedlet
|
|
|
Text Domain: spearhead
|
|
|
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, auto-loading-homepage, jetpack-global-styles
|
|
|
*/
|
|
|
-/**
|
|
|
- * Breakpoints & Media Queries
|
|
|
- */
|
|
|
-/**
|
|
|
- * Breakpoint mixins
|
|
|
- */
|
|
|
-/**
|
|
|
- * Long content fade mixin
|
|
|
- *
|
|
|
- * Creates a fading overlay to signify that the content is longer
|
|
|
- * than the space allows.
|
|
|
- */
|
|
|
-/**
|
|
|
- * Focus styles.
|
|
|
- */
|
|
|
-/**
|
|
|
- * Applies editor left position to the selector passed as argument
|
|
|
- */
|
|
|
-/**
|
|
|
- * Styles that are reused verbatim in a few places
|
|
|
- */
|
|
|
-/**
|
|
|
- * Allows users to opt-out of animations via OS-level preferences.
|
|
|
- */
|
|
|
-/**
|
|
|
- * Reset default styles for JavaScript UI based pages.
|
|
|
- * This is a WP-admin agnostic reset
|
|
|
- */
|
|
|
-/**
|
|
|
- * Reset the WP Admin page styles for Gutenberg-like pages.
|
|
|
- */
|
|
|
-@media (min-width: 782px) {
|
|
|
- :root {
|
|
|
- --global--spacing-horizontal: 60px;
|
|
|
- --global--spacing-vertical: 35px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
/**
|
|
|
* Repsonsive Styles
|
|
|
*/
|
|
@@ -58,17 +20,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
|
|
|
*/
|
|
|
@media only screen and (min-width: 830px) {
|
|
|
:root {
|
|
|
+ --global--spacing-horizontal: 60px;
|
|
|
+ --global--spacing-vertical: 35px;
|
|
|
--responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 782px);
|
|
|
--responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1247px);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.site-content {
|
|
|
- margin: 0 auto;
|
|
|
- max-width: var(--global--content-width);
|
|
|
- padding: 0 var(--global--spacing-horizontal);
|
|
|
-}
|
|
|
-
|
|
|
.home .post .entry-title {
|
|
|
font-size: var(--global--font-size-lg);
|
|
|
margin-bottom: 0;
|