@adstore/templates 2.0.10 → 2.0.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @adstore/templates
 
+## 2.0.12
+
+### Patch Changes
+
+- 1bb97d0: Remove reset css
+
+## 2.0.11
+
+### Patch Changes
+
+- 0590d2d: Add max-width on mobile for ComplexGift
+
 ## 2.0.10
 
 ### Patch Changes

package/dist/style.css

@@ -1,128 +1,4 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  -webkit-appearance: none;
-}
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-body {
-  margin: 0;
-  font-family: "Roboto", sans-serif;
-  font-size: 12px;
-  line-height: 1.33333333;
-  color: #333;
-  text-align: left;
-}
-
-[tabindex="-1"]:focus {
-  outline: 0 !important;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 8px;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-ol,
-ul {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-
-a {
-  text-decoration: none;
-  background-color: transparent;
-}
-a:hover {
-  text-decoration: none;
-}
-@media (hover: none) {
-  a:hover {
-    color: unset;
-    text-decoration: unset;
-  }
-}
-
-img {
-  vertical-align: middle;
-}
-
-svg {
-  overflow: hidden;
-  vertical-align: middle;
-}
-
-button {
-  border-radius: 0;
-}
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-[type=button],
-[type=reset],
-[type=submit] {
-  -webkit-appearance: button;
-}
-
-textarea {
-  overflow: auto;
-  resize: vertical;
-}._root_241qx_1 {
+._root_241qx_1 {
   position: relative;
 }
 
@@ -352,11 +228,11 @@ textarea {
   50% {
     transform: scale(1) translateZ(0);
   }
-}._root_107vu_1 {
+}._root_1hrqs_1 {
   position: relative;
 }
 
-._icon_107vu_5 {
+._icon_1hrqs_5 {
   width: 30px;
   height: 30px;
   display: flex;
@@ -368,25 +244,28 @@ textarea {
   cursor: pointer;
 }
 
-._iconTarget_107vu_17 {
+._iconTarget_1hrqs_17 {
   width: 17px;
   height: 20px;
 }
 
-._body_107vu_22 {
+._body_1hrqs_22 {
   position: absolute;
   left: -30px;
   top: 50px;
-  width: 360px;
+  width: 300px;
   display: none;
 }
+._desktop_1hrqs_29 ._body_1hrqs_22, ._tablet_1hrqs_29 ._body_1hrqs_22, ._laptop_1hrqs_29 ._body_1hrqs_22 {
+  width: 360px;
+}
 
-._bodyOpen_107vu_30 {
-  animation: _complexGift_in_107vu_1 0.3s;
+._bodyOpen_1hrqs_33 {
+  animation: _complexGift_in_1hrqs_1 0.3s;
   display: block;
 }
 
-@keyframes _complexGift_in_107vu_1 {
+@keyframes _complexGift_in_1hrqs_1 {
   from {
     opacity: 0;
   }
@@ -394,7 +273,7 @@ textarea {
     opacity: 1;
   }
 }
-._arrow_107vu_43 {
+._arrow_1hrqs_46 {
   position: absolute;
   transform: rotate(45deg);
   height: 15px;
@@ -404,12 +283,12 @@ textarea {
   background-color: #333;
 }
 
-._container_107vu_53 {
+._container_1hrqs_56 {
   background-color: #333;
   border-radius: 4px;
 }
 
-._promotion_107vu_58 {
+._promotion_1hrqs_61 {
   position: absolute;
   top: 12px;
   right: 35px;
@@ -417,7 +296,7 @@ textarea {
   font-size: 8px;
 }
 
-._close_107vu_66 {
+._close_1hrqs_69 {
   position: absolute;
   top: 9px;
   right: 9px;
@@ -426,38 +305,38 @@ textarea {
   align-items: center;
   cursor: pointer;
 }
-._close_107vu_66 svg {
+._close_1hrqs_69 svg {
   width: 15px;
   height: 15px;
 }
 
-._head_107vu_80 {
+._head_1hrqs_83 {
   padding: 12px 20px;
   display: flex;
   align-items: center;
   color: #fff;
 }
 
-._headIcon_107vu_87 {
+._headIcon_1hrqs_90 {
   width: 20px;
   height: 20px;
   margin-right: 10px;
 }
 
-._headTitle_107vu_93 {
+._headTitle_1hrqs_96 {
   font-size: 16px;
   line-height: 1.2;
   font-weight: bold;
   width: 100%;
 }
 
-._inner_107vu_100 {
+._inner_1hrqs_103 {
   border-radius: 6px;
   overflow: hidden;
   padding: 0 6px 6px 6px;
 }
 
-@keyframes _fadein_107vu_1 {
+@keyframes _fadein_1hrqs_1 {
   0%, 100% {
     opacity: 0;
   }
@@ -465,7 +344,7 @@ textarea {
     opacity: 1;
   }
 }
-@keyframes _pulse_107vu_1 {
+@keyframes _pulse_1hrqs_1 {
   from {
     transform: scale(1);
   }
@@ -473,7 +352,7 @@ textarea {
     transform: scale(1.05);
   }
 }
-@keyframes _gradient_107vu_1 {
+@keyframes _gradient_1hrqs_1 {
   0% {
     background-position: 0 50%;
   }
@@ -484,7 +363,7 @@ textarea {
     background-position: 0 50%;
   }
 }
-@keyframes _wiggle_107vu_1 {
+@keyframes _wiggle_1hrqs_1 {
   0%, 7% {
     transform: rotateZ(0);
   }
@@ -636,7 +515,7 @@ textarea {
 ._legal_5vnui_107::-webkit-scrollbar-thumb {
   background: #7e8392;
   border-radius: 5px;
-}._root_1bgnc_1 {
+}._root_10an1_1 {
   max-width: 320px;
   width: 100%;
   overflow: hidden;
@@ -646,38 +525,43 @@ textarea {
   display: flex;
 }
 
-._laptop_1bgnc_11, ._tablet_1bgnc_11 {
+._laptop_10an1_11 {
+  max-width: 930px;
+  min-height: 680px;
+}
+
+._tablet_10an1_16 {
   max-width: 410px;
   min-height: 680px;
 }
 
-._desktop_1bgnc_16 {
-  max-width: 930px;
+._desktop_10an1_21 {
+  max-width: 75%;
   min-height: 500px;
 }
 
-._body_1bgnc_21 {
+._body_10an1_26 {
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
 }
-._desktop_1bgnc_16 ._body_1bgnc_21 {
+._desktop_10an1_21 ._body_10an1_26 {
   padding: 30px 47px 15px 47px;
 }
 
-._logo_1bgnc_32 {
+._logo_10an1_37 {
   width: 100px;
   height: 60px;
   background: #eee;
 }
 
-._text_1bgnc_38 {
+._text_10an1_43 {
   margin: auto 0;
 }
 
-._button_1bgnc_42 {
+._button_10an1_47 {
   border-radius: 8px;
   padding: 0 15px;
   font-size: 24px;
@@ -688,11 +572,11 @@ textarea {
   justify-content: center;
   width: 100%;
 }
-._desktop_1bgnc_16 ._button_1bgnc_42 {
+._desktop_10an1_21 ._button_10an1_47 {
   width: 70%;
 }
 
-._legal_1bgnc_57 {
+._legal_10an1_62 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -700,7 +584,7 @@ textarea {
   width: 100%;
   line-height: 1.2;
 }
-._desktop_1bgnc_16 ._legal_1bgnc_57 {
+._desktop_10an1_21 ._legal_10an1_62 {
   width: 70%;
 }._root_2ic16_1 {
   font-size: 20px;