Bake dates into snippets

cq123-cloud · Jun 13, 2021 · 2487083 · 2487083
1 parent 6150dc1
commit 2487083
Show file tree

Hide file tree

Showing 78 changed files with 156 additions and 0 deletions.
diff --git a/snippets/border-with-top-triangle.md b/snippets/border-with-top-triangle.md
@@ -1,6 +1,8 @@
 ---
 title: Border with top triangle
 tags: visual,beginner
+firstSeen: 2019-01-18T12:18:43+02:00
+lastUpdated: 2021-01-07T23:52:15+02:00
 ---
 
 Creates a content container with a triangle at the top.

diff --git a/snippets/bouncing-loader.md b/snippets/bouncing-loader.md
@@ -1,6 +1,8 @@
 ---
 title: Bouncing loader
 tags: animation,intermediate
+firstSeen: 2018-03-04T06:24:22+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a bouncing loader animation.

diff --git a/snippets/box-sizing-reset.md b/snippets/box-sizing-reset.md
@@ -1,6 +1,8 @@
 ---
 title: Box-sizing reset
 tags: layout,beginner
+firstSeen: 2018-02-27T18:59:09+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Resets the box-model so that `width` and `height` are not affected by `border` or `padding`.

diff --git a/snippets/button-border-animation.md b/snippets/button-border-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Button border animation
 tags: animation,intermediate
+firstSeen: 2019-01-21T18:52:46+02:00
+lastUpdated: 2021-05-24T15:28:52+03:00
 ---
 
 Creates a border animation on hover.

diff --git a/snippets/button-focus-swing-animation.md b/snippets/button-focus-swing-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Button swing animation
 tags: animation,intermediate
+firstSeen: 2021-05-24T15:28:52+03:00
+lastUpdated: 2021-05-24T15:28:52+03:00
 ---
 
 Creates a swing animation on focus.

diff --git a/snippets/button-hover-fill-animation.md b/snippets/button-hover-fill-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Button fill animation
 tags: animation,beginner
+firstSeen: 2020-10-08T20:48:11+03:00
+lastUpdated: 2021-04-02T21:34:43+03:00
 ---
 
 Creates a fill animation on hover.

diff --git a/snippets/button-hover-grow-animation.md b/snippets/button-hover-grow-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Button grow animation
 tags: animation,beginner
+firstSeen: 2021-05-24T15:28:52+03:00
+lastUpdated: 2021-05-24T15:28:52+03:00
 ---
 
 Creates a grow animation on hover.

diff --git a/snippets/button-hover-shrink-animation.md b/snippets/button-hover-shrink-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Button shrink animation
 tags: animation,beginner
+firstSeen: 2021-05-24T15:28:52+03:00
+lastUpdated: 2021-05-24T15:28:52+03:00
 ---
 
 Creates a shrink animation on hover.

diff --git a/snippets/checkerboard-pattern.md b/snippets/checkerboard-pattern.md
@@ -1,6 +1,8 @@
 ---
 title: Checkerboard background pattern
 tags: visual,intermediate
+firstSeen: 2021-01-11T09:51:43+02:00
+lastUpdated: 2021-01-11T09:51:43+02:00
 ---
 
 Creates a checkerboard background pattern.

diff --git a/snippets/circle.md b/snippets/circle.md
@@ -1,6 +1,8 @@
 ---
 title: Circle
 tags: visual,beginner
+firstSeen: 2018-03-04T08:19:52+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a circular shape with pure CSS.

diff --git a/snippets/clearfix.md b/snippets/clearfix.md
@@ -1,6 +1,8 @@
 ---
 title: Clearfix
 tags: layout,beginner
+firstSeen: 2018-02-25T15:14:39+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Ensures that an element self-clears its children.

diff --git a/snippets/constant-width-to-height-ratio.md b/snippets/constant-width-to-height-ratio.md
@@ -1,6 +1,8 @@
 ---
 title: Constant width to height ratio
 tags: layout,beginner
+firstSeen: 2018-02-27T10:45:26+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Ensures that an element with variable `width` will retain a proportionate `height` value.

diff --git a/snippets/counter.md b/snippets/counter.md
@@ -1,6 +1,8 @@
 ---
 title: Counter
 tags: visual,advanced
+firstSeen: 2018-03-07T22:12:42+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a custom list counter that accounts for nested list elements.

diff --git a/snippets/custom-checkbox.md b/snippets/custom-checkbox.md
@@ -1,6 +1,8 @@
 ---
 title: Custom checkbox
 tags: visual,animation,advanced
+firstSeen: 2021-05-16T13:09:15+03:00
+lastUpdated: 2021-05-18T21:41:27+03:00
 ---
 
 Creates a styled checkbox with animation on state change.

