Remove inline CSS

ngeenx · Nov 4, 2024 · 0261bea · 0261bea
1 parent d722e49
commit 0261bea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/docs/docs/intro.mdx b/docs/docs/intro.mdx
@@ -14,10 +14,4 @@ Checkout [svgontheweb.com](https://svgontheweb.com) for more information about S
 
 ## Preview
 
-<img src="https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true" alt="SVG Loaders Preview" style={{
-  border: '1px solid #dcdcdc',
-  borderRadius: '5px',
-  minHeight: '500px',
-  width: '100%',
-  backgroundColor: '#f4f4f48a'
-}}/>
+<img className="preview-image" src="https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true" alt="SVG Loaders Preview"/>
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -28,3 +28,11 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.preview-image {
+  border: '1px solid #dcdcdc';
+  borderradius: '5px';
+  minheight: '500px';
+  width: '100%';
+  backgroundcolor: '#f4f4f48a';
+}