Skip to content

Commit

Permalink
v2.7 & updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
aaroniker committed Oct 27, 2017
1 parent 60e694c commit f4c6bd9
Show file tree
Hide file tree
Showing 4 changed files with 34 additions and 6 deletions.
34 changes: 31 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,16 +13,16 @@ __Demo__ http://www.framycss.org/demo
Just include a specific version like this:
```
// CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.6/dist/css/framy.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.7/dist/css/framy.min.css">
// JS
<script src="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.6/dist/js/framy.js"></script>
<script src="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.7/dist/js/framy.js"></script>
```

Or just the CSS flexbox grid:
```
// Just the CSS flexbox grid
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.6/dist/css/framy.grid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aaroniker/framy-css@2.7/dist/css/framy.grid.min.css">
```

https://www.jsdelivr.com/package/gh/aaroniker/framy-css
Expand Down Expand Up @@ -51,6 +51,34 @@ Then include CSS and JS files like this:
<script src="bower_components/framy-css/dist/js/framy.js"></script>
```

## Development
You'll need:
* [git](https://git-scm.com/)
* [npm](https://www.npmjs.com/get-npm)

First clone this repository using [git](https://git-scm.com/):
```
git clone https://github.com/aaroniker/framy-css.git
```
Now you'll have to install all needed [npm](https://www.npmjs.com/get-npm) dependencies:
```
npm install
```
After that you could use the following commands:
```
// Load & compile all icons to an icon font from ./src/icons/*.svg to ./dist/fonts/*
npm run icons
// Compile all .scss files to ./dist/css/framy.min.css
npm run css
// Compile all grid related .scss files to ./dist/css/framy.grid.min.css
npm run css-grid
// Watch all .scss files and recompile ./dist/css/framy.min.css & ./dist/css/framy.grid.min.css if they changed
npm run watch-css
```

## Resources

* Interface Font https://github.com/rsms/inter
Expand Down
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "framy-css",
"description": "Framy is a free and very simple CSS Framework for developing responsive & modern websites.",
"main": "dist/css/framy.min.css",
"version": "2.6.0",
"version": "2.7.0",
"keywords": [
"css",
"sass",
Expand Down
2 changes: 1 addition & 1 deletion demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<section id="sidebar">

<h1>Framy CSS</h1>
<span class="info">Version <strong>2.6</strong></span>
<span class="info">Version <strong>2.7</strong></span>

<hr>

Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
"type": "git",
"url": "https://github.com/aaroniker/framy-css.git"
},
"version": "2.6.0",
"version": "2.7.0",
"keywords": [
"css",
"sass",
Expand Down

0 comments on commit f4c6bd9

Please sign in to comment.