https://gitlab.com/toby3d/va
Dead simple responsive-flexible-adaptive CSS framework for Hugo websites
https://gitlab.com/toby3d/va
css css-framework framework hugo module sass styles theme
Last synced: 8 months ago
JSON representation
Dead simple responsive-flexible-adaptive CSS framework for Hugo websites
- Host: gitlab.com
- URL: https://gitlab.com/toby3d/va
- Owner: toby3d
- License: mit
- Created: 2018-06-06T11:15:28.012Z (almost 8 years ago)
- Default Branch: master
- Last Synced: 2025-02-06T04:12:48.533Z (about 1 year ago)
- Topics: css, css-framework, framework, hugo, module, sass, styles, theme
- Stars: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# VA
> Dead simple responsive-flexible-adaptive CSS framework for [Hugo](https://gohugo.io/) websites
## Install
### Config
[Import module](https://gohugo.io/hugo-modules/use-modules/#use-a-module-for-a-theme) in your site
configuration:
```yaml
imports:
- path: gitlab.com/toby3d/va
```
### Templates
Inject cached partials in your `` (as early as possible to speed up loading) and `` (preferably as close as possible to the closing tag):
```html
{{ partialCached "va/head" . }}
...
{{ partialCached "va/body" . }}
```
...And that's it!
## Usage
Use the classes from the attached styles for the layout of your templates.
### Methodologies
I use [CUBE CSS](https://cube.fyi/) for class readability with brackets and class sorting and [BEM](https://bem.info/) to reduce code coherence and ease of debugging.
### Blocks
See [Every Layout](https://every-layout.dev/) (and buy the book, it's great!).
### Exceptions
Use variables for changing some values and implement exceptions.
Easy example:
```html
...
```
Advanced example:
```html
```
### Docs
Coming soon.