Splitting of ffe-core.

Remove old baseline screenshots. Move icon-base to layout. Update visual test baseline. Fix spelling errors. Updated normalize.css as an npm dependency. Cleaned up examples Update visual test. Update README.md with migration section
SpareBank1 · Sep 1, 2016 · c185483 · c185483
1 parent 418c352
commit c185483
Show file tree

Hide file tree

Showing 63 changed files with 52 additions and 3,587 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## v.8.0.0
+* Removing components from ffe-core (new modules created for them in their respective repos).
+* Updating examples to only include new ffe-core elements.
+* Updated normalize.css and added it as an npm dependency. (see https://github.com/necolas/normalize.css/blob/master/CHANGELOG.md for changes since v.3.0.3)
+* Cleaned up example files. Removed navigation, javascript and unused styling.
+* Added a description for migrating to v8.0.0
+
 ## v.7.0.1
 * Minor fix: make button texts of loading buttons unselectable, the text is only of interest for
   screen readers and ought to remain invisible under all circumstances.

diff --git a/README.md b/README.md
@@ -2,12 +2,12 @@
 Inneholder generell styling for bruk utenom komponenter. F.eks. typografi, knapper, farger, o.l. Vi følger
 [BEM](https://en.bem.info/) for å sørge for god organisasjon av CSS-koden.
 
-FFE ivaratar færgkontrastkraven som specifiert i WCAG 2.0-standarden (AA-nivå).
+FFE ivaretar fargekontrastkravene som spesifisert i WCAG 2.0-standarden (AA-nivå).
 
 Nettleser som ikke støttes av FFE:
 
- * Internet Explorer 8 og tidigare, Internet Explorer 9 kan brukas men begrænsade visuella avvik må accepteras.
- * Android Browser-versioner tidligere æn 4.4
+ * Internet Explorer 8 og tidligere; Internet Explorer 9 kan brukes, men begrensede visuelle avvik må aksepteres.
+ * Android Browser-versjoner tidligere enn 4.4
 
 ## Kom i gang
 Konfigurer npm til å bruke SB1's lokale og private repo (proxy med cache til NPM public).
@@ -18,6 +18,22 @@ Installer som vanlig
 
     npm install ffe-core --save-dev
 
+## Migrering til v.8.0.0
+
+I versjon 8.0.0 ble det gjort en større job ved å splitte ffe-core opp i mindre pakker. For å få samme styling som før 8.0.0 må man ha følgende pakker som en dependency.
+
+```
+ffe-core
+ffe-buttons
+ffe-form
+ffe-list
+ffe-tables
+ffe-tabs
+ffe-spinner
+```
+
+Man må også legge til tilsvarende `@import`'s i .less for prosjektet.
+
 ## Bruk
 Modulen inneholder LESS-filer som kan importeres direkte fra node_modules til prosjektets CSS/LESS.
 

diff --git a/examples/buttons.html b/examples/buttons.html
diff --git a/examples/colors.html b/examples/colors.html
@@ -4,35 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Felles Frontend Style Guide</title>
+    <title>colors</title>
 
     <link rel="stylesheet" type="text/css" href="examples.css">
 
 </head>
 <body class="ffe-body-text">
 
-<div class="sidebar-open">
-    <button class="sidebar-open__button ffe-secondary-button"></button>
-</div>
-
-<nav class="sidebar">
-
-    <button class="sidebar__close-btn"></button>
-
-    <h2 class="ffe-h4">Innhold</h2>
-
-    <ul class="navigation-list">
-        <li class="navigation-list__link"><a class="ffe-link-text" href="index.html">Hjem</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="typo.html">Typografi</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="lists.html">Lister</a></li>
-        <li class="navigation-list__link navigation-list__link--active"><a class="ffe-link-text" href="colors.html">Farger</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="form.html">Skjema</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="buttons.html">Knapper</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="layout.html">Layout</a></li>
-        <li class="navigation-list__link"><a class="ffe-link-text" href="containers.html">Containers</a></li>
-    </ul>
-</nav>
-
 <main class="styleguide-wrapper">
     <section class="ffe-section-wrapper">
         <div class="ffe-content-container ffe-content-container--text-left">
@@ -156,13 +134,5 @@ <h2 class="ffe-h2">Sekundær Fargepalett</h2>
 
 </main>
 
-<footer>
-    <hr class="ffe-divider-line" >
-    <div class="ffe-content-container">
-        <a class="ffe-link-text" href="#">© SpareBank 1</a>
-    </div>
-</footer>
-
-<script src="examples.js"></script>
 </body>
 </html>