Hippie interweaves preeminent personal interface elements
| code | ||
| elements | ||
| functions | ||
| global | ||
| mixins | ||
| modules | ||
| other | ||
| .gitignore | ||
| _abovethefold.scss | ||
| _hippie.scss | ||
| _settings.scss | ||
| demo-explorer.html | ||
| demo-index.html | ||
| example.css | ||
| example.scss | ||
| gulpfile.js | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| robots.txt | ||
| sitemap.xml | ||
| TODO.md | ||
HIPPIE
USE (work in progress)
Clone the repo https://github.com/sthag/hippie.git.
Copy the source folder to your projects style folder.
Compile the SCSS files, for example like a so sass --watch source/:./.
Load the screen.css file within the head section of your HTML document. <link rel="stylesheet" type="text/css" media="all" href="./{your projects style folder}/screen.css"/>
LOGIC
Klassennamen enthalten Objektnamen und Funktionen
Sie sind mit - und _ unterteilt.
Der Bindestrich - trennt Objektnamen von Funktionen. Der Unterstrich _ wiederum unterteilt Funktionsbezeichnungen.