About Spectre.css Site Profile

Site Profile for Processwire 3x using Framework Spectre.css

Category Site Profiles
A site profile represents a full ProcessWire site ready to be installed.
Release StateBeta
Close to stable, but users are advised to be cautious and test thoroughly.*
Authorrafaoski
Module Version1.0.1
Class NameSiteSpectre
Compatibility3.0
Date AddedNovember 30, 2017
Recommended ByNew recommendations may take up to 1 day to appear.

Instructions

This module's files should be placed in /site/modules/SiteSpectre/
How to install or uninstall modules

README

Site Profile For Processwire 3x with include Framework Spectre.css and functions like:

MarkupRegions

FunctionsAPI

If you want to use GULP STACK you must install these packages on your system:

Node.js
GULP

Now go to folder with all template files and install Important Dependencies

npm install
bower install

Go to gulpfile.js and change in line 9 -- var URL: "http://spectre.dev/" To your local processwire-installation -- like:

localhost/my-local-folder-processwire-installation/

Folder With all SCSS file is inside templates/assets/scss

To use the Font Awesome, you must uncomment ( remove => // ) this code line into the file that is in assets/scss/master.scss in line 6, must look like below:

'../../node_modules/font-awesome/scss/font-awesome.scss',

To copy Font Awesome use the command:

gulp copy

Now Use This Command to Watch all changes:

gulp watch

To Build all CSS with Font Awesome:

gulp build

Folder With all compressed CSS file is inside templates/assets/css

References:

Spectre.css
Font Awesome

Comments

No comments yet. Be the first to post!

Post a Comment

Your e-mail is kept confidential and not included with your comment. Website is optional.