Implement #120v5.4.0-beta.1

4 files changed, 18 insertions, 6 deletions

diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 87d401215..b1e148ca0 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -30,7 +30,9 @@
 
     &.is-selected {
       background: #FFF;
-      border: 2px solid $theme-brand-primary;
+      border-width: 2px;
+      border-style: solid;
+      border-color: $theme-brand-primary;
       color: $theme-brand-primary;
     }
 
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 071861f16..753288b8d 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -59,7 +59,9 @@
 
     .premium-info {
       background: $dark-theme-gray-darker;
-      border: 2px solid $theme-brand-primary;
+      border-width: 2px;
+      border-style: solid;
+      border-color: $theme-brand-primary;
     }
     .legal { color: $theme-gray-light; }
   }
@@ -170,7 +172,9 @@
     }
 
     .separator {
-      border-right: 1px solid darken($theme-brand-primary, 8%);
+      border-right-width: 1px;
+      border-right-style: solid;
+      border-right-color: $theme-brand-primary;
       height: 100%;
       margin: 0 15px;
       transform: skew(15deg) rotate(2deg);
@@ -224,7 +228,7 @@
 
   .settings__close {
     background: $theme-brand-primary;
-    border-left: 1px solid darken($theme-brand-primary, 8%);
+    // border-left: 1px solid darken($theme-brand-primary, 8%);
     color: #FFF;
     font-size: 20px;
     height: 50px;
@@ -233,7 +237,9 @@
     right: 0;
     transition: background $theme-transition-time;
     border-top-right-radius: $theme-border-radius;
+    cursor: pointer;
 
+    &::before { cursor: pointer; }
     &:hover { background: darken($theme-brand-primary, 5%); }
   }
 
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index ee0858687..e500830ed 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -34,7 +34,9 @@
 
   &.is-active {
     background: lighten($theme-brand-primary, 35%);
-    border-left: 4px solid $theme-brand-primary;
+    border-left-width: 4px;
+    border-left-style: solid;
+    border-left-color: $theme-brand-primary;
 
     .tab-item__icon { margin-left: -4px; }
   }
diff --git a/src/styles/type.scss b/src/styles/type.scss
index 135d32da0..e0b27fe34 100644
--- a/src/styles/type.scss
+++ b/src/styles/type.scss
@@ -39,7 +39,9 @@ a {
 
   &.button {
     background: none;
-    border: 2px solid $theme-brand-primary;
+    border-width: 2px;
+    border-style: solid;
+    border-color: $theme-brand-primary;
     border-radius: 3px;
     color: $theme-brand-primary;
     display: inline-block;