Make big changes and upgrade to v2.0.0

Author: ALPIXELMaiki

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "chuckcss",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "Responsive CSS framework based on Flexbox grids compiled with LESS and Autoprefixer",
   "authors": {
     "name": "Mickael SURREL <ALPIXEL>",

chuckcss/components/alerts.less

@@ -19,7 +19,7 @@
     border: 1px solid transparent;
     margin:1.5em 0;
     position:relative;
-    ._border-radius(unit(@alert-br,px));
+    border-radius:unit(@alert-br,px);
 
     /* Links inside a .alert element */
     a {
@@ -42,7 +42,7 @@
         padding:1em;
         height:100%;
         background-color:transparent;
-        ._opacity(1);
+        opacity:1;
 
         i {
             ._reset;

chuckcss/components/grids.less

@@ -13,8 +13,8 @@
 ._phone({._generatePhoneColumns;}); // Launch _generatePhoneColumns
 
 .columns {
-    ._flex-display;
-    ._flex-wrap(wrap);
+    display:flex;
+    flex-wrap:wrap;
     margin:0 -@cols-gutter/2;
 
     &.cc {
@@ -37,7 +37,7 @@
         ._reset;
         padding:@cols-pa;
         margin:@cols-ma-top @cols-gutter/2 @cols-ma-bottom;
-        ._flex(1);
+        flex:1 1 0%;
 
         /* Nested columns */
         &.columns {
@@ -60,11 +60,11 @@
             }
 
             &-first-t {
-                ._flex-order(-2);
+                order:-2;
             }
 
             &-last-t {
-                ._flex-order(2);
+                order:2;
             }
         }
 
@@ -86,11 +86,11 @@
             }
 
             &-first-s {
-                ._flex-order(-3);
+                order:-3;
             }
 
             &-last-s {
-                ._flex-order(3);
+                order:3;
             }
         }
 

chuckcss/components/modals.less

@@ -33,25 +33,25 @@ body.opened-modal {
 
 /* Modal wrapper */
 .modal {
-    ._flex-display;
-    ._flex-justify(center);
-    ._flex-align-items(center);
-    ._box-shadow('none');
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    box-shadow:none;
     z-index:-1;
     position:fixed;
     top:0px;
     bottom:0px;
     left:0px;
     right:0px;
-    ._opacity(0);
+    opacity:0;
 
     /* Shown modal */
     &.active {
-        ._opacity(1);
+        opacity:1;
         z-index:99;
 
         .modal-content {
-            ._opacity(1);
+            opacity:1;
             ._scale(1);
         }
 
@@ -100,7 +100,7 @@ body.opened-modal {
         left:50%;
         z-index:98;
         background:none;
-        ._border-radius(100%);
+        border-radius:100%;
         line-height:inherit;
         background-color:transparent;
         width:40px;
@@ -116,7 +116,7 @@ body.opened-modal {
             height:3px;
             background-color:white;
 
-            ._border-radius(4px);
+            border-radius:4px;
             position:absolute;
             top:19px;
             left:10px;
@@ -141,8 +141,8 @@ body.opened-modal {
         overflow-x:hidden;
         background-color:white;
         z-index:99;
-        ._border-radius(4px);
-        ._opacity(0);
+        border-radius:4px;
+        opacity:0;
         ._transition;
         ._scale(0.5);
 
@@ -181,13 +181,13 @@ body.opened-modal {
     &[data-fixed-hf] {
         .modal-content {
             overflow:hidden;
-            ._flex-display;
-            ._flex-direction(column);
+            display:flex;
+            flex-direction:column;
         }
         .modal-footer,
         .modal-header,
         .wrap-modal-body {
-            ._flex(1 0 auto);
+            flex:1 0 auto;
         }
         .wrap-modal-body {
             overflow-y: auto;

chuckcss/core/animations.less

@@ -30,6 +30,6 @@
     @description : animate standart loader dots
 ***** */
 @keyframes loaderDots {
-  0%, 39%, 100% { ._opacity(0); }
-  40% { ._opacity(1); }
+  0%, 39%, 100% { opacity:0; }
+  40% { opacity:1; }
 }

chuckcss/core/base.less

@@ -15,13 +15,13 @@ body {
     line-height: @text-lh;
     color: @text-mc;
     overflow-x: hidden;
-    ._box-sizing(border-box);
+    box-sizing:border-box;
 
     /* Box-sizing */
     *,
     *:before,
     *:after {
-        ._box-sizing(border-box);
+        box-sizing:border-box;
     }
 
     // Affix - Override Bootstrap CSS