Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/faqtoff/faqstyle
Framework de estilos
https://github.com/faqtoff/faqstyle
Last synced: about 2 months ago
JSON representation
Framework de estilos
- Host: GitHub
- URL: https://github.com/faqtoff/faqstyle
- Owner: faqtoff
- Created: 2021-07-11T23:06:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-22T17:07:20.000Z (over 3 years ago)
- Last Synced: 2024-10-16T17:47:00.243Z (3 months ago)
- Language: CSS
- Homepage: faqstyle.vercel.app
- Size: 467 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FaqStyle
Hoja de estilos by [@FaqToff](https://faqtoff.com)
## Indice
- [Como importar el CSS](https://github.com/faqtoff/FaqStyle/blob/main/README.md#importar-todos-los-modulos)
- [Modulos CSS](https://github.com/faqtoff/FaqStyle/tree/main/src/FaqStyle)
- [Alerts](https://github.com/faqtoff/FaqStyle/tree/main/src/FaqStyle/Alert)
- [Banner](https://github.com/faqtoff/FaqStyle/tree/main/src/FaqStyle/Banner)
- [Card](https://github.com/faqtoff/FaqStyle/tree/main/src/FaqStyle/Card)
- Forms
- Modal
- Navbar
- NavbarAside
- Progressbar
- Utilidades
- [Colors](https://github.com/faqtoff/FaqStyle/tree/main/src/FaqStyle/Colors)
- Conteiners
- Display
- Grid
- Text
- Margin
- Padding
## Importar todos los modulos:
- Copia el siguiente codigo en tu `index.css` para importar los diferentes modulos
- Recomendamos importar **SOLO** los modulos que necesites y el Core
```css
/* Componentes */
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Alert/Alert.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Banner/BannerFullScreen.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Button/Button.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Card/Card.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Forms/Forms.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/FaqFooter/FaqFooter.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Modal/Modal.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Navbar/Navbar.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Navbar/NavbarAside.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Progressbar/Progressbar.css");
/* Utilidades */
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Colors/Colors.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Conteiners.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Display.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Grid.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Size.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Text.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Margin.css");
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/Padding.css");
/* CORE */
@import url("https://gitcdn.link/repo/faqtoff/FaqStyle/main/src/FaqStyle/FaqStyle.css");
```
- Tambien se pueden agregar en la etiqueta `` del html de la siguiente manera
```html
```