From 4f92cafe30a18d7a51776429ffe7ce3da1b8c2d0 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan@verdnatura.es>
Date: Sun, 6 Oct 2019 20:13:24 +0200
Subject: [PATCH] CSS border style classes

---
 front/core/components/step-control/style.scss        |  9 ---------
 front/core/styles/border.scss                        | 12 ++++++------
 front/core/styles/spacing.scss                       |  8 ++++----
 modules/client/front/address/index/index.html        |  8 +++-----
 .../client/front/credit-insurance/index/index.html   |  5 ++---
 5 files changed, 15 insertions(+), 27 deletions(-)

diff --git a/front/core/components/step-control/style.scss b/front/core/components/step-control/style.scss
index f020a31f6..e1c29c9a2 100644
--- a/front/core/components/step-control/style.scss
+++ b/front/core/components/step-control/style.scss
@@ -12,31 +12,25 @@ vn-step-control {
             display: flex;
             flex-direction: row
         }
-
         & > .steps > .step {
             justify-content: center;
             min-width: 125px;
             display: flex;
             flex: auto
         }
-        
         & > .steps > .step .circle {
             border: 2px solid $color-main;
             background-color: white;
             align-content: center;
             margin-top: -9.5px;
-            -moz-border-radius: 50%;
-            -webkit-border-radius: 50%;
             border-radius: 50%;
             cursor: pointer;
             height: 15px;
             width: 15px
         }
- 
         & > .steps > .step .circle.active {
             background-color: $color-main;
         }
-
         & > .buttons {
             display: flex;
             flex: auto;
@@ -44,11 +38,9 @@ vn-step-control {
             justify-content: space-between;
             margin-top: 10px
         }
-
         & > .buttons > .step {
             display: flex
         }
-
         & > .buttons > .step > .mdl-button {
             line-height: 32px;
             font-size: 12px;
@@ -56,5 +48,4 @@ vn-step-control {
             height: 32px
         }
     }
-
 }
\ No newline at end of file
diff --git a/front/core/styles/border.scss b/front/core/styles/border.scss
index ba97afb73..7450b5857 100644
--- a/front/core/styles/border.scss
+++ b/front/core/styles/border.scss
@@ -1,23 +1,23 @@
 @import "./variables";
 
-html [border-solid], .border-solid {
+.border-solid {
     border: $border-thin-light;
 }
-html [border-solid-top], .border-solid-top {
+.border-solid-top {
     border-top: $border-thin-light;
 }
-html [border-solid-left], .border-solid-left {
+.border-solid-left {
     border-left: $border-thin-light;
 }
-html [border-solid-right], .border-solid-right {
+.border-solid-right {
     border-right: $border-thin-light;
 }
-html [border-solid-bottom], .border-solid-bottom {
+.border-solid-bottom {
     border-bottom: $border-thin-light;
 }
 
 /* Border Radius */
 
-html [border-radius], .border-radius {
+.border-radius {
     border-radius: .3em;
 }
\ No newline at end of file
diff --git a/front/core/styles/spacing.scss b/front/core/styles/spacing.scss
index 96ec47935..35e3fa10d 100644
--- a/front/core/styles/spacing.scss
+++ b/front/core/styles/spacing.scss
@@ -1,10 +1,8 @@
-@import "./variables";
-
 /**
  * CSS spacing classes
  *
  * vn-[p|m][t|r|b|l|a|x|y]-[none|auto|xs|sm|md|lg|xl]
- *         T             D                                     S
+ *      T         D                     S
  * 
  * T - type
  *     - values: p (padding), m (margin)
@@ -24,6 +22,8 @@
  *             lg (large),
  *             xl (extra large)
  */
+ 
+ @import "./variables";
 
 //++++++++++++++++++++++++++++++++++++++++++++++++ Padding
 
@@ -328,7 +328,7 @@
     margin-right: $spacing-lg;
 }
 
-/* Huge */
+/* Extra large */
 
 .vn-ma-xl {
     margin: $spacing-xl;
diff --git a/modules/client/front/address/index/index.html b/modules/client/front/address/index/index.html
index 1e666b36b..c92ca2c14 100644
--- a/modules/client/front/address/index/index.html
+++ b/modules/client/front/address/index/index.html
@@ -15,10 +15,9 @@
         class="address">
         <a
             ui-sref="client.card.address.edit({addressId: {{::address.id}}})"
-            class="vn-pa-sm border-solid"
+            class="vn-pa-sm border-solid border-radius"
             ng-class="{'item-disabled': !address.isActive}"
-            translate-attr="{title: 'Edit address'}"
-            border-radius>
+            translate-attr="{title: 'Edit address'}">
             <vn-none
                 class="vn-pr-sm"
                 ng-click="$ctrl.onStarClick($event)">
@@ -52,8 +51,7 @@
             <vn-vertical
                 vn-one
                 ng-if="address.observations.length"
-                border-solid-left
-                class="vn-hide-narrow vn-px-md"
+                class="vn-hide-narrow vn-px-md border-solid-left"
                 style="height: 6em; overflow: auto;">
                 <vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'vn-pt-sm': $index}">
                     <b>{{::observation.observationType.description}}:</b> 
diff --git a/modules/client/front/credit-insurance/index/index.html b/modules/client/front/credit-insurance/index/index.html
index 6d7024a6a..83e34d62e 100644
--- a/modules/client/front/credit-insurance/index/index.html
+++ b/modules/client/front/credit-insurance/index/index.html
@@ -7,8 +7,7 @@
         class="vn-pb-md insurance"
         style="align-items: center;">
         <vn-one
-            border-radius
-            class="vn-pa-sm border-solid"
+            class="vn-pa-sm border-solid border-radius"
             ng-class="{'item-hightlight': !classification.finished,'item-disabled': classification.finished}">
             <vn-horizontal style="align-items: center;">
                 <vn-none class="vn-px-md">
@@ -19,7 +18,7 @@
                         ng-click="$ctrl.closeContract(classification)">
                     </vn-icon-button>
                 </vn-none>
-                <vn-one border-solid-right>
+                <vn-one class="border-solid-right">
                     <div><vn-label translate>Since</vn-label> {{::classification.started | dateTime:'dd/MM/yyyy'}}</div>
                     <div><vn-label translate>To</vn-label> {{classification.finished | dateTime:'dd/MM/yyyy'}}</div>
                 </vn-one>