modalibrary 0.1.48 → 0.1.49

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +5 -5
  2. data/lib/modalibrary/version.rb +1 -1
  3. data/vendor/assets/javascripts/web_library.min.js +3 -3
  4. data/vendor/assets/main.css +62 -51
  5. data/vendor/assets/stylesheets/web_library.css +62 -51
  6. metadata +2 -2
data/vendor/assets/main.css CHANGED
@@ -719,7 +719,13 @@
719
719
  top: 48px;
720
720
  width: 100%;
721
721
  border-left: none;
722
- border-right: none; } }
722
+ border-right: none;
723
+ max-height: unset; }
724
+ .mini-cart-container .mini-cart-overlay {
725
+ height: 100vh;
726
+ width: 100vw;
727
+ background-color: rgba(34, 34, 34, 0.3);
728
+ position: fixed; } }
723
729
  .mini-cart-container.empty {
724
730
  height: 80px;
725
731
  min-height: unset; }
@@ -916,9 +922,9 @@
916
922
  letter-spacing: 0.12px;
917
923
  line-height: 20px;
918
924
  text-align: right; }
919
- .mini-cart-container .summary .go-to-shopping-bag, .mini-cart-container .summary .go-to-checkout, .mini-cart-container .summary .view-bag {
925
+ .mini-cart-container .summary .go-to-shopping-bag {
920
926
  height: 44px;
921
- width: 48.5%;
927
+ width: 100%;
922
928
  background-color: #222222;
923
929
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
924
930
  color: #ffffff;
@@ -929,16 +935,11 @@
929
935
  display: inline-block;
930
936
  padding: 0 30px;
931
937
  margin-top: 20px;
932
- margin-right: 10px;
933
938
  text-align: center;
934
939
  cursor: pointer;
935
940
  text-decoration: none; }
936
- .mini-cart-container .summary .go-to-shopping-bag:hover, .mini-cart-container .summary .go-to-checkout:hover, .mini-cart-container .summary .view-bag:hover {
941
+ .mini-cart-container .summary .go-to-shopping-bag:hover {
937
942
  background-color: #434343; }
938
- .mini-cart-container .summary .go-to-checkout {
939
- margin-right: 0; }
940
- .mini-cart-container .summary .go-to-shopping-bag {
941
- width: 100%; }
942
943
  @media screen and (max-width: 992px) {
943
944
  .mini-cart-container .summary {
944
945
  border-top: none; }
@@ -1015,15 +1016,18 @@
1015
1016
  padding: 20px 17px;
1016
1017
  width: 100%;
1017
1018
  margin-bottom: 20px; }
1018
- @media screen and (max-width: 992px) {
1019
- .loyalty-rewards-container {
1020
- margin: -1px 0 0 0;
1021
- border-left: none;
1022
- border-right: none;
1023
- padding: 32px 0; } }
1024
- .loyalty-rewards-container span.bold {
1019
+ .loyalty-rewards-container .bold {
1025
1020
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1026
1021
  font-weight: bold; }
1022
+ .loyalty-rewards-container .points {
1023
+ font-weight: bold;
1024
+ display: block;
1025
+ color: #222222;
1026
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1027
+ font-size: 16px;
1028
+ font-weight: 500;
1029
+ line-height: 24px;
1030
+ padding: 8px 0; }
1027
1031
  .loyalty-rewards-container .check {
1028
1032
  margin: 12px 0 20px 0; }
1029
1033
  .loyalty-rewards-container .join-rewards-button {
@@ -1038,40 +1042,47 @@
1038
1042
  line-height: 20px; }
1039
1043
  .loyalty-rewards-container .text .agree {
1040
1044
  margin-left: 13px; }
1041
- .loyalty-rewards-container .header {
1042
- display: flex;
1043
- margin-bottom: 12px;
1044
- width: 100%; }
1045
- @media screen and (max-width: 992px) {
1046
- .loyalty-rewards-container .header {
1047
- text-transform: uppercase; } }
1048
- .loyalty-rewards-container .header .mo-text {
1049
- display: block;
1050
- width: 100%;
1051
- float: left;
1052
- color: #222222;
1053
- font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1045
+ .loyalty-rewards-container .mo-text {
1046
+ margin-bottom: 6px;
1047
+ display: block;
1048
+ width: 100%;
1049
+ float: left;
1050
+ color: #222222;
1051
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1052
+ font-size: 16px;
1053
+ font-weight: 500;
1054
+ line-height: 24px; }
1055
+
1056
+ @media screen and (max-width: 992px) {
1057
+ .loyalty-rewards-container {
1058
+ margin: -1px 0 0 0;
1059
+ border-left: none;
1060
+ border-right: none;
1061
+ padding: 20px 0;
1062
+ font-size: 14px; }
1063
+ .loyalty-rewards-container .text {
1054
1064
  font-size: 14px;
1055
- font-weight: 500;
1056
- line-height: 16px; }
1057
- @media screen and (max-width: 992px) {
1058
- .loyalty-rewards-container .header .mo-text {
1059
- font-size: 12px; } }
1060
- .loyalty-rewards-container .header .arrow::before {
1061
- float: right;
1062
- width: 100%;
1063
- border-style: solid;
1064
- border-width: 0.12em 0.12em 0 0;
1065
- content: '';
1066
- height: 0.7em;
1067
- position: relative;
1068
- top: 0.6em;
1069
- transform: rotate(-45deg);
1070
- width: 0.7em; }
1071
- @media screen and (max-width: 992px) {
1072
- .loyalty-rewards-container .header .arrow::before {
1073
- margin-right: 5px; } }
1074
- .loyalty-rewards-container .header .arrow.arrow-down:before {
1075
- top: 0;
1076
- transform: rotate(135deg); }
1065
+ line-height: 24px; }
1066
+ .loyalty-rewards-container .text-join {
1067
+ font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
1068
+ font-weight: unset;
1069
+ color: #222222; }
1070
+ .loyalty-rewards-container .points {
1071
+ display: inline-block;
1072
+ font-size: 14px;
1073
+ font-weight: 300; }
1074
+ .loyalty-rewards-container .agree {
1075
+ font-size: 12px; }
1076
+ .loyalty-rewards-container .link-like {
1077
+ color: #222222 !important;
1078
+ text-decoration: underline !important;
1079
+ font-size: 12px !important;
1080
+ font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
1081
+ display: block; }
1082
+ .loyalty-rewards-container .link-like:hover {
1083
+ color: #767676; }
1084
+ .loyalty-rewards-container .link-like:focus {
1085
+ outline: 1px solid #222222; }
1086
+ .loyalty-rewards-container .link-like:disabled {
1087
+ color: #bebebe; } }
1077
1088
 
data/vendor/assets/stylesheets/web_library.css CHANGED
@@ -719,7 +719,13 @@
719
719
  top: 48px;
720
720
  width: 100%;
721
721
  border-left: none;
722
- border-right: none; } }
722
+ border-right: none;
723
+ max-height: unset; }
724
+ .mini-cart-container .mini-cart-overlay {
725
+ height: 100vh;
726
+ width: 100vw;
727
+ background-color: rgba(34, 34, 34, 0.3);
728
+ position: fixed; } }
723
729
  .mini-cart-container.empty {
724
730
  height: 80px;
725
731
  min-height: unset; }
@@ -916,9 +922,9 @@
916
922
  letter-spacing: 0.12px;
917
923
  line-height: 20px;
918
924
  text-align: right; }
919
- .mini-cart-container .summary .go-to-shopping-bag, .mini-cart-container .summary .go-to-checkout, .mini-cart-container .summary .view-bag {
925
+ .mini-cart-container .summary .go-to-shopping-bag {
920
926
  height: 44px;
921
- width: 48.5%;
927
+ width: 100%;
922
928
  background-color: #222222;
923
929
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
924
930
  color: #ffffff;
@@ -929,16 +935,11 @@
929
935
  display: inline-block;
930
936
  padding: 0 30px;
931
937
  margin-top: 20px;
932
- margin-right: 10px;
933
938
  text-align: center;
934
939
  cursor: pointer;
935
940
  text-decoration: none; }
936
- .mini-cart-container .summary .go-to-shopping-bag:hover, .mini-cart-container .summary .go-to-checkout:hover, .mini-cart-container .summary .view-bag:hover {
941
+ .mini-cart-container .summary .go-to-shopping-bag:hover {
937
942
  background-color: #434343; }
938
- .mini-cart-container .summary .go-to-checkout {
939
- margin-right: 0; }
940
- .mini-cart-container .summary .go-to-shopping-bag {
941
- width: 100%; }
942
943
  @media screen and (max-width: 992px) {
943
944
  .mini-cart-container .summary {
944
945
  border-top: none; }
@@ -1015,15 +1016,18 @@
1015
1016
  padding: 20px 17px;
1016
1017
  width: 100%;
1017
1018
  margin-bottom: 20px; }
1018
- @media screen and (max-width: 992px) {
1019
- .loyalty-rewards-container {
1020
- margin: -1px 0 0 0;
1021
- border-left: none;
1022
- border-right: none;
1023
- padding: 32px 0; } }
1024
- .loyalty-rewards-container span.bold {
1019
+ .loyalty-rewards-container .bold {
1025
1020
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1026
1021
  font-weight: bold; }
1022
+ .loyalty-rewards-container .points {
1023
+ font-weight: bold;
1024
+ display: block;
1025
+ color: #222222;
1026
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1027
+ font-size: 16px;
1028
+ font-weight: 500;
1029
+ line-height: 24px;
1030
+ padding: 8px 0; }
1027
1031
  .loyalty-rewards-container .check {
1028
1032
  margin: 12px 0 20px 0; }
1029
1033
  .loyalty-rewards-container .join-rewards-button {
@@ -1038,40 +1042,47 @@
1038
1042
  line-height: 20px; }
1039
1043
  .loyalty-rewards-container .text .agree {
1040
1044
  margin-left: 13px; }
1041
- .loyalty-rewards-container .header {
1042
- display: flex;
1043
- margin-bottom: 12px;
1044
- width: 100%; }
1045
- @media screen and (max-width: 992px) {
1046
- .loyalty-rewards-container .header {
1047
- text-transform: uppercase; } }
1048
- .loyalty-rewards-container .header .mo-text {
1049
- display: block;
1050
- width: 100%;
1051
- float: left;
1052
- color: #222222;
1053
- font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1045
+ .loyalty-rewards-container .mo-text {
1046
+ margin-bottom: 6px;
1047
+ display: block;
1048
+ width: 100%;
1049
+ float: left;
1050
+ color: #222222;
1051
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1052
+ font-size: 16px;
1053
+ font-weight: 500;
1054
+ line-height: 24px; }
1055
+
1056
+ @media screen and (max-width: 992px) {
1057
+ .loyalty-rewards-container {
1058
+ margin: -1px 0 0 0;
1059
+ border-left: none;
1060
+ border-right: none;
1061
+ padding: 20px 0;
1062
+ font-size: 14px; }
1063
+ .loyalty-rewards-container .text {
1054
1064
  font-size: 14px;
1055
- font-weight: 500;
1056
- line-height: 16px; }
1057
- @media screen and (max-width: 992px) {
1058
- .loyalty-rewards-container .header .mo-text {
1059
- font-size: 12px; } }
1060
- .loyalty-rewards-container .header .arrow::before {
1061
- float: right;
1062
- width: 100%;
1063
- border-style: solid;
1064
- border-width: 0.12em 0.12em 0 0;
1065
- content: '';
1066
- height: 0.7em;
1067
- position: relative;
1068
- top: 0.6em;
1069
- transform: rotate(-45deg);
1070
- width: 0.7em; }
1071
- @media screen and (max-width: 992px) {
1072
- .loyalty-rewards-container .header .arrow::before {
1073
- margin-right: 5px; } }
1074
- .loyalty-rewards-container .header .arrow.arrow-down:before {
1075
- top: 0;
1076
- transform: rotate(135deg); }
1065
+ line-height: 24px; }
1066
+ .loyalty-rewards-container .text-join {
1067
+ font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
1068
+ font-weight: unset;
1069
+ color: #222222; }
1070
+ .loyalty-rewards-container .points {
1071
+ display: inline-block;
1072
+ font-size: 14px;
1073
+ font-weight: 300; }
1074
+ .loyalty-rewards-container .agree {
1075
+ font-size: 12px; }
1076
+ .loyalty-rewards-container .link-like {
1077
+ color: #222222 !important;
1078
+ text-decoration: underline !important;
1079
+ font-size: 12px !important;
1080
+ font-family: "Gotham Book", "Moda-Gotham-Book", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
1081
+ display: block; }
1082
+ .loyalty-rewards-container .link-like:hover {
1083
+ color: #767676; }
1084
+ .loyalty-rewards-container .link-like:focus {
1085
+ outline: 1px solid #222222; }
1086
+ .loyalty-rewards-container .link-like:disabled {
1087
+ color: #bebebe; } }
1077
1088
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: modalibrary
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.48
4
+ version: 0.1.49
5
5
  platform: ruby
6
6
  authors:
7
7
  - Team Moda
@@ -83,7 +83,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
83
83
  version: '0'
84
84
  requirements: []
85
85
  rubyforge_project:
86
- rubygems_version: 2.7.6
86
+ rubygems_version: 2.6.14
87
87
  signing_key:
88
88
  specification_version: 4
89
89
  summary: Moda library, GEMIFIED!