modalibrary 0.1.36 → 0.1.37

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 -4
  4. data/vendor/assets/main.css +43 -46
  5. data/vendor/assets/stylesheets/web_library.css +43 -46
  6. metadata +3 -3
data/vendor/assets/main.css CHANGED
@@ -719,13 +719,7 @@
719
719
  top: 48px;
720
720
  width: 100%;
721
721
  border-left: 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; } }
722
+ border-right: none; } }
729
723
  .mini-cart-container.empty {
730
724
  height: 80px;
731
725
  min-height: unset; }
@@ -1016,18 +1010,15 @@
1016
1010
  padding: 20px 17px;
1017
1011
  width: 100%;
1018
1012
  margin-bottom: 20px; }
1019
- .loyalty-rewards-container .bold {
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 {
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; }
1031
1022
  .loyalty-rewards-container .check {
1032
1023
  margin: 12px 0 20px 0; }
1033
1024
  .loyalty-rewards-container .join-rewards-button {
@@ -1042,34 +1033,40 @@
1042
1033
  line-height: 20px; }
1043
1034
  .loyalty-rewards-container .text .agree {
1044
1035
  margin-left: 13px; }
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 {
1064
- font-size: 14px;
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;
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;
1071
1049
  font-size: 14px;
1072
- font-weight: 300; }
1073
- .loyalty-rewards-container .agree {
1074
- font-size: 12px; } }
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); }
1075
1072
 
data/vendor/assets/stylesheets/web_library.css CHANGED
@@ -719,13 +719,7 @@
719
719
  top: 48px;
720
720
  width: 100%;
721
721
  border-left: 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; } }
722
+ border-right: none; } }
729
723
  .mini-cart-container.empty {
730
724
  height: 80px;
731
725
  min-height: unset; }
@@ -1016,18 +1010,15 @@
1016
1010
  padding: 20px 17px;
1017
1011
  width: 100%;
1018
1012
  margin-bottom: 20px; }
1019
- .loyalty-rewards-container .bold {
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 {
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; }
1031
1022
  .loyalty-rewards-container .check {
1032
1023
  margin: 12px 0 20px 0; }
1033
1024
  .loyalty-rewards-container .join-rewards-button {
@@ -1042,34 +1033,40 @@
1042
1033
  line-height: 20px; }
1043
1034
  .loyalty-rewards-container .text .agree {
1044
1035
  margin-left: 13px; }
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 {
1064
- font-size: 14px;
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;
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;
1071
1049
  font-size: 14px;
1072
- font-weight: 300; }
1073
- .loyalty-rewards-container .agree {
1074
- font-size: 12px; } }
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); }
1075
1072
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: modalibrary
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.36
4
+ version: 0.1.37
5
5
  platform: ruby
6
6
  authors:
7
7
  - Team Moda
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-06-20 00:00:00.000000000 Z
11
+ date: 2019-06-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -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.14
86
+ rubygems_version: 2.6.12
87
87
  signing_key:
88
88
  specification_version: 4
89
89
  summary: Moda library, GEMIFIED!