diff --git a/snippets/custom-scrollbar.md b/snippets/custom-scrollbar.md
@@ -1,6 +1,8 @@
 ---
 title: Custom scrollbar
 tags: visual,advanced
+firstSeen: 2018-03-01T10:34:55+02:00
+lastUpdated: 2021-05-16T13:09:15+03:00
 ---
 
 Customizes the scrollbar style for elements with scrollable overflow.

diff --git a/snippets/custom-text-selection.md b/snippets/custom-text-selection.md
@@ -1,6 +1,8 @@
 ---
 title: Custom text selection
 tags: visual,beginner
+firstSeen: 2018-02-25T15:14:39+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Changes the styling of text selection.

diff --git a/snippets/disable-selection.md b/snippets/disable-selection.md
@@ -1,6 +1,8 @@
 ---
 title: Disable selection
 tags: interactivity,beginner
+firstSeen: 2018-02-26T19:09:58+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Makes the content unselectable.

diff --git a/snippets/display-table-centering.md b/snippets/display-table-centering.md
@@ -1,6 +1,8 @@
 ---
 title: Display table centering
 tags: layout,intermediate
+firstSeen: 2018-03-30T01:15:54+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Vertically and horizontally centers a child element within its parent element, using `display: table`.

diff --git a/snippets/donut-spinner.md b/snippets/donut-spinner.md
@@ -1,6 +1,8 @@
 ---
 title: Donut spinner
 tags: animation,intermediate
+firstSeen: 2018-02-27T17:32:35+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a donut spinner that can be used to indicate the loading of content.

diff --git a/snippets/drop-cap.md b/snippets/drop-cap.md
@@ -1,6 +1,8 @@
 ---
 title: Drop cap
 tags: visual,beginner
+firstSeen: 2018-10-13T07:47:30+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Makes the first letter of the first paragraph bigger than the rest of the text.

diff --git a/snippets/dynamic-shadow.md b/snippets/dynamic-shadow.md
@@ -1,6 +1,8 @@
 ---
 title: Dynamic shadow
 tags: visual,intermediate
+firstSeen: 2018-03-05T13:51:36+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a shadow similar to `box-shadow` but based on the colors of the element itself.

diff --git a/snippets/etched-text.md b/snippets/etched-text.md
@@ -1,6 +1,8 @@
 ---
 title: Etched text
 tags: visual,intermediate
+firstSeen: 2018-02-25T15:14:39+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates an effect where text appears to be "etched" or engraved into the background.

diff --git a/snippets/evenly-distributed-children.md b/snippets/evenly-distributed-children.md
@@ -1,6 +1,8 @@
 ---
 title: Evenly distributed children
 tags: layout,intermediate
+firstSeen: 2018-02-28T13:47:02+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Evenly distributes child elements within a parent element.

diff --git a/snippets/fit-image-in-container.md b/snippets/fit-image-in-container.md
@@ -1,6 +1,8 @@
 ---
 title: Fit image in container
 tags: layout,visual,intermediate
+firstSeen: 2018-10-31T08:34:49+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Fits an positions an image appropriately inside its container while preserving its aspect ratio.

diff --git a/snippets/flexbox-centering.md b/snippets/flexbox-centering.md
@@ -1,6 +1,8 @@
 ---
 title: Flexbox centering
 tags: layout,beginner
+firstSeen: 2018-03-03T11:57:27+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Horizontally and vertically centers a child element within a parent element using flexbox.

diff --git a/snippets/floating-list-titles.md b/snippets/floating-list-titles.md
@@ -1,6 +1,8 @@
 ---
 title: List with floating section headings
 tags: visual,advanced
+firstSeen: 2020-08-18T15:44:01+03:00
+lastUpdated: 2021-02-05T10:21:38+02:00
 ---
 
 Creates a list with floating headings for each section.

diff --git a/snippets/fluid-typography.md b/snippets/fluid-typography.md
@@ -1,6 +1,8 @@
 ---
 title: Fluid typography
 tags: visual,intermediate
+firstSeen: 2021-05-16T11:23:05+03:00
+lastUpdated: 2021-05-16T11:23:05+03:00
 ---
 
 Creates text that scales according to the viewport width.

diff --git a/snippets/focus-within.md b/snippets/focus-within.md
@@ -1,6 +1,8 @@
 ---
 title: Focus Within
 tags: visual,interactivity,intermediate
+firstSeen: 2018-10-23T03:58:13+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Changes the appearance of a form if any of its children are focused.

diff --git a/snippets/full-width.md b/snippets/full-width.md
@@ -1,6 +1,8 @@
 ---
 title: Full-width image
 tags: layout,intermediate
+firstSeen: 2021-01-07T10:14:46+02:00
+lastUpdated: 2021-01-07T10:14:46+02:00
 ---
 
 Creates a full-width image.

