resurrect missing list classes, fixes #3997

Closes #3997

Merge request studip/studip!2848

resources/assets/stylesheets/mixins/misc.scss

@@ -15,10 +15,6 @@
         clear: both;
     }
 }
-@mixin list-unstyled {
-    padding-left: 0;
-    list-style: none;
-}
 
 
 @mixin size($height, $width) {

resources/assets/stylesheets/mixins/studip.scss

@@ -259,19 +259,3 @@
     /* Opera doesn't support this in the shorthand */
     background-attachment: local, local, scroll, scroll;
 }
-
-@mixin list-unstyled {
-    padding-left: 0;
-    list-style: none;
-}
-
-@mixin list-inline {
-    @include list-unstyled();
-    margin-left: -5px;
-
-    > li {
-        display: inline-block;
-        padding-left: 5px;
-        padding-right: 5px;
-    }
-}

resources/assets/stylesheets/scss/dashboard.scss

@@ -77,7 +77,7 @@
     padding-bottom: 1em;
 
     ul {
-        @include list-inline();
+        @extend .list-inline;
 
         img {
             margin-left: 0.25em;

resources/assets/stylesheets/scss/lists.scss

@@ -10,9 +10,25 @@ ol {
     }
 }
 
+.list-unstyled {
+    padding-left: 0;
+    list-style: none;
+}
+
+.list-inline {
+    @extend .list-unstyled;
+    margin-left: -5px;
+
+    > li {
+        display: inline-block;
+        padding-left: 5px;
+        padding-right: 5px;
+    }
+}
+
 //comma separated
 .list-csv {
-    @include list-inline();
+    @extend .list-inline;
     margin-left: 0;
 
     > li {
@@ -24,7 +40,6 @@ ol {
 
         &:last-child {
             padding-right: 0;
-
             &::after {
                 content: unset;
             }
@@ -39,7 +54,7 @@ ol {
 }
 
 .list-pipe-separated {
-    @include list-inline();
+    @extend .list-inline;
     display: flex; // Prevents the mystery gap between elements
 
     > li {

resources/assets/stylesheets/scss/profile.scss

@@ -13,7 +13,7 @@
     padding: 0 1em;
 }
 .profile-view-actions {
-    @include list-unstyled();
+    @extend .list-unstyled;
     img {
         vertical-align: text-top;
     }