Jeff Ong 1047d6eb3d Run build sequentially and recompile IE styles. (#2470) 4 роки тому
..
assets 1047d6eb3d Run build sequentially and recompile IE styles. (#2470) 4 роки тому
classes 3f93343a9d Seedlet: Fix Theme Review bugs (#2285) 5 роки тому
inc fddb55453f Add translation functions to block-styles.php 4 роки тому
languages 322b096b1c Escape and translate aria labels. (#2193) 5 роки тому
template-parts 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
404.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
LICENSE 66fe602d0c Adding 1.0 seedlet theme. 5 роки тому
README.md fab2f37752 Update Seedlet readme. (#2181) 5 роки тому
archive.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
comments.php 25692bd19a Replace with esc translation. (#2430) 4 роки тому
footer.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
functions.php 47dde347cc Fix seedlet font translator comments 4 роки тому
header.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
image.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
index.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
package-lock.json f55efa498b Seedlet: CSS Variables fallback support for IE11 (#2177) 5 роки тому
package.json 1047d6eb3d Run build sequentially and recompile IE styles. (#2470) 4 роки тому
page.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
postcss.config.js 283b23fd16 Seedlet: Fix layout grid margins (#2219) 5 роки тому
readme.txt e5cac379a2 Add a changelog note about the PHP version change. 4 роки тому
screenshot.png 71dbe74c81 Seedlet: Optimize the screenshot 5 роки тому
search.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
single.php 63f020a88f Seedlet: fix landmark roles (#2395) 4 роки тому
style-rtl.css 8e3c04310b Add a rebuild tool for varia themes 4 роки тому
style.css 32398dac10 Remove custom code for gallery blocks in Seedlet 4 роки тому

README.md

Seedlet

Seedlet is simple, text-driven WordPress theme.

Along with being an excellent standalone theme, Seedlet is designed to be a parent-theme that allows folks to quickly create Gutenberg-ready child-themes for WordPress. [Instructions for how to make child themes are coming soon]

Development

To make changes to the styles, node.js is recommended:

  1. npm i to install the required development dependencies
  2. npm start to start the development server
  3. Make changes in assets/sass

Technical Overview

Principles

When you reduce a theme design down to a set of systematic design decisions, you end up with something called a Style Guide. The Seedlet system works by taking the rules of a Style Guide and expressing them through carefully placed variables or design tokens that influence the appearance of a WordPress site.

This unifies the design decisions needed to style the aesthetic appearance of Gutenberg Blocks, the theme Header + Footer areas, WooCommerce, Jetpack and more. It also syncs styles between the editor and the frontend so that you don’t need to hand-write CSS for both. This greatly speeds up the Gutenberg theme development process and reduces the amount of manual styling that typically goes into developing a theme.

Controls

The theme is built to offer the following controls:

  • Fonts - Font-family, size, weight, and line-height rules.
  • Colors - Primary, secondary, background, foreground and border colors.
  • Spacing - A default 8px vertical rhythm between all blocks and major components. It also includes utility spacing classes for negative margins.
  • Responsive Logic - Built-in responsive behavior across Blocks and Components.

Structure

The system itself lives in the /assets/sass directory as a collection of Sass partials broken up by scope and hierarchy. The partials get compiled down to singular CSS files that live in the main Seedlet directory and cascade downward like so:

Frontend

  • /assets/css/variables.css
  • /style.css

Editor

  • /assets/css/variables-editor.css
  • /style-editor.css

In each view, the variables are loaded first and then the stylesheet is loaded which applies the variables.

License

GNU General Public License v2 or later.

URI: LICENSE