@cherryport/tokens
Advanced tools
+1
-1
| { | ||
| "name": "@cherryport/tokens", | ||
| "version": "0.3.0", | ||
| "version": "0.3.1", | ||
| "repository": { | ||
@@ -5,0 +5,0 @@ "type": "git", |
+58
-9
@@ -26,2 +26,47 @@ @import "@cherryport/tokens/tokens.scss"; | ||
| /* H5 PC Environment Optimization */ | ||
| /* #ifdef H5 */ | ||
| @media screen and (min-width: 768px) { | ||
| html { | ||
| background: | ||
| radial-gradient(circle at 18% -10%, rgba(210, 31, 60, 0.08), transparent 40%), | ||
| radial-gradient(circle at 92% 18%, rgba(28, 28, 26, 0.04), transparent 35%), | ||
| #fafaf9; | ||
| background-attachment: fixed; | ||
| } | ||
| body { | ||
| max-width: 480px !important; | ||
| margin: 0 auto !important; | ||
| position: relative; | ||
| box-shadow: 0 0 100px rgba(0, 0, 0, 0.08); | ||
| min-height: 100vh; | ||
| background: var(--bg); | ||
| } | ||
| /* Fix fixed elements to stay within the mobile frame */ | ||
| uni-tabbar, | ||
| .checkout-bar, | ||
| .footer { | ||
| left: 50% !important; | ||
| transform: translateX(-50%) !important; | ||
| max-width: 480px !important; | ||
| width: 100% !important; | ||
| } | ||
| } | ||
| /* #endif */ | ||
| .btn-primary, | ||
| .btn-ghost { | ||
| display: flex !important; | ||
| align-items: center; | ||
| justify-content: center; | ||
| text-align: center; | ||
| transition: transform $cp-motion-base $cp-ease-out; | ||
| border: none; | ||
| /* Standardizing line-height to prevent platform overrides */ | ||
| line-height: 1 !important; | ||
| vertical-align: middle; | ||
| } | ||
| .btn-primary { | ||
@@ -33,9 +78,6 @@ background: linear-gradient(180deg, #{$cp-brand-soft} 0%, #{$cp-brand} 100%); | ||
| box-shadow: $cp-shadow-brand; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| transition: transform $cp-motion-base $cp-ease-out; | ||
| } | ||
| .btn-primary:active { | ||
| .btn-primary:active, | ||
| .btn-ghost:active { | ||
| transform: scale(0.97); | ||
@@ -47,3 +89,3 @@ opacity: 0.9; | ||
| background: var(--card); | ||
| border: 1px solid var(--line); | ||
| border: 1px solid var(--line) !important; | ||
| border-radius: $cp-radius-md; | ||
@@ -58,9 +100,16 @@ color: var(--ink); | ||
| font-size: 28rpx; | ||
| line-height: 1; | ||
| /* Critical for vertical centering in some environments */ | ||
| display: flex; | ||
| } | ||
| button::after { | ||
| border: none; | ||
| } | ||
| button { | ||
| margin: 0; | ||
| padding: 0; | ||
| background: none; | ||
| border: none; | ||
| background: none; | ||
| margin: 0; | ||
| overflow: visible; | ||
| } | ||
@@ -67,0 +116,0 @@ |
7968
16.88%