diff --git a/practice/practice-01/src/style/abstracts/variables.css b/practice/practice-01/src/style/abstracts/variables.css index ee0587e..b537748 100644 --- a/practice/practice-01/src/style/abstracts/variables.css +++ b/practice/practice-01/src/style/abstracts/variables.css @@ -3,7 +3,9 @@ --text-dark: #d6d6d6; --white: #ffffff; --black: #000000; - --font-size-20: 20px; + --fs-sm: 15px; + --fs-md: 20px; + --fs-lg: 40px; --ff-crimsontext-regular: CrimsonText-Regular; --ff-crimsontext-700: CrimsonText-700; --ff-worksans-500: WorkSans-500; diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index 2b69428..353c716 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -15,7 +15,7 @@ margin: auto; color: var(--white); font-family: var(--ff-worksans-regular); - font-size: var(--font-size-20); + font-size: var(--fs-md); } .logo { @@ -60,7 +60,6 @@ } .welcome__title { - font-size: 16px; font-family: var(--ff-worksans-700); letter-spacing: 5px; text-transform: uppercase; @@ -68,7 +67,7 @@ } .welcome__heading { - font-size: 40px; + font-size: var(--fs-lg); font-family: var(--ff-crimsontext-700); line-height: 125%; color: var(--white); @@ -76,7 +75,7 @@ .welcome__description { text-transform: none; - font-size: 15px; + font-size: var(--fs-sm); letter-spacing: 0px; font-family: var(--ff-worksans-regular); line-height: 125%; @@ -97,7 +96,7 @@ cursor: pointer; transition: 0.2s; text-decoration: none; - font-size: var(--font-size-20); + font-size: var(--fs-md); font-family: Work Sans; line-height: 125%; font-family: var(--ff-worksans-regular);