regionhalland/styleguide

Region Hallands stilguide innehåller alla de komponenter som används för att bygga våra digitala kundmöten. För mer information besök stilguide.regionhalland.se

v15.2.1 2020-02-17 06:10 UTC

Requires

• php: >=5.6
• composer/installers: ^1.4
• regionhalland/article: 1.0.0.20191121
• regionhalland/article-block: 1.0.6
• regionhalland/article-group: 1.0.2
• regionhalland/avatar: 1.0.0.20191121
• regionhalland/back-to-top: 1.1.3
• regionhalland/badge: 1.0.0.20191121
• regionhalland/block: 1.3.2
• regionhalland/block-group: 1.0.0.20200203
• regionhalland/block-icon-link: 1.0.0.202001231353
• regionhalland/block-shortcuts: 1.0.3
• regionhalland/blurbs: 1.0.0.20191121
• regionhalland/breadcrumbs: 1.0.0.20200204
• regionhalland/button: 1.0.0.20200128
• regionhalland/button-circle: 2.0.1
• regionhalland/buttongroup: 1.0.0.201911081257
• regionhalland/buttongroup-elements: 1.0.0.20200130
• regionhalland/calendar: 1.0.0.20191123
• regionhalland/calendar-element: 1.0.0.20191121
• regionhalland/caption-hero: 3.1.0
• regionhalland/card: 1.0.0.20200123
• regionhalland/contact-info: 1.0.3
• regionhalland/event-card-calendar: 1.0.0.20200203
• regionhalland/feedback: 1.0.0.20200203
• regionhalland/feedback-form: 1.0.0.20200130
• regionhalland/feedback-last-updated: 1.0.0.20191129
• regionhalland/filter: 1.0.0.20200126
• regionhalland/filter-alphabet: 1.0.2
• regionhalland/footer: 1.0.0.20191123
• regionhalland/footer-group: 1.0.0.20200130
• regionhalland/footer-logo: 1.0.0.20191123
• regionhalland/footer-logo-group: 1.0.0.20200204
• regionhalland/form: 1.0.0.20191121
• regionhalland/form-control-text: 1.0.0.20200124
• regionhalland/form-control-textarea: 1.0.0.20200124
• regionhalland/general: 1.0.0.20200108
• regionhalland/header: 1.0.0.20200204
• regionhalland/heading-underlined: 1.0.1
• regionhalland/hero: 2.3.0
• regionhalland/image-caption: 2.0.2
• regionhalland/key-value: v1.0.0.20200213
• regionhalland/label: 1.0.0.20200121
• regionhalland/label-previous: 1.0.0.20191121
• regionhalland/last-updated: 1.0.2
• regionhalland/link: 1.0.0.20200120
• regionhalland/linkgroup: 1.0.2
• regionhalland/lists: 1.0.0.20200203
• regionhalland/logo: 1.1.0
• regionhalland/logo-sitename: 1.0.0.20200210
• regionhalland/main-nav: 1.0.0.20200204
• regionhalland/menu: 1.0.0.20200128
• regionhalland/menu-mobile: [phone]
• regionhalland/message-cookies: 1.0.2
• regionhalland/messages: 1.0.0.20200203
• regionhalland/navigation-bar: 1.0.0.20200204
• regionhalland/navigation-block: 1.0.0.20200128
• regionhalland/navigation-block-group: 1.0.0.20200117
• regionhalland/navigation-card: 1.0.0.20191122
• regionhalland/navigation-left: 1.1.2
• regionhalland/news-info: 1.0.2
• regionhalland/page-nav: 1.0.0.20200130
• regionhalland/pagination: 1.0.0.20200203
• regionhalland/pagination-elements: 1.0.0.20200203
• regionhalland/personal-info: 1.0.0.20191122
• regionhalland/region-halland-composer-custom-installer: 1.0.0
• regionhalland/round-button: 1.0.0.20191217
• regionhalland/search: 1.0.0.20200204
• regionhalland/search-elements: 1.0.0.20200130
• regionhalland/search-external-link: 1.0.0.20200129
• regionhalland/search-external-link-1177: 1.0.0.20191122
• regionhalland/search-field: 1.0.0.20200124
• regionhalland/secondary-nav: 1.0.0.20200203
• regionhalland/sitename: 1.0.0.20200124
• regionhalland/styleguide-core: 2.3.0
• regionhalland/styleguide-core-settings: 2.6.0
• regionhalland/table: 1.0.0.20200205
• regionhalland/tabs: 1.0.0.20200203
• regionhalland/text: 1.0.0.20200117
• regionhalland/toplinks: 1.0.0.20200204
• regionhalland/unit-info: 1.0.0.20191122
• regionhalland/video: 1.0.0.20200203
• regionhalland/visual-element: 1.0.0.20200117

GPL-3.0

• Region Halland

• styleguide

README

Få igång en lokal server genom att...

1. Ta hem detta repos.
2. Kör npm install
3. Kör npm composer install
4. Kör gulp
5. Terminalen borde nu berätta för dig vilken lokal URL som servern kör på.

Gulp kommandon

Kommando	Beskriving
gulp	Startar en lokal utvecklingsmiljö, inkl. browsersync.
gulp version	Genererar en ny version av komponent-CSS:en (inkl. assets) som läggs i ´/releases/[versionsnummer]/´.
gulp build	Bygger nya statiska fractal filer. Bygger inte releasepaketen.

Skapande av komponenter

Följ Fractals egna dokumentation för att skapa komponenter.

Hantering av Javascript och bilder i komponenter

Om det finns bilder i en komponents mapp så kommer de att kompileras via gulp när du sparar. Komponenter som innehåller javascript behöver läggas till i filen sites-building.json.

Bilder

Alla bilder hamnar i ´public/images/components/[komponentensnamn]/fil.jpg´ efter att gulp har kört och kan sedan nyttjas i komponentens .hbs fil t.ex. så här:

<img src="/images/{{name}}/figure.jpg" alt="{{alt}}">

Javascript

Vi använder för närvarande jQuery för att bygga js för våra komponenter.

Publicera

Genom att commita i branchen production på github (obs! inte på azure) så byggs en ny version av sajten på https://stilguide.regionhalland.se

Att bygga stilguiden för enskilda webbplatser

Se instruktionerna i sites.building.md.