docs: add css property

Author: Aetherinox

docs/docs/changelog.md

@@ -9,6 +9,8 @@ tags:
 
 ### <!-- md:version stable- --> 1.6.3 <small>April 01, 2024</small> { id="1.6.3" }
 
+- `feat`: added property `css` for **raw mode**
+- `change`: added documentation link to Gistr settings support tab
 - `change`: uuid for gists now generated by in-house method instead of nanoid
 - `dep`: update rollup 3.29.3 -> 4.13.2
 - `dep`: added `@rollup/plugin-replace`

docs/docs/usage/properties.md

@@ -356,6 +356,46 @@ The default value is `1` which equals `100%`. If you would like to use `50%`, th
 <!-- md:version stable-1.6.0 -->
 <!-- md:default `600` -->
 
+The `css` property allows you to override any website's default CSS.
+
+````
+```gistr
+url:    https://gist.github.com/Aetherinox/f7525990fba2cba6a3ee7b61ac626c21
+raw:    true
+zoom:   0.8
+height: 500
+css: | 
+   body { background-color: #FFF !important; }
+   h1 { font-size: 60pt !important; color: #000 !important; }
+```
+````
+
+<br />
+
+The above example will force all `h1` headers to use a larger font size, and change the text color to black, as well as make the entire website background color white.
+
+CSS rules can be on their own lines, or all-together:
+
+````
+```gistr
+url:    https://gist.github.com/Aetherinox/f7525990fba2cba6a3ee7b61ac626c21
+raw:    true
+css:    body { background-color: #FFF !important; }
+```
+````
+
+!!! important "Overriding CSS"
+
+    Certain websites such as Github utilize the [!important](https://www.w3schools.com/css/css_important.asp) property on quite a few CSS rules.
+
+    You must use `!important` at the end of your property to attempt overriding Github's rule. 
+
+<br />
+
+#### Property: CSS
+<!-- md:version stable-1.6.3 -->
+<!-- md:default `none` -->
+
 The `height` property allows you to specify how tall the window will be within your Obsidian note. If you do not specify a custom height, then it will default to `600`, which represents 600 **pixels**.
 
 <br />

docs/docs/usage/raw-mode.md

@@ -48,6 +48,7 @@ Along with specifying `raw`, you also have access to the properties:
 | --- | --- |
 | [zoom](../usage/properties.md#property-zoom) | _**(Raw Mode Only)**_: Determines how big the content and text will appear in the gist window. Default value: `1`. 50% would be `0.5`|
 | [height](../usage/properties.md#property-height) | _**(Raw Mode Only)**_: Specify the height of the window when displaying a gist. |
+| [css](../usage/properties.md#property-css) | _**(Raw Mode Only)**_: Allows you to override a targeted website's default css |
 
 <br />