-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ff76de3
commit 16b7e1c
Showing
3 changed files
with
34 additions
and
34 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,77 +1,77 @@ | ||
# Azion Theme | ||
# azion-theme | ||
|
||
![Sass Cover Azion Theme](./doc/cover.png) | ||
![Sass Cover Azion Theme](./doc/cover-image.png) | ||
|
||
The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects, including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion. | ||
The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects, | ||
including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion. | ||
|
||
|
||
## How to install | ||
## Easy to install | ||
|
||
To install the Azion Theme, you can use the following command: | ||
|
||
``` bash | ||
npm install azion-theme | ||
``` | ||
To install the azion-theme project, you need to follow the command. | ||
Choise one of your preference: npm or yarn; | ||
|
||
``` bash | ||
npm install azion-theme --save | ||
# or | ||
yarn add azion-theme | ||
``` | ||
|
||
Alternatively, you can configure the package.json file by adding the dependency: | ||
|
||
``` json | ||
{ | ||
"dependencies": { | ||
"azion-theme": "ˆ1.4.0" | ||
} | ||
"dependencies": { | ||
"azion-theme": "ˆ1.4.0" | ||
} | ||
} | ||
``` | ||
|
||
After updating the package.json file, run npm install in the root of your project to install the Azion Theme. | ||
|
||
|
||
### How to Integrate into a Front-End Project | ||
### Easy to connect with Front-End Project | ||
|
||
To integrate the Azion Theme into your front-end project, you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.): | ||
To integrate the Azion Theme into your front-end project, | ||
you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.): | ||
|
||
``` javascript | ||
import 'azion-theme/dark'; | ||
import 'azion-theme/light'; | ||
``` | ||
|
||
Make sure to include these imports at the top of your entry point file to ensure the styles are applied correctly throughout your application. | ||
Make sure to include these imports at the top of your entry point file | ||
to ensure the styles are applied correctly throughout your application. | ||
|
||
|
||
## How to work to locally | ||
## How to locally development | ||
|
||
To work locally, you should clone both the `azion-theme` repository and the other repository where `azion-theme` will be used. | ||
To work locally, you should clone both the `azion-theme` | ||
repository and the another repository where theme will be used. | ||
|
||
### Example: | ||
In this example, we will use the [azion-webkit](https://github.com/aziontech/webkit) repository: | ||
In this example, we will use the [azion-webkit](https://github.com/aziontech/azion-webkit) repository: | ||
|
||
1. Clone the `azion-webkit` and `azion-theme` repositories: | ||
1. Clone the `azion-webkit` and `azion-theme` repositories; | ||
```bash | ||
git clone https://github.com/aziontech/webkit.git | ||
git clone https://github.com/aziontech/azion-theme.git | ||
git clone https://github.com/aziontech/azion-webkit.git | ||
git clone https://github.com/aziontech/azion-theme.git | ||
``` | ||
|
||
2. Install dependecies and create a link point | ||
2. Installing dependecies and create the link point; | ||
```bash | ||
cd azion-theme | ||
npm install | ||
npm link | ||
cd ./azion-theme && npm i && npm link | ||
``` | ||
|
||
3. Link the `azion-theme` to the `azion-webkit` project: | ||
```bash | ||
cd ../azion-webkit | ||
npm install | ||
npm link azion-theme | ||
``` | ||
|
||
4. Run the development server: | ||
3. Linking the `azion-theme` to the `azion-webkit` project; | ||
```bash | ||
npm run dev | ||
cd ../azion-webkit && npm i && npm link azion-theme | ||
``` | ||
|
||
Any modifications made to `azion-theme` will be reflected on this development server with hot reload. | ||
|
||
|
||
## Links | ||
|
||
- https://v3.primevue.org/ | ||
- https://github.com/primefaces/primevue-sass-theme |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.