madhusudhand ea368d34c9 Version Bump		3 anni fa
..
assets	ea368d34c9 Version Bump	3 anni fa
classes	42446d0cfc Add TikTok icon to social menu in Varia, Seedlet + others (#5223)	3 anni fa
inc	0ea9c6a373 Fix for custom colors on atomic	4 anni fa
languages	e5baa9ee70 added some missing .pot files	4 anni fa
template-parts	f17001697d #5379: Varia/Seedlet: Fix no posts found message (#6185)	3 anni fa
404.php	63f020a88f Seedlet: fix landmark roles (#2395)	4 anni fa
LICENSE	66fe602d0c Adding 1.0 seedlet theme.	5 anni fa
README.md	47537bc697 Add an acknowledgement for the CSS Vars ponyfill	4 anni fa
archive.php	8630865fb2 Add description to category pages with styling	4 anni fa
comments.php	d915c3eab8 Fix 5146 (#5214)	3 anni fa
footer.php	f0b991b363 dry blank canvas and seedlet	4 anni fa
functions.php	78fc9b0861 Revert "Added block template support to seedlet. (#4251)" (#4261)	4 anni fa
header.php	0f8718a58c refactor seedlet and blank canvas so they share more code	4 anni fa
image.php	8a00a6c9fd Change namespace.	4 anni fa
index.php	fabefd7058 Refactor customizer class and add ability to toggle excerpts.	4 anni fa
package.json	ea368d34c9 Version Bump	3 anni fa
page.php	63f020a88f Seedlet: fix landmark roles (#2395)	4 anni fa
postcss.config.js	283b23fd16 Seedlet: Fix layout grid margins (#2219)	5 anni fa
readme.txt	ea368d34c9 Version Bump	3 anni fa
screenshot.png	71dbe74c81 Seedlet: Optimize the screenshot	5 anni fa
search.php	6698c7ae18 Use correct template tags for navigation + pagination.	4 anni fa
single.php	6698c7ae18 Use correct template tags for navigation + pagination.	4 anni fa
style-rtl.css	ae16e13400 #6004: Seedlet: Fix link underline colors in Safari (#6199)	3 anni fa
style.css	ea368d34c9 Version Bump	3 anni fa

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:

npm i to install the required development dependencies
npm start to start the development server
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

Acknowledgments

CSS vars ponyfill: https://github.com/jhildenbiddle/css-vars-ponyfill

README.md