modalibrary 0.0.20 → 0.0.21

data/vendor/assets/stylesheets/web_library.css

@@ -100,11 +100,11 @@
 .mo-web-button {
   display: inline-block;
   padding: 0 30px;
-  height: 40px;
+  height: 44px;
   text-align: center;
-  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 11px;
-  line-height: 40px;
+  font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 44px;
   cursor: pointer;
   border-radius: 0;
   border: none;
@@ -113,8 +113,42 @@
     color: #ffffff;
     background-color: #3c1315;
     text-transform: uppercase; }
-    .mo-web-button.mo-web-button--claret:hover, .mo-web-button.mo-web-button--claret:focus {
-      background-color: #5b1a28; }
+  .mo-web-button.mo-web-button--primary {
+    color: #ffffff;
+    background-color: #222222;
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+    padding: 12px 20px;
+    line-height: 20px;
+    text-transform: uppercase; }
+    .mo-web-button.mo-web-button--primary:hover {
+      background-color: #434343; }
+    .mo-web-button.mo-web-button--primary:focus {
+      outline: 1px solid #222222;
+      outline-offset: 1px; }
+    .mo-web-button.mo-web-button--primary:active {
+      background-color: #626262; }
+    .mo-web-button.mo-web-button--primary:disabled {
+      background-color: #efefef;
+      color: #626262; }
+  .mo-web-button.mo-web-button--secondary {
+    color: #222222;
+    background-color: #ffffff;
+    border: 1px solid #222222;
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
+    padding: 12px 20px;
+    line-height: 20px;
+    text-transform: uppercase; }
+    .mo-web-button.mo-web-button--secondary:hover {
+      background-color: #f5f5f5; }
+    .mo-web-button.mo-web-button--secondary:focus {
+      outline: 1px solid #222222;
+      outline-offset: 1px; }
+    .mo-web-button.mo-web-button--secondary:active {
+      background-color: #efefef; }
+    .mo-web-button.mo-web-button--secondary:disabled {
+      background-color: #ffffff;
+      color: #bebebe;
+      border-color: #e1e1e1; }
   .mo-web-button .mo-web-button-loader {
     margin-top: 3px; }
 
@@ -197,9 +231,6 @@
 
 .mo-web-authentication-form .authentication-forgot-password {
   text-decoration: none;
-  color: #428bca;
-  margin-top: 3.5px;
-  font-size: 11px;
   float: right; }
 
 .mo-web-authentication-form .authentication-submit-button {
@@ -210,25 +241,53 @@
   text-decoration: none;
   margin: 25px auto 0;
   width: fit-content;
-  color: #428bca;
-  font-size: 11px;
   display: block; }
 
 .mo-web-authentication-form .authentication-opt-out-privacy-policy {
   font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: #3c1315;
+  color: #222222;
   width: fit-content;
-  font-size: 10px;
-  margin: 0 auto; }
+  margin: 0 auto;
+  font-size: 9px; }
   .mo-web-authentication-form .authentication-opt-out-privacy-policy a {
-    color: #428bca;
     margin: 10px auto 0;
     width: fit-content;
-    display: block; }
+    font-size: 9px; }
 
 .mo-web-authentication-form input[type='checkbox'] {
   margin-right: 8px; }
 
+.mo-web-link {
+  font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  text-decoration: none; }
+  .mo-web-link.mo-web-link--blue {
+    color: #599ad3; }
+    .mo-web-link.mo-web-link--blue:hover {
+      color: #2f74b1; }
+  .mo-web-link.mo-web-link--gold {
+    color: #9b885f; }
+    .mo-web-link.mo-web-link--gold:hover {
+      color: #3c1315; }
+  .mo-web-link.mo-web-link--plain {
+    color: #222222; }
+    .mo-web-link.mo-web-link--plain:hover {
+      text-decoration: underline; }
+    .mo-web-link.mo-web-link--plain:focus {
+      outline: 1px solid #222222;
+      text-decoration: none; }
+    .mo-web-link.mo-web-link--plain:disabled {
+      color: #bebebe; }
+  .mo-web-link.mo-web-link--underline {
+    color: #222222;
+    text-decoration: underline; }
+    .mo-web-link.mo-web-link--underline:hover {
+      color: #767676; }
+    .mo-web-link.mo-web-link--underline:focus {
+      outline: 1px solid #222222; }
+    .mo-web-link.mo-web-link--underline:disabled {
+      color: #bebebe; }
+
 @charset "UTF-8";
 @font-face {
   font-family: mo-web-icons;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: modalibrary
 version: !ruby/object:Gem::Version
-  version: 0.0.20
+  version: 0.0.21
 platform: ruby
 authors:
 - Team Moda
@@ -81,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.12
+rubygems_version: 2.6.14
 signing_key: 
 specification_version: 4
 summary: Moda library, GEMIFIED!