sthag
4e4f8814d3
- Replace @import with @use and @forward - Only color function is used in _basic.scss for now - Change _all.scss to _index.scss - Modules use direct dependencies - Move @include from _config.scss to _common.scss, this was a long term mistake - Remove $color_list - Change basic_color() |
||
|---|---|---|
| elements | ||
| functions | ||
| global | ||
| mixins | ||
| modules | ||
| .gitignore | ||
| _abovethefold.scss | ||
| _basic.scss | ||
| _hippie.scss | ||
| LICENSE.md | ||
| README.md | ||
HIPPIE styles
Collection of CSS styles, mainly for the use with HIPPIE, written in SASS language.
Getting Started
These instructions will get you a copy of the project up and running on your local machine.
Prerequisites
All styles in this project are written in the Sass language. So a preprocessor may be needed to form Cascading Style Sheets (CSS).
Please choose a implementation suitable for your needs from the Install Sass document.
For example in a Node.js environment you can install Sass with the Node package manager:
npm install -g sass
Installing
Clone the repository https://quelltext.interaktionsweise.de/interaktionsweise/hippie-style.git to a folder to get all source files.
To include HIPPIE styles to a Sass workflow, just import the main file at the appropriate position. Usually this would be at the beginning of your stylesheet:
@import "hippie/hippie";
It is also possible to link to the resulting CSS file. First the file needs to be compiled:
sass hippie/_hippie.scss stylesheets/hippie.css
Now the stylesheet can be included into the HTML document:
<link rel="stylesheet" type="text/css" href="stylesheets/hippie.css"/>
Versioning
This project uses SemVer for versioning. For the versions available, see the tags on this repository.
Authors
Stephan Hagedorn - Initial work - Interaktionsweise
License
This project is licensed under the MIT License - see the LICENSE.md file for details.