Remove uneeded code, rearrange & tidy up code

Author: Ifycode

css/styles.css

@@ -29,16 +29,13 @@ img {
 }
 button {
   cursor: pointer;
-  font-size: 1em;
-  padding: 8px 10px;
-  border-radius: 4px;
 }
 button:disabled {
   background: #b9b9b9;
   color: #3b3b3b;
   cursor: not-allowed;
 }
-/* display/structure */
+/* display - structure & images */
 .block {
   display: block;
 }
@@ -107,14 +104,6 @@ button:disabled {
 .x-auto {
   overflow-x: auto;
 }
-/* class styles */
-.error {
-  color: #e40101;
-}
-.error-bold {
-  color: #e40101;
-  font-weight: bold;
-}
 .img-wrapper {
   display: flex;
   justify-content: center;
@@ -133,11 +122,20 @@ button:disabled {
   max-width: 100%;
   height: auto;
 }
+/* text or bg color styles */
+.error {
+  color: #e40101;
+}
+.error-bold {
+  color: #e40101;
+  font-weight: bold;
+}
+/* btn color styles */
 .btn-default {
   background: #2f80ed;
   color: #fefefe;
 }
-.btn-default-2 {
+.btn-transparent {
   background: transparent;
   color: #2f80ed;
   border: 1px solid #2f80ed;

less/00-helpers/mixins.less

@@ -47,7 +47,6 @@
 
 
 
-
 //mixins
 
 .width(@width-value) {

less/01-base/fonts.less

@@ -1,3 +1,2 @@
 @import (css) url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500&display=swap');
 @import (css) url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600&display=swap');
-//@josefin: 'Josefin Sans', sans-serif;

less/01-base/reset.less

@@ -23,9 +23,6 @@ img {
 
 button {
   cursor: pointer;
-  font-size: 1em;
-  padding: 8px 10px;
-  border-radius: 4px;
 }
 
 button:disabled {

less/02-style/class.less renamed to less/02-style/color.less

@@ -1,5 +1,5 @@
 
-/* class styles */
+/* text or bg color styles */
 
 .@{err} {
   @color-red();
@@ -10,30 +10,14 @@
   font-weight: bold;
 }
 
-//-----------------
-
-.img-wrapper {
-  .flex-center();
-  @x-hidden();
-}
-
-.img-wrapper-rounded { /*round img-wrapper*/
-  .flex-center();
-  @x-hidden();
-  border-radius: 50%;
-}
-
-.img-default {
-  max-width: @100-tage;
-  height: auto;
-}
+/* btn color styles */
 
 .btn-default {
   background: @collabo-blue;
   color: @white-99;
 }
 
-.btn-default-2 {
+.btn-transparent {
   background: transparent;
   color: @collabo-blue;
   border: 1px solid @collabo-blue;
@@ -43,4 +27,3 @@
   background: @red-color;
   color: @white-99;
 }
-

less/02-style/display.less

@@ -1,5 +1,5 @@
 
-/* display/structure */
+/* display - structure & images */
 
 .block {
   @block();
@@ -72,3 +72,22 @@
 .x-auto {
   @x-auto();
 }
+
+
+//--- Image display ---------
+
+.img-wrapper {
+  .flex-center();
+  @x-hidden();
+}
+
+.img-wrapper-rounded { /*round img-wrapper*/
+  .flex-center();
+  @x-hidden();
+  border-radius: 50%;
+}
+
+.img-default {
+  max-width: @100-tage;
+  height: auto;
+}

less/styles.less

@@ -9,5 +9,4 @@
 
 //02-style - classes & elements
 @import './02-style/display.less';
-@import './02-style/class.less';
-
+@import './02-style/color.less';