From 4156eb0aea0cc03a499810b1442086916d59c1bb Mon Sep 17 00:00:00 2001 From: Felipe Simoes Date: Fri, 12 Jan 2024 17:21:21 +0100 Subject: [PATCH] theme docs --- docs/raqn/theming.md | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/docs/raqn/theming.md b/docs/raqn/theming.md index f5d378b6..2c6ab449 100644 --- a/docs/raqn/theming.md +++ b/docs/raqn/theming.md @@ -157,27 +157,27 @@ You can setup any variables to use as atomic classes but let's create some for g General purpuse variables 1. __Colors Variables__ 1. __background__: Change general background __ - 2. __inner-background__: Change a child element background, ex cards background__ - 3. __link-color__: - 4. __link-color-hover__: - 5. __accent-color__: - 6. __accent-background__: - 7. __accent-color-hover__: - 8. __accent-background-hover__: - 9. __header-background__: - 10. __header-color__: - 11. __headings-color__: - 12. __footer-background__: + 2. __inner-background__: Change a child element background, ex cards background + 3. __link-color__: Link colors + 4. __link-color-hover__: Link hover and active color + 5. __accent-color__: Buttons and ctas color + 6. __accent-background__: Buttons and ctas background + 7. __accent-color-hover__: Buttons and ctas hover and active color + 8. __accent-background-hover__: Buttons and ctas hover and active background + 9. __header-background__: Header background + 10. __header-color__: Header text color + 11. __headings-color__: Headings color, h1 to h3 + 12. __footer-background__: footer background color 2. __Block Model__: - 1. __max-width__: - 2. __padding__ - 3. __inner-padding__ - 4. __gap__ - 5. __margin__ - 6. __icon-size__ -3. __Aligment__ - 1. __align__ - 2. __justify__ + 1. __max-width__: full width / max container, prefered to use vw unit + 2. __padding__: padding of a element + 3. __inner-padding__: padding of a child element, ex cards + 4. __gap__: grid gap between columns + 5. __margin__: margin of a element + 6. __icon-size__: icon size (square) +3. __Aligment__: + 1. __align__: vertical aliment of elements + 2. __justify__: Horizontal aliment of elements ## applying theme