Skip to content

alexmarek/infarm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<<<<<<< HEAD

is2019

Infinity Seeker site based on vue.js

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

infarm-child

Infarm Child Theme for Infarm main theme

How it works

Infarm Child Theme shares with the parent theme all PHP files and adds its own functions.php on top of the Infarm parent theme's functions.php.

IT DOES NOT LOAD THE PARENT THEMES CSS FILE(S)! Instead it uses the Infarm Parent Theme as a dependency via npm and compiles its own CSS file from it.

Infarm Child Theme uses the Enqueue method to load and sort the CSS file instead of the old @import method.

Installation

  1. Install the parent theme first: https://github.com/holger1411/understrap
    • IMPORTANT: If you download from GitHub make sure you rename the "understrap-master.zip" file to "understrap.zip" or you might have problems using this child theme!
  2. Upload the infarm-child folder to your wp-content/themes directory
  3. Go into your WP admin backend
  4. Go to "Appearance -> Themes"
  5. Activate the Infarm Child theme

Editing

Add your own CSS styles to /sass/theme/_child_theme.scss or import you own files into /sass/theme/understrap-child.scss

Developing With NPM, Gulp, SASS and Browser Sync

Installing Dependencies

  • Make sure you have installed Node.js, Gulp, and Browser-Sync [1] on your computer globally
  • Open your terminal and browse to the location of your UnderStrap copy
  • Run: $ npm install then: $ gulp copy-assets

Running

To work and compile your Sass files on the fly start:

  • $ gulp watch

Or, to run with Browser-Sync:

  • First change the browser-sync options to reflect your environment in the file /gulpconfig.json in the beginning of the file:
  "browserSyncOptions" : {
    "proxy": "localhost/wordpress/",
    "notify": false
  }
};
  • then run: $ gulp watch-bs

[1] Visit https://browsersync.io/ for more information on Browser Sync

80fab93509510fd3865ab29c3c546852d4a8c2c0

About

Theme files for infarm.com website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published