fix: removed tags styles

lidofinance · Feb 20, 2025 · 3c9f9a8 · 3c9f9a8
1 parent 0e073ed
commit 3c9f9a8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 49 deletions.
diff --git a/packages/typography/Typography.stories.jsx b/packages/typography/Typography.stories.jsx
@@ -5,41 +5,9 @@ export default {
 }
 
 const storyDescription = `
-In typography, styles are applied to tags h1, h2, h3, input, body, etc. It contains in the TypographyByTags story.\n
-And to the classes .ui-typography-h1, .ui-typography-h2, .ui-typography-control, etc. It contains in the TypographyByClasses story
+In typography, styles are applied to classes .ui-typography-h1, .ui-typography-h2, .ui-typography-control, etc. It contains in the TypographyByClasses story
 `
 
-export const TypographyByTags = () => (
-  <div style={{ padding: 20 }}>
-    <p>{storyDescription}</p>
-    <h1>Heading 1</h1>
-    <h2>Heading 2</h2>
-    <h3>Heading 3</h3>
-    <h3 className='medium'>Heading 3 medium</h3>
-    <h4>Heading 4</h4>
-    <h4 className='medium'>Heading 4 medium</h4>
-    <h5>Heading 5</h5>
-    <h5 className='bold'>Heading 5 bold</h5>
-    <div>
-      <input value='Control'></input>
-    </div>
-    <div>
-      <input className='bold' value='Control bold'></input>
-    </div>
-    <body>Body</body>
-    <p>Paragraph</p>
-    <p className='bold'>Paragraph bold</p>
-  </div>
-)
-
-TypographyByTags.parameters = {
-  docs: {
-    description: {
-      story: storyDescription,
-    },
-  },
-}
-
 export const TypographyByClasses = () => (
   <div style={{ padding: 20 }}>
     <p style={{ marginBottom: 50 }}>{storyDescription}</p>

diff --git a/styles/typography.css b/styles/typography.css
@@ -87,72 +87,74 @@ p {
   font-style: normal;
 }
 
-h1,
+/* h1 */
 .ui-typography-h1 {
   font-size: var(--lido-font-size-h1);
   font-weight: var(--lido-font-weight-regular);
   line-height: var(--lido-line-height-h1);
   letter-spacing: -1px;
 }
 
-h2,
+/* h2 */
 .ui-typography-h2 {
   font-size: var(--lido-font-size-h2);
   font-weight: var(--lido-font-weight-regular);
   line-height: var(--lido-line-height-h2);
 }
 
-h3,
+/* h3 */
 .ui-typography-h3 {
   font-size: var(--lido-font-size-h3);
   font-weight: var(--lido-font-weight-light);
   line-height: var(--lido-line-height-h3);
 }
 
-h3.medium,
+/* h3.medium */
 .ui-typography-h3.medium {
   font-weight: var(--lido-font-weight-medium);
 }
 
-h4,
+/* h4 */
 .ui-typography-h4 {
   font-size: var(--lido-font-size-h4);
   font-weight: var(--lido-font-weight-light);
   line-height: var(--lido-line-height-h4);
 }
 
-h4.medium,
+/* h4.medium */
 .ui-typography-h4.medium {
   font-weight: var(--lido-font-weight-medium);
 }
 
-h5,
+/* h5 */
 .ui-typography-subheader {
   font-size: var(--lido-font-size-subheader);
   font-weight: var(--lido-font-weight-light);
   line-height: var(--lido-line-height-subheader);
 }
 
-h5.bold,
+/* h5.bold */
 .ui-typography-subheader.bold {
   font-weight: var(--lido-font-weight-bold);
 }
 
-input,
-label,
+/* input */
+
+/* label */
 .ui-typography-control {
   font-size: var(--lido-font-size-control);
   font-weight: var(--lido-font-weight-regular);
   line-height: var(--lido-line-height-control);
 }
 
-input.bold,
-label.bold,
+/* input.bold */
+
+/* label.bold */
 .ui-typography-control.bold {
   font-weight: var(--lido-font-weight-bold);
 }
 
-body,
+/* body */
 .ui-typography-body {
   font-size: var(--lido-font-size-body);
   font-weight: var(--lido-font-weight-regular);
@@ -163,20 +165,20 @@ body,
   font-weight: var(--lido-font-weight-bold);
 }
 
-p,
+/* p */
 .ui-typography-description {
   font-size: var(--lido-font-size-description);
   font-weight: var(--lido-font-weight-regular);
   line-height: var(--lido-line-height-description);
 }
 
-p.bold,
+/* p.bold */
 .ui-typography-description.bold {
   font-weight: var(--lido-font-weight-bold);
 }
 
 @media (width <= 899px) {
-  h1,
+  /* h1 */
   .ui-typography-h1 {
     letter-spacing: normal;
   }