Home
Softono
twentyseventeen-sass

twentyseventeen-sass

Open source SCSS
15
Stars
4
Forks
2
Issues
3
Watchers
3 years
Last Commit

About twentyseventeen-sass

twentyseventeen-sass is a development utility providing SCSS source files for the default WordPress Twenty Seventeen theme, enabling true stylesheet customization through a preprocessor workflow. Designed to bridge the gap between the compiled CSS distributed with WordPress and developer needs for modularity and maintainability, this tool allows users to modify variables, mixins, and layout structures before compiling them back into the final style.css. The package requires standard Node.js tooling, specifically npm and Gulp, to manage dependencies and execute build tasks. Installation involves placing the files within the theme directory, running npm install to fetch necessary packages, and executing the gulp css command to generate the updated stylesheet. The project is actively maintained to track official WordPress releases, ensuring that SCSS structures remain synchronized with upstream changes in the Twenty Seventeen theme codebase. This solution is ideal for front-end developers who require granular co

Platforms

Web Self-hosted

Languages

SCSS

WordPress Twenty Seventeen Theme Sass

  1. Install the files into the /wp-content/themes/twentyseventeen folder

  2. To recompile the Twenty Seventeen stylesheet style.css from the scss files, first run npm install to get the dependencies

    npm install
  3. Then the gulp task that will compile them

    gulp css

Keeping the Sass up to date with the current release version of twentyseventeen per the WordPress, Git style.css

The Word Press Twenty Seventeen Theme URI

https://wordpress.org/themes/twentyseventeen/