Commit b16729bc authored by David Haynes's avatar David Haynes 🙆


Closes #10
Closes #11
parent fa6ec3c6
......@@ -25,3 +25,4 @@ _site
\ No newline at end of file
......@@ -5,7 +5,7 @@ A project of [GMU SRCT](
Masonstrap is a theme for bootstrap customized with GMU brand colors and
elements. It aims to easily provide any web project with Mason branding.
# Adding Masonstrap to your project
## Adding Masonstrap to your project
This repo contains all of the necessary components to build and modify masonstrap
on your local machine. If you'd like just `masonstrap.min.css` head over to our
......@@ -14,62 +14,26 @@ latest build of the css.
Additionally this link should grab you the latest css build:
Masonstrap bundles bootstrap 3.7 and normalize.css for you.
# Building Masonstrap
## Building Masonstrap
If you would like to make changes to values or behaviors in Masonstrap you will
need to do some quick setup.
1. Ensure node.js is installed:
On Ubuntu:
sudo apt update
sudo apt install nodejs
sudo apt install npm
On macOS:
1. make sure you have [Homebrew](
2. `brew install node`
On Windows, download it [here](
2. You will also need Sass which is distributed as a ruby gem:
On Ubuntu:
sudo apt update
sudo apt install ruby
sudo gem install sass
3. In the root directory of this project run:
npm install
bower install
4. Finally, run:
grunt build
to build the css files (`masonstrap.css` and `masonstrap.min.css`) in the `masonstrap/` directory.
1. Ensure `node.js` is installed:
# Local development
If you would like to run the demo site on your local machine run:
2. Install dependencies with Yarn:
sudo npm install -g yarn
This will spin up a local server at []().
## Local development
Any changes made to the `.scss` or `.html` files will trigger a rebuild of the css and livereload of the site.
## Making changes to Masonstrap
Masonstrap consists of two Sass files. `_variables.scss`, which is included by
default in Bootstrap, allows you to customize [these settings](
`_masonstrap.scss` introduces more extensive structural changes.
\ No newline at end of file
"name": "masonstrap",
"version": "4.0",
"description": "Easily style any web project with Mason branding",
"main": "index.js",
"repository": "",
"author": "Mason SRCT",
"license": "MIT",
"dependencies": {
"bootstrap": "4.0.0-beta",
"jquery": "^3.2.1",
"popper.js": "^1.11.1"
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment