Migrate assets and configs

collections/css/animation.yaml

@@ -0,0 +1,16 @@
+slug: css/t/animation
+name: CSS Animations
+featured: true
+miniName: Animation
+parent: css
+languageMatcher: css
+tagMatcher: animation
+description: >-
+  The CSS snippet collection contains utilities and interactive examples for
+  CSS3. It includes modern techniques for creating commonly-used layouts,
+  styling and animating elements, as well as snippets for handling user
+  interactions.
+shortDescription: >-
+  A snippet collection of interactive CSS3 animation code snippets with
+  interactive examples.
+splash: camera.png

collections/css/index.yaml

@@ -0,0 +1,15 @@
+slug: css
+name: CSS Snippets
+shortName: CSS
+topLevel: true
+languageMatcher: css
+featured: true
+description: >-
+  The CSS snippet collection contains utilities and interactive examples for
+  CSS3. It includes modern techniques for creating commonly-used layouts,
+  styling and animating elements, as well as snippets for handling user
+  interactions.
+shortDescription: >-
+  A snippet collection of interactive CSS3 examples, covering layouts, styling,
+  animation and user interactions.
+splash: camera.png

collections/css/interactivity.yaml

@@ -0,0 +1,17 @@
+slug: css/t/interactivity
+name: CSS Interactivity Snippets
+shortName: CSS Interactivity
+miniName: Interactivity
+featured: true
+parent: css
+languageMatcher: css
+tagMatcher: interactivity
+description: >-
+  The CSS snippet collection contains utilities and interactive examples for
+  CSS3. It includes modern techniques for creating commonly-used layouts,
+  styling and animating elements, as well as snippets for handling user
+  interactions.
+shortDescription: >-
+  A snippet collection of CSS3 code snippets and examples covering common user
+  interactions.
+splash: camera.png

collections/css/layout.yaml

@@ -0,0 +1,16 @@
+slug: css/t/layout
+name: CSS Layouts
+miniName: Layout
+featured: true
+parent: css
+languageMatcher: css
+tagMatcher: layout
+description: >-
+  The CSS snippet collection contains utilities and interactive examples for
+  CSS3. It includes modern techniques for creating commonly-used layouts,
+  styling and animating elements, as well as snippets for handling user
+  interactions.
+shortDescription: >-
+  Learn how to create common layouts with CSS3, using modern techniques such as
+  flexbox and grid.
+splash: camera.png

collections/css/visual.yaml

@@ -0,0 +1,17 @@
+slug: css/t/visual
+name: CSS Visual Snippets
+shortName: CSS Visual
+miniName: Visual
+featured: true
+parent: css
+languageMatcher: css
+tagMatcher: visual
+description: >-
+  The CSS snippet collection contains utilities and interactive examples for
+  CSS3. It includes modern techniques for creating commonly-used layouts,
+  styling and animating elements, as well as snippets for handling user
+  interactions.
+shortDescription: >-
+  A snippet collection of interactive CSS3 visual code snippets with
+  interactive examples.
+splash: camera.png