PAGES related less filed reviewed for bidirection

Author: lxsameer

less/404_500_errors.less

@@ -1,17 +1,17 @@
-/* 
+/*
     Page: 404 and 500 error pages
 ------------------------------------
 */
 
 .error-page {
     width: 600px;
-    margin: 20px auto 0 auto;
+    .margin(20px, auto, 0, auto);
     @media screen and (max-width: @screen-sm) {
         width: 100%;
     }
     //For the error number e.g: 404
     > .headline {
-        float: left;        
+        .float(left);
         font-size: 100px;
         font-weight: 300;
         @media screen and (max-width: @screen-sm) {
@@ -21,9 +21,9 @@
     }
     //For the message
     > .error-content {
-        margin-left: 190px;
+        .margin-left(190px);
         @media screen and (max-width: @screen-sm) {
-            margin-left: 0;
+            .margin-left(0);
         }
         > h3 {
             font-weight: 300;

less/invoice.less

@@ -1,4 +1,4 @@
-/* 
+/*
     Page: Invoice
 */
 
@@ -7,7 +7,7 @@
     width: 90%;
     margin: 10px auto;
     background: #fff;
-    border: 1px solid #f4f4f4;  
+    border: 1px solid #f4f4f4;
 }
 
 .invoice-title {
@@ -23,10 +23,10 @@
         padding: 0;
     }
     .invoice-col {
-        float: left;
+        .float(left);
         width: 33.3333333%;
     }
-    
+
     .table-responsive {
         overflow: auto;
         > .table tr th,

less/lockscreen.less

@@ -23,8 +23,8 @@
     font-weight: 300;
     -webkit-font-smoothing: antialiased !important;
     opacity: 0.8;
-    margin: 10px 0 30px 0;
-    font-size: 90px;    
+    .margin(10px, 0, 30px, 0);
+    font-size: 90px;
 }
 
 @media screen and (max-width: @screen-xs) {
@@ -47,15 +47,15 @@
     background: #fff;
     position: relative;
     .border-radius(4px);
-    .clearfix();    
+    .clearfix();
     margin: 10px auto;
     width: 290px;
 }
 
 /* User image */
 .lockscreen-item > .lockscreen-image {
     position: absolute;
-    left: -10px;
+    .left(-10px);
     top: -30px;
     background: #fff;
     padding: 10px;
@@ -70,7 +70,7 @@
 
 /* Contains the password input and the login button */
 .lockscreen-item > .lockscreen-credentials {
-    margin-left: 80px;
+    .margin-left(80px);
     input {
         border: 0 !important;
     }
@@ -80,7 +80,7 @@
     }
 }
 /* Extra to give the user an option to navigate the website [optional]*/
-.lockscreen-link {    
+.lockscreen-link {
     margin-top: 30px;
     text-align: center;
 }

less/login_and_register.less

@@ -1,10 +1,10 @@
-/* 
+/*
     Page: register and login
 */
 
-.form-box {    
+.form-box {
     width: 360px;
-    margin: 90px auto 0 auto;
+    .margin(90px, auto, 0, auto);
     .header {
         .border-radius(4px, 4px, 0, 0);
         background: @olive;
@@ -15,7 +15,7 @@
         font-weight: 300;
         color: #fff;
     }
-    
+
      .body, .footer {
         padding: 10px 20px;
         background: #fff;
@@ -26,16 +26,16 @@
                 border: #fff;
             }
         }
-        
+
         > .btn {
             margin-bottom: 10px;
         }
     }
-    
+
     .footer {
        .border-radius(0, 0, 4px, 4px);
     }
-    
+
     @media (max-width: @screen-sm) {
     width: 90%;
 }

less/mailbox.less

@@ -5,23 +5,23 @@
 .mailbox {
 
     .table-mailbox {
-        border-left: 1px solid #ddd;
-        border-right: 1px solid #ddd;
-        border-bottom: 1px solid #ddd;        
+        .border-left(1px solid #ddd);
+        .border-right(1px solid #ddd);
+        border-bottom: 1px solid #ddd;
         tr {
             &.unread {
-                 > td {                    
+                 > td {
                     background-color: rgba(0, 0, 0, 0.05);
                     color: #000;
-                    font-weight: 600;                    
-                }                
+                    font-weight: 600;
+                }
             }
 
             > td > .fa.fa-star,
             > td > .fa.fa-star-o,
             > td > .glyphicon.glyphicon-star,
             > td > .glyphicon.glyphicon-star-empty{
-                color: @yellow;   
+                color: @yellow;
                 cursor: pointer;
             }
 
@@ -34,28 +34,28 @@
                 font-weight: 600;
             }
             > td.time {
-                text-align: right;
-                width: 100px;                
+                .text-align(right);
+                width: 100px;
             }
             > td {
-                white-space: nowrap;                
+                white-space: nowrap;
             }
-            
+
             & > td > a {color: #444;}
         }
     }
 
     @media screen and (max-width: @screen-sm) {
         .nav-stacked {
             > li:not(.header) {
-                float: left;
+                .float(left);
                 width: 50%;
                 &.header {
                     border: 0!important;
                 }
             }
         }
-        
+
         .search-form {
             margin-top: 10px;
         }