Merge pull request #5 from CGWebDev2003/main

[v1.3.0]: Splited snippet files

Author: CGWebDev2003

CHANGELOG.md

@@ -6,6 +6,12 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 
 ## [Released]
 
+## [1.3.0] - 2023-05-18
+
+### Changed
+
+- Splited snippet files
+
 ## [1.2.1] - 2023-05-08
 
 ### Fixed

README.md

@@ -5,86 +5,85 @@
 
 ## Table of contents
 
-- [Neptune CSS snippets](#neptune-css-snippets)
-  - [Table of contents](#table-of-contents)
-  - [What's new in v1.2.0?](#whats-new-in-v120)
-    - [Added:](#added)
-  - [Examples](#examples)
-    - [Example page](#example-page)
-    - [Main headline](#main-headline)
-    - [Secondary headline](#secondary-headline)
-    - [Compnent example](#compnent-example)
-  - [Badges](#badges)
-    - [Badge sizes](#badge-sizes)
-      - [Badge S](#badge-s)
-      - [Badge M](#badge-m)
-      - [Badge L](#badge-l)
-    - [Badge styles](#badge-styles)
-      - [Badge primary](#badge-primary)
-      - [Badge accent](#badge-accent)
-      - [Badge information](#badge-information)
-      - [Badge success](#badge-success)
-      - [Badge warning](#badge-warning)
-      - [Badge error](#badge-error)
-  - [Buttons](#buttons)
-    - [Button sizes](#button-sizes)
-      - [Button S](#button-s)
-      - [Button M](#button-m)
-      - [Button L](#button-l)
-    - [Button styles](#button-styles)
-      - [Primary button](#primary-button)
-      - [Secondary button](#secondary-button)
-      - [Button CTA](#button-cta)
-      - [Button information](#button-information)
-      - [Button success](#button-success)
-      - [Button warning](#button-warning)
-      - [Button error](#button-error)
-  - [Links](#links)
-    - [Link sizes](#link-sizes)
-      - [Link S](#link-s)
-      - [Link M](#link-m)
-      - [Link L](#link-l)
-    - [Link styles](#link-styles)
-      - [Link primary](#link-primary)
-      - [Link accent](#link-accent)
-      - [Link information](#link-information)
-      - [Link success](#link-success)
-      - [Link warning](#link-warning)
-      - [Link error](#link-error)
-  - [Progress bars](#progress-bars)
-    - [Progress bar sizes](#progress-bar-sizes)
-      - [Progress bar XS](#progress-bar-xs)
-      - [Progress bar S](#progress-bar-s)
-      - [Progress bar M](#progress-bar-m)
-      - [Progress bar L](#progress-bar-l)
-      - [Progress bar XL](#progress-bar-xl)
-    - [Progress bar styles](#progress-bar-styles)
-      - [Progress bar primary](#progress-bar-primary)
-      - [Progress bar accent](#progress-bar-accent)
-      - [Progress bar information](#progress-bar-information)
-      - [Progress bar success](#progress-bar-success)
-      - [Progress bar warning](#progress-bar-warning)
-      - [Progress bar error](#progress-bar-error)
-  - [Spinner](#spinner)
-    - [Spinner styles](#spinner-styles)
-      - [Spinner primary](#spinner-primary)
-      - [Spinner accent](#spinner-accent)
-      - [Spinner information](#spinner-information)
-      - [Spinner success](#spinner-success)
-      - [Spinner warning](#spinner-warning)
-      - [Spinner error](#spinner-error)
-    - [Spinner animations](#spinner-animations)
-      - [Spinner linear](#spinner-linear)
-      - [Spinner eased](#spinner-eased)
-  - [Toasts](#toasts)
-    - [Toast styles](#toast-styles)
-      - [Toast primary](#toast-primary)
-      - [Toast accent](#toast-accent)
-      - [Toast information](#toast-information)
-      - [Toast success](#toast-success)
-      - [Toast warning](#toast-warning)
-      - [Toast error](#toast-error)
-  - [Author](#author)
+- [Table of contents](#table-of-contents)
+- [What's new in v1.2.0?](#whats-new-in-v120)
+  - [Added:](#added)
+- [Examples](#examples)
+  - [Example page](#example-page)
+  - [Main headline](#main-headline)
+  - [Secondary headline](#secondary-headline)
+  - [Component example](#component-example)
+- [Badges](#badges)
+  - [Badge sizes](#badge-sizes)
+    - [Badge S](#badge-s)
+    - [Badge M](#badge-m)
+    - [Badge L](#badge-l)
+  - [Badge styles](#badge-styles)
+    - [Badge primary](#badge-primary)
+    - [Badge accent](#badge-accent)
+    - [Badge information](#badge-information)
+    - [Badge success](#badge-success)
+    - [Badge warning](#badge-warning)
+    - [Badge error](#badge-error)
+- [Buttons](#buttons)
+  - [Button sizes](#button-sizes)
+    - [Button S](#button-s)
+    - [Button M](#button-m)
+    - [Button L](#button-l)
+  - [Button styles](#button-styles)
+    - [Primary button](#primary-button)
+    - [Secondary button](#secondary-button)
+    - [Button CTA](#button-cta)
+    - [Button information](#button-information)
+    - [Button success](#button-success)
+    - [Button warning](#button-warning)
+    - [Button error](#button-error)
+- [Links](#links)
+  - [Link sizes](#link-sizes)
+    - [Link S](#link-s)
+    - [Link M](#link-m)
+    - [Link L](#link-l)
+  - [Link styles](#link-styles)
+    - [Link primary](#link-primary)
+    - [Link accent](#link-accent)
+    - [Link information](#link-information)
+    - [Link success](#link-success)
+    - [Link warning](#link-warning)
+    - [Link error](#link-error)
+- [Progress bars](#progress-bars)
+  - [Progress bar sizes](#progress-bar-sizes)
+    - [Progress bar XS](#progress-bar-xs)
+    - [Progress bar S](#progress-bar-s)
+    - [Progress bar M](#progress-bar-m)
+    - [Progress bar L](#progress-bar-l)
+    - [Progress bar XL](#progress-bar-xl)
+  - [Progress bar styles](#progress-bar-styles)
+    - [Progress bar primary](#progress-bar-primary)
+    - [Progress bar accent](#progress-bar-accent)
+    - [Progress bar information](#progress-bar-information)
+    - [Progress bar success](#progress-bar-success)
+    - [Progress bar warning](#progress-bar-warning)
+    - [Progress bar error](#progress-bar-error)
+- [Spinner](#spinner)
+  - [Spinner styles](#spinner-styles)
+    - [Spinner primary](#spinner-primary)
+    - [Spinner accent](#spinner-accent)
+    - [Spinner information](#spinner-information)
+    - [Spinner success](#spinner-success)
+    - [Spinner warning](#spinner-warning)
+    - [Spinner error](#spinner-error)
+  - [Spinner animations](#spinner-animations)
+    - [Spinner linear](#spinner-linear)
+    - [Spinner eased](#spinner-eased)
+- [Toasts](#toasts)
+  - [Toast styles](#toast-styles)
+    - [Toast primary](#toast-primary)
+    - [Toast accent](#toast-accent)
+    - [Toast information](#toast-information)
+    - [Toast success](#toast-success)
+    - [Toast warning](#toast-warning)
+    - [Toast error](#toast-error)
+- [Author](#author)
 
 ## What's new in v1.2.0?
 
@@ -110,7 +109,7 @@ neptune-main-headline
 neptune-secondary-headline
 ```
 
-### Compnent example
+### Component example
 ```
 neptune-example
 ```

package.json

@@ -4,7 +4,7 @@
   "publisher": "NeptuneCSS",
   "icon": "icon.png",
   "description": "VS Code snippets for Neptune CSS",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "author": "CGWebDev2003",
   "repository": {
@@ -25,8 +25,32 @@
     "snippets": [
       {
         "language": "html",
-        "path": "./snippets/snippets.code-snippets"
+        "path": "./snippets/badges.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/buttons.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/examples.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/links.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/progressbars.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/spinner.code-snippets"
+      },
+      {
+        "language": "html",
+        "path": "./snippets/toasts.code-snippets"
       }
     ]
   }
-}
+}

snippets/badges.code-snippets

@@ -0,0 +1,66 @@
+{
+    // Badges
+    // Default badge
+    "Neptune default badge": {
+        "scope": "html",
+        "prefix": "neptune-badge",
+        "body": "<span class=\"badge\">${1:Default}</span>",
+        "description": "Default badge"
+    },
+    // Badge sizes
+    "Neptune badge S": {
+        "scope": "html",
+        "prefix": "neptune-badge-s",
+        "body": "<span class=\"badge badge-s\">${1:Badge S}</span>",
+        "description": "Badge S"
+    },
+    "Neptune badge M": {
+        "scope": "html",
+        "prefix": "neptune-badge-m",
+        "body": "<span class=\"badge badge-m\">${1:Badge M}</span>",
+        "description": "Badge M"
+    },
+    "Neptune badge L": {
+        "scope": "html",
+        "prefix": "neptune-badge-l",
+        "body": "<span class=\"badge badge-l\">${1:Badge L}</span>",
+        "description": "Badge L"
+    },
+    // Badge styles
+    "Neptune badge primary": {
+        "scope": "html",
+        "prefix": "neptune-badge-primary",
+        "body": "<span class=\"badge badge-primary\">${1:Primary}</span>",
+        "description": "Primary badge"
+    },
+    "Neptune badge accent": {
+        "scope": "html",
+        "prefix": "neptune-badge-accent",
+        "body": "<span class=\"badge badge-accent\">${1:Accent}</span>",
+        "description": "Accent badge"
+    },
+    "Neptune badge information": {
+        "scope": "html",
+        "prefix": "neptune-badge-info",
+        "body": "<span class=\"badge badge-info\">${1:Information}</span>",
+        "description": "Information badge"
+    },
+    "Neptune badge success": {
+        "scope": "html",
+        "prefix": "neptune-badge-success",
+        "body": "<span class=\"badge badge-success\">${1:Success}</span>",
+        "description": "Success badge"
+    },
+    "Neptune badge warning": {
+        "scope": "html",
+        "prefix": "neptune-badge-warning",
+        "body": "<span class=\"badge badge-warning\">${1:Warning}</span>",
+        "description": "Warning badge"
+    },
+    "Neptune badge error": {
+        "scope": "html",
+        "prefix": "neptune-badge-error",
+        "body": "<span class=\"badge badge-error\">${1:Error}</span>",
+        "description": "Error badge"
+    }
+}

snippets/buttons.code-snippets

@@ -0,0 +1,72 @@
+{
+    // Buttons
+    // Default button
+    "Neptune default button": {
+        "scope": "html",
+        "prefix": "neptune-button",
+        "body": "<button>${1:Default}</button>",
+        "description": "Default button"
+    },
+    // Button sizes
+    "Neptune button S": {
+        "scope": "html",
+        "prefix": "neptune-button-s",
+        "body": "<button class=\"button-s\">${1:Button S}</button>",
+        "description": "Button S"
+    },
+    "Neptune button M": {
+        "scope": "html",
+        "prefix": "neptune-button-m",
+        "body": "<button class=\"button-m\">${1:Button M}</button>",
+        "description": "Button M"
+    },
+    "Neptune button L": {
+        "scope": "html",
+        "prefix": "neptune-button-l",
+        "body": "<button class=\"button-l\">${1:Button L}</button>",
+        "description": "Button L"
+    },
+    // Button styles
+    "Neptune button primary": {
+        "scope": "html",
+        "prefix": "neptune-button-primary",
+        "body": "<button class=\"button-primary\">${1:Primary}</button>",
+        "description": "Primary button"
+    },
+    "Neptune button secondary": {
+        "scope": "html",
+        "prefix": "neptune-button-secondary",
+        "body": "<button class=\"button-secondary\">${1:Secondary}</button>",
+        "description": "Secondary button"
+    },
+    "Neptune button cta": {
+        "scope": "html",
+        "prefix": "neptune-button-cta",
+        "body": "<button class=\"button-cta\">${1:Call to action}</button>",
+        "description": "CTA button"
+    },
+    "Neptune button information": {
+        "scope": "html",
+        "prefix": "neptune-button-info",
+        "body": "<button class=\"button-info\">${1:Information}</button>",
+        "description": "Information button"
+    },
+    "Neptune button success": {
+        "scope": "html",
+        "prefix": "neptune-button-success",
+        "body": "<button class=\"button-success\">${1:Success}</button>",
+        "description": "Success button"
+    },
+    "Neptune button warning": {
+        "scope": "html",
+        "prefix": "neptune-button-warning",
+        "body": "<button class=\"button-warning\">${1:Warning}</button>",
+        "description": "Warning button"
+    },
+    "Neptune button error": {
+        "scope": "html",
+        "prefix": "neptune-button-error",
+        "body": "<button class=\"button-error\">${1:Error}</button>",
+        "description": "Error button"
+    }
+}