Update README.md

actionanand · Feb 9, 2024 · 7215f8c · 7215f8c
1 parent 5eb63db
commit 7215f8c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -255,7 +255,7 @@ font: font-style font-variant font-weight font-size/line-height font-family;
 
 ```css
   .modal {
-    /* animation css - `ease-in` -> starts slower & ends faster; `ease-out` -> reverse of the prior*/
+    /* animation css - `ease-in` -> starts slower & ends faster; `ease-out` -> reverse of the prior */
     opacity: 0;
     transform: translateY(-3rem);
     transition: opacity 200ms, transform .5s;
@@ -268,7 +268,7 @@ font: font-style font-variant font-weight font-size/line-height font-family;
 ```
 
 ```css
-transition: WHAT DURATION DELAY TIMING-FUNCTION;
+/* transition: WHAT DURATION DELAY TIMING-FUNCTION; */
 transition: opacity 200ms 1s ease-out;
 ```
 
@@ -282,9 +282,11 @@ The above line can be translated to: "Animate any changes in the `opacity`  prop
 6. [Easing Functions Cheat Sheet](https://easings.net/)
 
 ```css
-animation: NAME DURATION DELAY TIMING-FUNCTION ITERATION DIRECTION FILL-MODE PLAY-STATE;
+/* animation: NAME DURATION DELAY TIMING-FUNCTION ITERATION DIRECTION FILL-MODE PLAY-STATE; */
 animation: wiggle 200ms 1s ease-out 8 alternate forwards running;
+```
 
+```css
 @keyframes wiggle {
   from {
     transform: rotateZ(0);
@@ -379,7 +381,7 @@ SCSS Code
     background: map-get($color, red-bright);
     color: white;
     font: inherit;
-    border: $border-size solid map-get($color, green-dark);
+    border: $border-default;
     padding: .5rem;
     border-radius: 8px;
     font-weight: bold;