v1.0.1

Author: rhysnhall

CHANGELOG.md

@@ -1,5 +1,16 @@
 # OrbitCSS Changelog
 
+## v1.0.1
+
+### Improvements
+* Add <code>$input-background-color</code> variable. Use this to override the default **$white** background color on form elements.
+* Add <code>$input-color</code> variable. Use this to override the default **inherit** text color on form elements.
+
+### Bug fixes
+* Corrected **.top__links** li element not applying by removing rogue comma.
+* The <code>$top-link-hover-decoration</code> variable now applies to any nested link elements.
+* <code>.top__burger</code> now sits in the top right corner when the **.is-mobile-responsive** modifier is being used.
+
 ## v1.0.0
 
 ### Core changes

css/orbit.css

@@ -1,4 +1,4 @@
-/*! Orbit CSS v1.0 | MIT license | https://orbitcss.com */
+/*! Orbit CSS v1.0.1 | MIT license | https://orbitcss.com */
 @import url("https://fonts.googleapis.com/css?family=Lato|Roboto");
 .has-text-primary {
   color: #6e45e2 !important;
@@ -1602,6 +1602,10 @@ label:not(:last-child) {
   text-decoration: none;
 }
 
+.top__links ul li:not(.dropdown__link):hover a {
+  text-decoration: inherit;
+}
+
 .top__social {
   padding: 0 0.65rem;
 }
@@ -1655,21 +1659,21 @@ label:not(:last-child) {
   padding-top: 4px;
 }
 
-.top__burger.has-animate.is-active {
+.top__burger.has-animate.is-active, .is-mobile-responsive.is-open > .top__burger {
   justify-content: center;
 }
 
-.top__burger.has-animate.is-active span:before, .top__burger.has-animate.is-active span:after {
+.top__burger.has-animate.is-active span:before, .top__burger.has-animate.is-active span:after, .is-mobile-responsive.is-open > .top__burger span:before, .is-mobile-responsive.is-open > .top__burger span:after {
   padding: 0;
   position: absolute;
 }
 
-.top__burger.has-animate.is-active span:before {
+.top__burger.has-animate.is-active span:before, .is-mobile-responsive.is-open > .top__burger span:before {
   border-width: 2px 0 0;
   transform: rotate(405deg);
 }
 
-.top__burger.has-animate.is-active span:after {
+.top__burger.has-animate.is-active span:after, .is-mobile-responsive.is-open > .top__burger span:after {
   transform: rotate(-405deg);
 }
 
@@ -1727,6 +1731,12 @@ label:not(:last-child) {
   .top.is-mobile-responsive .top__buttons {
     padding: 0.5rem 0.9375rem;
   }
+  .top.is-mobile-responsive .top__burger {
+    padding: 1rem 0.75rem;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
 }
 
 @media (min-width: 768px) {