fix(core-components-bank-card): label styles (#316)

core-ds · Oct 20, 2020 · 31ea1ce · 31ea1ce
1 parent 5c183ed
commit 31ea1ce
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/bank-card/src/index.module.css b/packages/bank-card/src/index.module.css
@@ -44,13 +44,24 @@
     top: -4px;
     transform: translateY(12px);
     color: var(--color-black-60);
+    font-size: 20px;
+    line-height: 24px;
+
+    @media (max-width: 360px) {
+        font-size: 16px;
+    }
 }
 
 .focused .label,
 .filled .label {
     color: var(--color-black);
-    font-size: 16px;
-    transform: translateY(-16px) scale(0.75);
+    font-size: 20px;
+    transform: translateY(-20px) scale(0.6);
+
+    @media (max-width: 360px) {
+        font-size: 16px;
+        transform: translateY(-14px) scale(0.75);
+    }
 }
 
 .input {