{"id":17692897,"url":"https://gitlab.com/toby3d/va","last_synced_at":"2025-08-22T13:08:10.617Z","repository":{"id":63874529,"uuid":"6874448","full_name":"toby3d/va","owner":"toby3d","description":"Dead simple responsive-flexible-adaptive CSS framework for Hugo websites","archived":false,"fork":false,"pushed_at":null,"size":null,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":null,"default_branch":"master","last_synced_at":"2025-02-06T04:12:48.533Z","etag":null,"topics":["css","css-framework","framework","hugo","module","sass","styles","theme"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://gitlab.com/uploads/-/system/project/avatar/6874448/va.jpg","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-06T11:15:28.012Z","updated_at":"2022-02-23T20:49:31.745Z","dependencies_parsed_at":"2022-11-28T04:18:37.234Z","dependency_job_id":null,"html_url":"https://gitlab.com/toby3d/va","commit_stats":null,"previous_names":[],"tags_count":9,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repositories/toby3d%2Fva","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repositories/toby3d%2Fva/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repositories/toby3d%2Fva/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repositories/toby3d%2Fva/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/owners/toby3d","download_url":"https://gitlab.com/toby3d/va/-/archive/master/va-master.zip","host":{"name":"gitlab.com","url":"https://gitlab.com","kind":"gitlab","repositories_count":4518459,"owners_count":6904,"icon_url":"https://github.com/gitlab.png","version":null,"created_at":"2022-05-30T11:31:42.605Z","updated_at":"2024-07-18T11:24:13.055Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/gitlab.com/owners"}},"keywords":["css","css-framework","framework","hugo","module","sass","styles","theme"],"created_at":"2024-10-24T13:07:28.900Z","updated_at":"2025-03-30T22:45:26.411Z","avatar_url":"https://gitlab.com/uploads/-/system/project/avatar/6874448/va.jpg","language":null,"readme":"# VA\n\u003e Dead simple responsive-flexible-adaptive CSS framework for [Hugo](https://gohugo.io/) websites\n\n## Install\n### Config\n[Import module](https://gohugo.io/hugo-modules/use-modules/#use-a-module-for-a-theme) in your site\nconfiguration:\n\n```yaml\nimports:\n  - path: gitlab.com/toby3d/va\n```\n\n### Templates\nInject cached partials in your `\u003chead\u003e` (as early as possible to speed up loading) and `\u003cbody\u003e` (preferably as close as possible to the closing tag):\n\n```html\n\u003chead\u003e\n  {{ partialCached \"va/head\" . }}\n\u003c/head\u003e\n\u003cbody\u003e\n  ...\n  {{ partialCached \"va/body\" . }}\n\u003c/body\u003e\n```\n\n...And that's it!\n\n## Usage\nUse the classes from the attached styles for the layout of your templates.\n\n### Methodologies\nI 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.\n\n### Blocks\nSee [Every Layout](https://every-layout.dev/) (and buy the book, it's great!).\n\n### Exceptions\nUse variables for changing some values and implement exceptions.\n\nEasy example:\n\n```html\n\u003cfigure class=\"frame\" style=\"--frame-denominator: 1; --frame-numerator: 1\"\u003e\n  ...\n\u003c/figure\u003e\n```\n\nAdvanced example:\n\n```html\n\u003cdiv class=\"[ sidebar sidebar_side_left sidebar_no-stretch ][ stack center ]\" style=\"--sidebar-side-width: 25%; --sidebar-content-min: 70%; --center-gutters: var(--s0); --center-max: calc(var(--measure) * 1.5)\"\u003e\n  \u003cdiv\u003e\n    \u003caside\u003e\n      ...\n    \u003c/aside\u003e\n    \u003carticle\u003e\n      ...\n    \u003c/article\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Docs\nComing soon.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/gitlab.com%2Ftoby3d%2Fva","html_url":"https://awesome.ecosyste.ms/projects/gitlab.com%2Ftoby3d%2Fva","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/gitlab.com%2Ftoby3d%2Fva/lists"}