Hippie interweaves preeminent personal interface elements
Find a file
2017-09-01 00:16:21 +02:00
code New examples and new default variable structure 2017-08-29 10:50:34 +02:00
elements Mainly work on interactive elements 2017-09-01 00:16:21 +02:00
functions New stuff 2017-08-22 16:50:09 +02:00
global Mainly work on interactive elements 2017-09-01 00:16:21 +02:00
mixins Mainly work on interactive elements 2017-09-01 00:16:21 +02:00
modules New examples and new default variable structure 2017-08-29 10:50:34 +02:00
other Add example html file 2016-12-08 23:21:28 +01:00
.gitignore New content 2017-08-21 08:06:46 +02:00
_abovethefold.scss New structure, indentation and content 2016-12-08 17:50:51 +01:00
_hippie.scss New examples and new default variable structure 2017-08-29 10:50:34 +02:00
_settings.scss New examples and new default variable structure 2017-08-29 10:50:34 +02:00
demo-explorer.html New examples and new default variable structure 2017-08-29 10:50:34 +02:00
demo-index.html Mainly work on interactive elements 2017-09-01 00:16:21 +02:00
example.css Mainly work on interactive elements 2017-09-01 00:16:21 +02:00
example.scss Add example html file 2016-12-08 23:21:28 +01:00
gulpfile.js Neuer Ansatz für css Benennung 2017-08-16 19:49:36 +02:00
LICENSE Update LICENSE 2016-11-09 16:02:43 +01:00
package-lock.json Beispiel-Datei strukturiert 2017-08-17 19:47:06 +02:00
package.json Beispiel-Datei strukturiert 2017-08-17 19:47:06 +02:00
README.md Beispiel-Datei strukturiert 2017-08-17 19:47:06 +02:00
robots.txt Added sass and changed basic structure 2016-12-01 15:37:49 +01:00
sitemap.xml Added sass and changed basic structure 2016-12-01 15:37:49 +01:00
TODO.md Added sass and changed basic structure 2016-12-01 15:37:49 +01:00

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.