modalibrary 0.1.41 → 0.1.42

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 +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