Skip to content

Commit

Permalink
Changed rotate to include React import. Changed faq to FAQ for links.
Browse files Browse the repository at this point in the history
  • Loading branch information
XPD-Kasun committed Mar 7, 2024
1 parent 1f84a92 commit 0e8e9e2
Show file tree
Hide file tree
Showing 4 changed files with 6 additions and 5 deletions.
2 changes: 1 addition & 1 deletion website/docs/guide/flip.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ Use `flip-x`, `flip-y` or `flip-z` classes to flip an element around the targete

Plugin requires you to add `transform` class along with other transform classes to apply the effect.<br/>
For example, instead of `flip-x`, use `transform flip-x`.<br/>
Read more on this [here](/faq/whyTransform).
Read more on this [here](/FAQ/whyTransform).

:::

Expand Down
5 changes: 3 additions & 2 deletions website/docs/guide/rotate.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
sidebar_position: 3
---
import React from 'react';
import CodeBlock from '../../src/components/CodeBlock';

# Rotate
Expand Down Expand Up @@ -40,13 +41,13 @@ Utilities for rotating an element on all three axis.

## Basic Usage

Rotation classes are used to rotate an element relative to an axis. The rotation axis is determined by the value of transform-origin class applied which is set center as default. Also you need to add `perspective` class to the parent of the element that you transform to get the 3d look. The syntax for above classes is rotation-{axis}-{angle}. Hover on below example to see it in action.
Rotation classes are used to rotate an element relative to an axis. The rotation axis is determined by the value of transform-origin class applied which is set center as default. Also you need to add `perspective` class to the parent of the element that you transform to get the 3d look. The syntax for above classes is rotation-[axis]-[angle]. Hover on below example to see it in action.

:::info Remember to add transform class

Plugin requires you to add `transform` class along with other transform classes to apply the effect.<br/>
For example, instead of `rotate-x-45`, use `transform rotate-x-45`.<br/>
Read more on this [here](/faq/whyTransform).
Read more on this [here](/FAQ/whyTransform).

:::

Expand Down
2 changes: 1 addition & 1 deletion website/docs/guide/scale.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ You can apply scaling on all axes. For instance to apply 0.5 scaling on x and 2

Plugin requires you to add `transform` class along with other transform classes to apply the effect.<br/>
For example, instead of `scale-x-110`, use `transform scale-x-110`.<br/>
Read more on this [here](/faq/whyTransform).
Read more on this [here](/FAQ/whyTransform).

:::

Expand Down
2 changes: 1 addition & 1 deletion website/docs/guide/translate.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ This is another example using tailwind defaults,

Plugin requires you to add `transform` class along with other transform classes to apply the effect.<br/>
For example, instead of `translate-y-20`, use `transform translate-y-20`.<br/>
Read more on this [here](/faq/whyTransform).
Read more on this [here](/FAQ/whyTransform).

:::

Expand Down

0 comments on commit 0e8e9e2

Please sign in to comment.