modalibrary 0.1.48 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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!