Skip to content
main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 

hetpalet

Verzameling van merkkleuren van deidee, projecten en opdrachtgevers. Sluit aan op BrandColors.

Installatie

npm i @deidee/hetpalet

Gebruik

@import "@deidee/hetpalet/scss/hetpalet";

.allrgb {
  background-color: $bc-allrgb-red;
}

Merken

TODO:

Merken toevoegen

Functionaliteit toevoegen

Kleuren kunnen definiëren in YAML?

Suggestie invoer

allrgb:
  red
  lime
  blue
deidee:
  deJade()
  deJade()

Suggestie export SCSS

$bc-allrgb-1: red;
$bc-allrgb-2: lime;
$bc-allrgb-3: blue;
$bc-deidee-1: deJade();
$bc-deidee-2: deJade();

Suggestie export CSS

.bg-allrgb-1 { background-color: red; }
.color-allrgb-1 { color: red; }
.bg-allrgb-2 { background-color: lime; }
.color-allrgb-2 { color: lime; }
.bg-allrgb-3 { background-color: blue; }
.color-allrgb-3 { color: blue; }
.bg-deidee-1 { background-color: #0f8c76; }
.color-deidee-1 { color: #0f8c76; }
.bg-deidee-2 { background-color: #5ccfb8; }
.color-deidee-2 { color: #5ccfb8; }

Andere exportmogelijkheden

  • JSON
  • PHP array
  • LESS
  • ASE (Adobe Swatch Exchange)

Uitbreiden

git clone https://github.com/deidee/hetpalet.git

Afhankelijkheden updaten

ncu -u

Nieuwe versie genereren

npm start

Publiceren

Publiceren wordt gedaan door deidee en wel op de volgende manier:

npm publish --access public

About

Verzameling van merkkleuren van @deidee en opdrachtgevers.

Topics

Resources

Releases

No releases published

Packages

No packages published