From 88f7f2f3b87b24304b840cc491292d44054186cd Mon Sep 17 00:00:00 2001 From: astrit Date: Thu, 19 Dec 2019 03:10:24 +0100 Subject: [PATCH] Add resizing on readme --- README.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/README.md b/README.md index 42824fe..4409e2a 100644 --- a/README.md +++ b/README.md @@ -47,6 +47,24 @@ The class name starts always with "gg-" followed by icon name. ``` +##### Resizing +> To resize an icon you just need to change the value of a css variable "--ggs" to any value you like if not specified it falls back to 1 or the actual size. +```css +.gg-icon-name { + /* This value will multiple the actual size */ + --ggs: 10; +} +``` +> The variable can be added to the parent, custom class,body or root level if you want all icons same size. +```css +:root { + + --ggs: 6; + +} +``` + + #### 2. Style ###### HTML