A front-end framework from LionsMouth Digital
Hex is still in development and is NOT production-ready. Some things are more tedious to set up right now, because we're still playing around with a lot of things. Once we release v1, you can expect Hex setup to be at least as simple to set up as any other framework you'd install with npm.
⬢ Hex is a front-end framework from LionsMouth Digital.
npm install hex-framework
:load_pathsoption to include
node_modules. The option in node-sass is called
node_modules/hex-framework/resources/sass/utils/_variables.scss into your Sass folder as
utils/_hex-vars.scss, and update values for your project.
Add this to your main Sass file:
Importing your own copy of the variables file before Hex allows you to configure only the variables you want. You could delete whatever you leave at the default setting, but we like to keep it in there so we don't have to hunt for a variable name if we decide to change something.
The variables file uses functions, so that needs to be included first.
npm i -S vue vue-hex-dropdown
var Vue = ;var HexDropdown = ;el: 'body'components:HexDropdown;
If you don't want to bother setting up all the components, you can just require it in your script (BYO build tool).
var Hex = ;
git clone email@example.com:LionsMouthDigital/Hex.git
js/hex.jsand remove any Vue components you don't need.
hex.jsaltogether. For more info, See Hex Vue components.
cd Hex && npm install
We built a bunch of Vue components to use along with Hex, but we separated them from the Hex framework to make it easier to use them without the framework (also released under the CC BY-SA 4.0 license).
To simplify maintenance, we keep the styles here. We figure if you don't use the framework, you must
know how to write your own CSS and probably don't like our base styles anyway. If you do want our
styles, you can find what you need in
To simplify attribution, we've included a humans.txt template with our info pre-filled. Just drop it in the root directory of the project using Hex to comply with the minimum attribution requirement.