components/01_Atoms/checkbox/_checkbox.scss

@@ -1,16 +1,12 @@
 .LP-Form{
     .LP-Form__Checkbox{
             display: none;
-		
-		&:checked + .LP-Form__CheckBox__CheckMark {
-			background-color: $-light-brown;
-		}
     }   
 
     .LP-Form__CheckBox__CheckMark{
         height: 1em;
         width: 1em;
-        border: 1px solid $-grey;
+        border: 1px solid black;
         padding: 0 calc(.5em + 2px);
         margin-right: .7em;
     }

components/01_Atoms/checkbox/checkbox.hbs

@@ -1,7 +1,3 @@
 <form class="LP-Form">
-    <label for="wurstwasser" class="LP-Form__Label">
+    <label for="wurstwasser" class="LP-Form__Label"><span class="LP-Form__CheckBox__CheckMark"></span><input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>Check me</label>
-		<input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>
-		<span class="LP-Form__CheckBox__CheckMark"></span>
-		Check me
-	</label>
 </form>

components/01_Atoms/input/input.hbs

@@ -4,6 +4,7 @@
     {{#if disabled}}
         disabled="disabled"
     {{/if}}
+    />
     {{#if message}}
     <span class="LP-Input__Message">{{message}}</span>
     {{/if}}

components/01_Atoms/link/_link.scss

@@ -7,3 +7,7 @@
 		text-decoration: underline;
     }
 }
+
+.LP-Link__IconWrapper{
+    display: inline;
+}

components/01_Atoms/link/link--iconized.hbs

@@ -1,10 +0,0 @@
-<a href="{{url}}" class="LP-Link">
-	<span class="RV-Iconized">
-		<span class="RV-Iconized__Text">
-			Iconized Text
-		</span>
-		<span class="RV-Iconized__Icon RV-Iconized__Icon--medium RV-Iconized__Icon--right">
-			<img src="/icons/debug.png"/>
-		</span>
-	</span>
-</a>

components/01_Atoms/link/link.hbs

@@ -1 +1,3 @@
+<p class="LP-Paragraph">
 	<a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a>
+</p>

components/01_Atoms/tag/_tag.scss

@@ -3,18 +3,11 @@
     background-color: $-beige;
     border-radius: 2px;
     width: max-content;
-    @include RV-Flex;
+    @include RV-FlexRow__Container;
     height: min-content;
     gap: 3px;
     transition: background .3s;
 
-	.LP-Link {
-		color: $-grey;
-		&:hover {
-			text-decoration: none;
-		}
-	}
-
     &__Remove {
         .RV-Iconized__Icon {
             fill: $-wine-red;

components/02_Molecules/_molecules.scss

@@ -1,6 +1,6 @@
-//@import 'textSection/textSection';
+@import 'textSection/textSection';
-//@import 'placeTeaser/placeTeaser';
+@import 'placeTeaser/placeTeaser';
-//@import 'tagList/tagList';
+@import 'tagList/tagList';
-//@import 'navigation/navigation';
+@import 'navigation/navigation';
-//@import 'messageList/messageList';
+@import 'messageList/messageList';
-//@import 'userInfo/userInfo';
+@import 'userInfo/userInfo';

components/02_Molecules/userInfo/_userInfo.scss

@@ -15,7 +15,7 @@
             padding: 0;
             margin: 0;
             text-align: center;
-            padding: $-spacing-small;
+            padding: $-spacing-small / 2;
             font-size: 25px;
         }
     }
@@ -26,7 +26,7 @@
             font-size: 18px;
         }
 
-        padding: $-spacing-small;
+        padding: $-spacing-small / 2;
 
         .LP-UserInfo__Key {
             padding-right: $-spacing-medium;

components/03_Organisms/_organisms.scss

@@ -1,9 +1,9 @@
-//@import 'header/header';
+@import 'header/header';
-//@import 'placeGrid/placeGrid';
+@import 'placeGrid/placeGrid';
-//@import 'placeList/placeList';
+@import 'placeList/placeList';
-//@import 'linkList/linkList';
+@import 'linkList/linkList';
-//@import 'footer/footer';
+@import 'footer/footer';
-//@import 'form/form';
+@import 'form/form';
-//@import 'imageGrid/imageGrid';
+@import 'imageGrid/imageGrid';
-//@import 'osmMap/osmMap';
+@import 'osmMap/osmMap';
-//@import 'userProfile/userProfile';
+@import 'userProfile/userProfile';

components/03_Organisms/linkList/_linkList.scss

@@ -1,5 +1,7 @@
 .LP-LinkList{
-	@include RV-Grid;
+	@include RV-FlexGrid(300px, 3em);
+	@include RV-ElementList;
+	@include RV-Spacing__Inner--small;
 	align-items: center;
 
     .LP-LinkList__Item{
@@ -9,7 +11,7 @@
 		transition: background .3s, color .5s;
 
 		@include RV-Alignment--verticalCenter;
-		@include RV-Flex;
+		@include RV-FlexRow__Container;
 
 		.LP-LinkList__ItemHover {
 			opacity: 0.5;

components/04_Templates/_templates.scss

@@ -1,3 +1,3 @@
-//@import 'home/home';
+@import 'home/home';
-//@import 'placeDetail/placeDetail';
+@import 'placeDetail/placeDetail';
-//@import 'codex/codex';
+@import 'codex/codex';

components/05_Pages/_pages.scss

@@ -1 +1 @@
-//@import 'place/place';
+@import 'place/place';

components/main.scss

@@ -1,4 +1,4 @@
-@import 'rcss.bundled';
+@import './rcss.bundled.scss';
 
 // Include primary fonts in regular, italic and bold each.
 @font-face {
@@ -197,4 +197,4 @@ body {
 @import '04_Templates/templates';
 @import '05_Pages/pages';
 
-//@import './tagify';
+@import './tagify';

package.json

@@ -11,7 +11,7 @@
         "sass-loader": "^10.0.5"
     },
     "scripts": {
-        "sass": "sass components/main.scss public/main.css --watch",
+        "sass": "node-sass -w components/main.scss -o public/ --recursive",
         "styleguide": "fractal start --sync",
         "suite": "npm run sass & npm run styleguide"
     }