diff --git a/snippets/fullscreen.md b/snippets/fullscreen.md
@@ -1,6 +1,8 @@
 ---
 title: Fullscreen
 tags: visual,advanced
+firstSeen: 2019-01-12T13:08:40+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Applies styles to an element when in fullscreen mode.

diff --git a/snippets/gradient-text.md b/snippets/gradient-text.md
@@ -1,6 +1,8 @@
 ---
 title: Gradient text
 tags: visual,intermediate
+firstSeen: 2018-02-25T15:14:39+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Gives text a gradient color.

diff --git a/snippets/grid-centering.md b/snippets/grid-centering.md
@@ -1,6 +1,8 @@
 ---
 title: Grid centering
 tags: layout,beginner
+firstSeen: 2018-03-03T12:13:59+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Horizontally and vertically centers a child element within a parent element using `grid`.

diff --git a/snippets/hamburger-button.md b/snippets/hamburger-button.md
@@ -1,6 +1,8 @@
 ---
 title: Hamburger Button
 tags: interactivity,intermediate
+firstSeen: 2019-10-10T03:49:38+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Displays a hamburger menu which transitions to a cross button on hover.

diff --git a/snippets/height-transition.md b/snippets/height-transition.md
@@ -1,6 +1,8 @@
 ---
 title: Height transition
 tags: animation,intermediate
+firstSeen: 2018-03-17T10:53:02+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Transitions an element's height from `0` to `auto` when its height is unknown.

diff --git a/snippets/horizontal-scroll-snap.md b/snippets/horizontal-scroll-snap.md
@@ -1,6 +1,8 @@
 ---
 title: Horizontal scroll snap
 tags: interactivity,intermediate
+firstSeen: 2020-08-18T14:25:46+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a horizontally scrollable container that will snap on elements when scrolling.

diff --git a/snippets/hover-additional-content.md b/snippets/hover-additional-content.md
@@ -1,6 +1,8 @@
 ---
 title: Show additional content on hover
 tags: visual,intermediate
+firstSeen: 2020-08-18T16:40:23+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a card that displays additional content on hover.

diff --git a/snippets/hover-pespective.md b/snippets/hover-pespective.md
@@ -1,6 +1,8 @@
 ---
 title: Perspective transform on hover
 tags: animation,intermediate
+firstSeen: 2021-05-17T13:58:04+03:00
+lastUpdated: 2021-05-17T13:58:04+03:00
 ---
 
 Applies a perspective transform with a hover animation to an element.

diff --git a/snippets/hover-shadow-box-animation.md b/snippets/hover-shadow-box-animation.md
@@ -2,6 +2,8 @@
 title: Hover shadow box animation
 tags: animation,intermediate
 unlisted: true
+firstSeen: 2018-03-06T23:41:55+02:00
+lastUpdated: 2021-01-04T12:30:40+02:00
 ---
 
 Creates a shadow box around the text when it is hovered.

diff --git a/snippets/hover-underline-animation.md b/snippets/hover-underline-animation.md
@@ -1,6 +1,8 @@
 ---
 title: Hover underline animation
 tags: animation,advanced
+firstSeen: 2018-02-28T13:19:22+02:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates an animated underline effect when the text is hovered over.

diff --git a/snippets/image-hover-menu.md b/snippets/image-hover-menu.md
@@ -1,6 +1,8 @@
 ---
 title: Menu on image hover
 tags: layout,animation,intermediate
+firstSeen: 2020-04-20T19:15:11+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Displays a menu overlay when the image is hovered.

diff --git a/snippets/image-hover-rotate.md b/snippets/image-hover-rotate.md
@@ -1,6 +1,8 @@
 ---
 title: Image rotate on hover
 tags: animation,visual,intermediate
+firstSeen: 2020-04-20T18:36:11+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a rotate effect for the image on hover.

diff --git a/snippets/image-mosaic.md b/snippets/image-mosaic.md
@@ -1,6 +1,8 @@
 ---
 title: Responsive image mosaic
 tags: layout,intermediate
+firstSeen: 2020-08-18T17:18:03+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates a responsive image mosaic.

diff --git a/snippets/image-overlay-hover.md b/snippets/image-overlay-hover.md
@@ -1,6 +1,8 @@
 ---
 title: Image overlay on hover
 tags: visual,animation,advanced
+firstSeen: 2020-04-20T14:12:33+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Displays an image overlay effect on hover.

diff --git a/snippets/input-with-prefix.md b/snippets/input-with-prefix.md
@@ -1,6 +1,8 @@
 ---
 title: Input with prefix
 tags: interactivity,visual,intermediate
+firstSeen: 2020-10-14T14:16:57+03:00
+lastUpdated: 2020-12-30T15:37:37+02:00
 ---
 
 Creates an input with a visual, non-editable prefix.