(master): Refactor Carousel

Author: Joe Crick

index.html

@@ -1,4 +1,4 @@
-@import '../mixins';
+@import '../lib/mixins';
 
 .accordion {
   list-style: none;

main.css

@@ -38,31 +38,31 @@
 
       &:checked {
 
-        & ~ .carousel-image {
+        & ~ .carousel-content {
           display: inline;
         }
 
-        & ~ label:after {
+        & ~ .carousel-label:after {
           content: '\003e';
           color: black;
           cursor: pointer;
         }
 
-        & + label:after {
+        & + .carousel-label:after {
           content: '\003c';
         }
 
       }
 
     }
 
-    .carousel-image {
+    .carousel-content {
       height: 400px;
       width: 300px;
       display: none;
     }
 
-    label {
+    .carousel-label {
       cursor: pointer;
     }
 

main.css.map

@@ -1,4 +1,4 @@
-@import '../variables';
+@import '../lib/variables';
 
 .onclick-menu {
   position: relative;

src/components/accordion.less

@@ -1,5 +1,5 @@
-@import '../mixins';
-@import 'close-button';
+@import '../lib/mixins';
+@import '../lib/close-button';
 
 .alert-toggle:checked + .alert {
   display: none;

src/components/carousel.less

@@ -1,4 +1,4 @@
-@import 'close-button';
+@import '../lib/close-button';
 
 .toggle-modal {
   background-color: blue;

src/components/dropdown.less

@@ -1,6 +1,6 @@
-@import '../mixins';
-@import 'close-button';
-@import '../variables';
+@import '../lib/mixins';
+@import '../lib/close-button';
+@import '../lib/variables';
 
 .popover-container {
 

src/components/inline-alert.less

@@ -1,4 +1,4 @@
-@import '../variables';
+@import 'variables';
 
 .button() {
   cursor: pointer;