modalibrary 0.1.41 → 0.1.42

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 +3 -3
  4. data/vendor/assets/main.css +52 -62
  5. data/vendor/assets/stylesheets/web_library.css +52 -62
  6. metadata +2 -2
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; }
@@ -875,6 +869,7 @@
875
869
  height: 199px;
876
870
  margin: 0 auto; }
877
871
  .mini-cart-container .summary {
872
+ background-color: yellow;
878
873
  padding: 20px;
879
874
  position: relative;
880
875
  border-top: 1px solid #d3d3d3;
@@ -922,9 +917,9 @@
922
917
  letter-spacing: 0.12px;
923
918
  line-height: 20px;
924
919
  text-align: right; }
925
- .mini-cart-container .summary .go-to-shopping-bag {
920
+ .mini-cart-container .summary span .go-to-shopping-bag, .mini-cart-container .summary span .go-to-checkout, .mini-cart-container .summary span .view-bag {
926
921
  height: 44px;
927
- width: 100%;
922
+ width: 48.5%;
928
923
  background-color: #222222;
929
924
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
930
925
  color: #ffffff;
@@ -935,11 +930,16 @@
935
930
  display: inline-block;
936
931
  padding: 0 30px;
937
932
  margin-top: 20px;
933
+ margin-right: 10px;
938
934
  text-align: center;
939
935
  cursor: pointer;
940
936
  text-decoration: none; }
941
- .mini-cart-container .summary .go-to-shopping-bag:hover {
937
+ .mini-cart-container .summary span .go-to-shopping-bag:hover, .mini-cart-container .summary span .go-to-checkout:hover, .mini-cart-container .summary span .view-bag:hover {
942
938
  background-color: #434343; }
939
+ .mini-cart-container .summary span .go-to-checkout {
940
+ margin-right: 0; }
941
+ .mini-cart-container .summary span .go-to-shopping-bag {
942
+ width: 100%; }
943
943
  @media screen and (max-width: 992px) {
944
944
  .mini-cart-container .summary {
945
945
  border-top: none; }
@@ -1016,18 +1016,15 @@
1016
1016
  padding: 20px 17px;
1017
1017
  width: 100%;
1018
1018
  margin-bottom: 20px; }
1019
- .loyalty-rewards-container .bold {
1019
+ @media screen and (max-width: 992px) {
1020
+ .loyalty-rewards-container {
1021
+ margin: -1px 0 0 0;
1022
+ border-left: none;
1023
+ border-right: none;
1024
+ padding: 32px 0; } }
1025
+ .loyalty-rewards-container span.bold {
1020
1026
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1021
1027
  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
1028
  .loyalty-rewards-container .check {
1032
1029
  margin: 12px 0 20px 0; }
1033
1030
  .loyalty-rewards-container .join-rewards-button {
@@ -1042,47 +1039,40 @@
1042
1039
  line-height: 20px; }
1043
1040
  .loyalty-rewards-container .text .agree {
1044
1041
  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
- color: #222222; }
1070
- .loyalty-rewards-container .points {
1071
- display: inline-block;
1042
+ .loyalty-rewards-container .header {
1043
+ display: flex;
1044
+ margin-bottom: 12px;
1045
+ width: 100%; }
1046
+ @media screen and (max-width: 992px) {
1047
+ .loyalty-rewards-container .header {
1048
+ text-transform: uppercase; } }
1049
+ .loyalty-rewards-container .header .mo-text {
1050
+ display: block;
1051
+ width: 100%;
1052
+ float: left;
1053
+ color: #222222;
1054
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1072
1055
  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; } }
1056
+ font-weight: 500;
1057
+ line-height: 16px; }
1058
+ @media screen and (max-width: 992px) {
1059
+ .loyalty-rewards-container .header .mo-text {
1060
+ font-size: 12px; } }
1061
+ .loyalty-rewards-container .header .arrow::before {
1062
+ float: right;
1063
+ width: 100%;
1064
+ border-style: solid;
1065
+ border-width: 0.12em 0.12em 0 0;
1066
+ content: '';
1067
+ height: 0.7em;
1068
+ position: relative;
1069
+ top: 0.6em;
1070
+ transform: rotate(-45deg);
1071
+ width: 0.7em; }
1072
+ @media screen and (max-width: 992px) {
1073
+ .loyalty-rewards-container .header .arrow::before {
1074
+ margin-right: 5px; } }
1075
+ .loyalty-rewards-container .header .arrow.arrow-down:before {
1076
+ top: 0;
1077
+ transform: rotate(135deg); }
1088
1078
 
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; }
@@ -875,6 +869,7 @@
875
869
  height: 199px;
876
870
  margin: 0 auto; }
877
871
  .mini-cart-container .summary {
872
+ background-color: yellow;
878
873
  padding: 20px;
879
874
  position: relative;
880
875
  border-top: 1px solid #d3d3d3;
@@ -922,9 +917,9 @@
922
917
  letter-spacing: 0.12px;
923
918
  line-height: 20px;
924
919
  text-align: right; }
925
- .mini-cart-container .summary .go-to-shopping-bag {
920
+ .mini-cart-container .summary span .go-to-shopping-bag, .mini-cart-container .summary span .go-to-checkout, .mini-cart-container .summary span .view-bag {
926
921
  height: 44px;
927
- width: 100%;
922
+ width: 48.5%;
928
923
  background-color: #222222;
929
924
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
930
925
  color: #ffffff;
@@ -935,11 +930,16 @@
935
930
  display: inline-block;
936
931
  padding: 0 30px;
937
932
  margin-top: 20px;
933
+ margin-right: 10px;
938
934
  text-align: center;
939
935
  cursor: pointer;
940
936
  text-decoration: none; }
941
- .mini-cart-container .summary .go-to-shopping-bag:hover {
937
+ .mini-cart-container .summary span .go-to-shopping-bag:hover, .mini-cart-container .summary span .go-to-checkout:hover, .mini-cart-container .summary span .view-bag:hover {
942
938
  background-color: #434343; }
939
+ .mini-cart-container .summary span .go-to-checkout {
940
+ margin-right: 0; }
941
+ .mini-cart-container .summary span .go-to-shopping-bag {
942
+ width: 100%; }
943
943
  @media screen and (max-width: 992px) {
944
944
  .mini-cart-container .summary {
945
945
  border-top: none; }
@@ -1016,18 +1016,15 @@
1016
1016
  padding: 20px 17px;
1017
1017
  width: 100%;
1018
1018
  margin-bottom: 20px; }
1019
- .loyalty-rewards-container .bold {
1019
+ @media screen and (max-width: 992px) {
1020
+ .loyalty-rewards-container {
1021
+ margin: -1px 0 0 0;
1022
+ border-left: none;
1023
+ border-right: none;
1024
+ padding: 32px 0; } }
1025
+ .loyalty-rewards-container span.bold {
1020
1026
  font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1021
1027
  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
1028
  .loyalty-rewards-container .check {
1032
1029
  margin: 12px 0 20px 0; }
1033
1030
  .loyalty-rewards-container .join-rewards-button {
@@ -1042,47 +1039,40 @@
1042
1039
  line-height: 20px; }
1043
1040
  .loyalty-rewards-container .text .agree {
1044
1041
  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
- color: #222222; }
1070
- .loyalty-rewards-container .points {
1071
- display: inline-block;
1042
+ .loyalty-rewards-container .header {
1043
+ display: flex;
1044
+ margin-bottom: 12px;
1045
+ width: 100%; }
1046
+ @media screen and (max-width: 992px) {
1047
+ .loyalty-rewards-container .header {
1048
+ text-transform: uppercase; } }
1049
+ .loyalty-rewards-container .header .mo-text {
1050
+ display: block;
1051
+ width: 100%;
1052
+ float: left;
1053
+ color: #222222;
1054
+ font-family: "Gotham Medium", "Moda-Gotham-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
1072
1055
  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; } }
1056
+ font-weight: 500;
1057
+ line-height: 16px; }
1058
+ @media screen and (max-width: 992px) {
1059
+ .loyalty-rewards-container .header .mo-text {
1060
+ font-size: 12px; } }
1061
+ .loyalty-rewards-container .header .arrow::before {
1062
+ float: right;
1063
+ width: 100%;
1064
+ border-style: solid;
1065
+ border-width: 0.12em 0.12em 0 0;
1066
+ content: '';
1067
+ height: 0.7em;
1068
+ position: relative;
1069
+ top: 0.6em;
1070
+ transform: rotate(-45deg);
1071
+ width: 0.7em; }
1072
+ @media screen and (max-width: 992px) {
1073
+ .loyalty-rewards-container .header .arrow::before {
1074
+ margin-right: 5px; } }
1075
+ .loyalty-rewards-container .header .arrow.arrow-down:before {
1076
+ top: 0;
1077
+ transform: rotate(135deg); }
1088
1078
 
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.41
4
+ version: 0.1.42
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-21 00:00:00.000000000 Z
11
+ date: 2019-06-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler