UNPKG

@osserpse/pn-icons

Version:

Icons and SCSS in PostNord Graphical Guidelines

bitbucket.org/avupublicapis/pn-design-guidelines

51 lines (42 loc) • 1.81 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
Funderingar: Vad händer om vi tänker ungefär så här för att förklara upplägget med *PostNord Design Guidelines* och *PostNord Components*: *Scaffolding a PostNord project* Folder structure: ``` pn-assets fonts web StagSansWeb-Book Italic.eot StagSansWeb-Book Italic.svg StagSansWeb-Book Italic.woff StagSansWeb-Book.eot StagSansWeb-Book.svg StagSansWeb-Book.woff StagSansWeb-Light.eot StagSansWeb-Light.svg StagSansWeb-Light.woff StagSansWeb-Medium.eot StagSansWeb-Medium.svg StagSansWeb-Medium.woff icons 16x16 *.svg 24x24 *.svg 32x32 *.svg styles _pn-base.scss //Colors, Spaces _pn-typography.scss //Barebone typography _pn-fonts.scss //Set up @font-face _pn-viewport.scss //Barebone lightgrey viewport with white box _pn-component-xyz.scss //For example _pn-component-forms.scss pn-styles.scss //@import underscored setting files pn-styles.css <<< generated and optimized ``` --- 1. Det här är grunden i alla webbprojekt. 2. En _component_ ska förlita sig på detta utifrån färger, fonter, etcetera och i så hög grad som möjligt använda sig av variabler. Men när en klass bara är relevant för komponent skrivs den in lokalt. --- Sen blir frågan vilka flyttar som sker automagiskt och vad som är upp till varje team/utvecklare att flytta på utifrån strukturen i npm-paketet. Jag har inte riktigt klart för mig hur själva repo för komponenterna kommer att vara och finnas. Men rimligen innehåller detta repo precis samma bas-setup som ovan. Funkar detta? Är det så här du tänker också?