happy-wrap v0.27.0

🌯 happy-wrap

Framework css et js non compilé. A utiliser avec un module de regroupement, par exemple ez-wrapper.

Configuration ez-wrapper

Voir la partie Utilisation > Configuration de ez-wrapper pour une configuration personnalisée.

{
    "dataPath": "<fichier data>",
    "src": {
        "scss": [
            "node_modules/happy-wrap/src/scss/happy-wrap.scss"
        ],
        "scss_icons": [
            "node_modules/happy-wrap/src/scss/happy-wrap.icons.scss"
        ],
        "js": [
            "node_modules/happy-wrap/src/js/happy-wrap.js"
        ],
        "fonts": [
            "node_modules/happy-wrap/src/fonts"
        ]
    },
    "dist": {
        "scss": "public/css/happy-wrap.css",
        "scss_icons": "public/css/happy-wrap.icons.css",
        "js": "public/js/happy-wrap.js",
        "fonts": "public/fonts"
    }
}

Config supplémentaire

happy-wrap offre la possiblité d'ajouter certaines variables en plus.

Pour cela, vous devez modifier la clause "scss" dans la configuration ez-wrapper affichée au dessus :

"scss": [
    "config/happy-wrap.scss"
],

Ce fichier doit contenir

@import "node_modules/happy-wrap/src/scss/happy-wrap.scss";

Variables possibles

$color-theme : Couleur du theme du site $color-theme-secondary : Couleur secondaire du theme du site

Documentation

Vous pouvez retrouver toutes les possibilités du framework dans le fichier demo.html