modalibrary 0.1.38 → 0.1.39

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 +4 -4
  2. data/lib/modalibrary/version.rb +1 -1
  3. data/vendor/assets/javascripts/web_library.min.js +4 -42
  4. data/vendor/assets/main.css +46 -43
  5. data/vendor/assets/stylesheets/web_library.css +46 -43
  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; }
@@ -1010,15 +1016,18 @@
1010
1016
  padding: 20px 17px;
1011
1017
  width: 100%;
1012
1018
  margin-bottom: 20px; }
1013
- @media screen and (max-width: 992px) {
1014
- .loyalty-rewards-container {
1015
- margin: -1px 0 0 0;
1016
- border-left: none;
1017
- border-right: none;
1018
- padding: 32px 0; } }
1019
- .loyalty-rewards-container span.bold {
1019
+ .loyalty-rewards-container .bold {
1020
1020
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1021
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; }
1022
1031
  .loyalty-rewards-container .check {
1023
1032
  margin: 12px 0 20px 0; }
1024
1033
  .loyalty-rewards-container .join-rewards-button {
@@ -1033,40 +1042,34 @@
1033
1042
  line-height: 20px; }
1034
1043
  .loyalty-rewards-container .text .agree {
1035
1044
  margin-left: 13px; }
1036
- .loyalty-rewards-container .header {
1037
- display: flex;
1038
- margin-bottom: 12px;
1039
- width: 100%; }
1040
- @media screen and (max-width: 992px) {
1041
- .loyalty-rewards-container .header {
1042
- text-transform: uppercase; } }
1043
- .loyalty-rewards-container .header .mo-text {
1044
- display: block;
1045
- width: 100%;
1046
- float: left;
1047
- color: #222222;
1048
- 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 {
1049
1064
  font-size: 14px;
1050
- font-weight: 500;
1051
- line-height: 16px; }
1052
- @media screen and (max-width: 992px) {
1053
- .loyalty-rewards-container .header .mo-text {
1054
- font-size: 12px; } }
1055
- .loyalty-rewards-container .header .arrow::before {
1056
- float: right;
1057
- width: 100%;
1058
- border-style: solid;
1059
- border-width: 0.12em 0.12em 0 0;
1060
- content: '';
1061
- height: 0.7em;
1062
- position: relative;
1063
- top: 0.6em;
1064
- transform: rotate(-45deg);
1065
- width: 0.7em; }
1066
- @media screen and (max-width: 992px) {
1067
- .loyalty-rewards-container .header .arrow::before {
1068
- margin-right: 5px; } }
1069
- .loyalty-rewards-container .header .arrow.arrow-down:before {
1070
- top: 0;
1071
- 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
+ .loyalty-rewards-container .points {
1070
+ display: inline-block;
1071
+ font-size: 14px;
1072
+ font-weight: 300; }
1073
+ .loyalty-rewards-container .agree {
1074
+ font-size: 12px; } }
1072
1075
 
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; }
@@ -1010,15 +1016,18 @@
1010
1016
  padding: 20px 17px;
1011
1017
  width: 100%;
1012
1018
  margin-bottom: 20px; }
1013
- @media screen and (max-width: 992px) {
1014
- .loyalty-rewards-container {
1015
- margin: -1px 0 0 0;
1016
- border-left: none;
1017
- border-right: none;
1018
- padding: 32px 0; } }
1019
- .loyalty-rewards-container span.bold {
1019
+ .loyalty-rewards-container .bold {
1020
1020
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1021
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; }
1022
1031
  .loyalty-rewards-container .check {
1023
1032
  margin: 12px 0 20px 0; }
1024
1033
  .loyalty-rewards-container .join-rewards-button {
@@ -1033,40 +1042,34 @@
1033
1042
  line-height: 20px; }
1034
1043
  .loyalty-rewards-container .text .agree {
1035
1044
  margin-left: 13px; }
1036
- .loyalty-rewards-container .header {
1037
- display: flex;
1038
- margin-bottom: 12px;
1039
- width: 100%; }
1040
- @media screen and (max-width: 992px) {
1041
- .loyalty-rewards-container .header {
1042
- text-transform: uppercase; } }
1043
- .loyalty-rewards-container .header .mo-text {
1044
- display: block;
1045
- width: 100%;
1046
- float: left;
1047
- color: #222222;
1048
- 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 {
1049
1064
  font-size: 14px;
1050
- font-weight: 500;
1051
- line-height: 16px; }
1052
- @media screen and (max-width: 992px) {
1053
- .loyalty-rewards-container .header .mo-text {
1054
- font-size: 12px; } }
1055
- .loyalty-rewards-container .header .arrow::before {
1056
- float: right;
1057
- width: 100%;
1058
- border-style: solid;
1059
- border-width: 0.12em 0.12em 0 0;
1060
- content: '';
1061
- height: 0.7em;
1062
- position: relative;
1063
- top: 0.6em;
1064
- transform: rotate(-45deg);
1065
- width: 0.7em; }
1066
- @media screen and (max-width: 992px) {
1067
- .loyalty-rewards-container .header .arrow::before {
1068
- margin-right: 5px; } }
1069
- .loyalty-rewards-container .header .arrow.arrow-down:before {
1070
- top: 0;
1071
- 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
+ .loyalty-rewards-container .points {
1070
+ display: inline-block;
1071
+ font-size: 14px;
1072
+ font-weight: 300; }
1073
+ .loyalty-rewards-container .agree {
1074
+ font-size: 12px; } }
1072
1075
 
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.38
4
+ version: 0.1.39
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.6.12
86
+ rubygems_version: 2.6.14
87
87
  signing_key:
88
88
  specification_version: 4
89
89
  summary: Moda library, GEMIFIED!