Skip to content

Commit 502704b

Browse files
committed
Update consolidated snippets
1 parent 05eaa2f commit 502704b

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

public/consolidated/all_snippets.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[
22
{"language": "scss", {"categoryName":"Typography","snippets":[{"title":"Line Clamp Mixin","description":"A Sass mixin to clamp text to a specific number of lines.","code":["@mixin line-clamp($number) {"," display: -webkit-box;"," -webkit-box-orient: vertical;"," -webkit-line-clamp: $number;"," overflow: hidden;","},"],"tags":["sass","mixin","typography","css"],"author":"technoph1le"},{"title":"Text Overflow Ellipsis","description":"Ensures long text is truncated with an ellipsis.","code":["@mixin text-ellipsis {"," overflow: hidden;"," white-space: nowrap;"," text-overflow: ellipsis;","}"],"tags":["sass","mixin","text","css"],"author":"technoph1le"},{"title":"Font Import Helper","description":"Simplifies importing custom fonts in Sass.","code":["@mixin import-font($family, $weight: 400, $style: normal) {"," @font-face {"," font-family: #{$family};"," font-weight: #{$weight};"," font-style: #{$style};"," src: url('/fonts/#{$family}-#{$weight}.woff2') format('woff2'),"," url('/fonts/#{$family}-#{$weight}.woff') format('woff');"," }","}"],"tags":["sass","mixin","fonts","css"],"author":"technoph1le"},{"title":"Text Gradient","description":"Adds a gradient color effect to text.","code":["@mixin text-gradient($from, $to) {"," background: linear-gradient(to right, $from, $to);"," -webkit-background-clip: text;"," -webkit-text-fill-color: transparent;","}"],"tags":["sass","mixin","gradient","text","css"],"author":"technoph1le"}]}
3-
{"language": "scss", {"categoryName":"Layouts","snippets":[{"title":"Grid Container","description":"Creates a responsive grid container with customizable column counts.","code":["@mixin grid-container($columns: 12, $gap: 1rem) {"," display: grid;"," grid-template-columns: repeat($columns, 1fr);"," gap: $gap;","},"],"tags":["scss","grid","layout","css"],"author":"technoph1le"},{"title":"Flex Center","description":"A mixin to center content using flexbox.","code":["@mixin flex-center {"," display: flex;"," justify-content: center;"," align-items: center;","}"],"tags":["scss","flex","center","css"],"author":"technoph1le"},{"title":"Aspect Ratio","description":"Ensures elements maintain a specific aspect ratio.","code":["@mixin aspect-ratio($width, $height) {"," position: relative;"," width: 100%;"," padding-top: ($height / $width) * 100%;"," > * {"," position: absolute;"," top: 0;"," left: 0;"," width: 100%;"," height: 100%;"," }","}"],"tags":["scss","aspect-ratio","layout","css"],"author":"technoph1le"}]}
3+
{"language": "scss", {"categoryName":"Layouts","snippets":[{"title":"Grid Container","description":"Creates a responsive grid container with customizable column counts.","code":["@mixin grid-container($columns: 12, $gap: 1rem) {"," display: grid;"," grid-template-columns: repeat($columns, 1fr);"," gap: $gap;","},"],"tags":["scss","grid","layout","css"],"author":"technoph1le"},{"title":"Flex Center","description":"A mixin to center content using flexbox.","code":["@mixin flex-center {"," display: flex;"," justify-content: center;"," align-items: center;","}"],"tags":["scss","flex","center","css"],"author":"technoph1le"},{"title":"Aspect Ratio","description":"Ensures that elements maintain a specific aspect ratio.","code":["@mixin aspect-ratio($width, $height) {"," position: relative;"," width: 100%;"," padding-top: ($height / $width) * 100%;"," > * {"," position: absolute;"," top: 0;"," left: 0;"," width: 100%;"," height: 100%;"," }","}"],"tags":["scss","aspect-ratio","layout","css"],"author":"technoph1le"}]}
44
{"language": "scss", {"categoryName":"Animations","snippets":[{"title":"Fade In Animation","description":"Animates the fade-in effect.","code":["@keyframes fade-in {"," from {"," opacity: 0;"," },"," to {"," opacity: 1;"," }","}","","@mixin fade-in($duration: 1s, $easing: ease-in-out) {"," animation: fade-in $duration $easing;","}"],"tags":["scss","animation","fade","css"],"author":"technoph1le"},{"title":"Slide In From Left","description":"Animates content sliding in from the left.","code":["@keyframes slide-in-left {"," from {"," transform: translateX(-100%);"," }"," to {"," transform: translateX(0);"," }","}","","@mixin slide-in-left($duration: 0.5s, $easing: ease-out) {"," animation: slide-in-left $duration $easing;","}"],"tags":["scss","animation","slide","css"],"author":"technoph1le"}]}
55
{"language": "scss", {"categoryName":"Utilities","snippets":[{"title":"Responsive Breakpoints","description":"Generates media queries for responsive design.","code":["@mixin breakpoint($breakpoint) {"," @if $breakpoint == sm {"," @media (max-width: 576px) { @content; },"," } @else if $breakpoint == md {"," @media (max-width: 768px) { @content; }"," } @else if $breakpoint == lg {"," @media (max-width: 992px) { @content; }"," } @else if $breakpoint == xl {"," @media (max-width: 1200px) { @content; }"," }","}"],"tags":["scss","responsive","media-queries","css"],"author":"technoph1le"},{"title":"Clearfix","description":"Provides a clearfix utility for floating elements.","code":["@mixin clearfix {"," &::after {"," content: '';"," display: block;"," clear: both;"," }","}"],"tags":["scss","clearfix","utility","css"],"author":"technoph1le"}]}
66
{"language": "scss", {"categoryName":"Borders & Shadows","snippets":[{"title":"Border Radius Helper","description":"Applies a customizable border-radius.","code":["@mixin border-radius($radius: 4px) {"," border-radius: $radius;","},"],"tags":["scss","border","radius","css"],"author":"technoph1le"},{"title":"Box Shadow Helper","description":"Generates a box shadow with customizable values.","code":["@mixin box-shadow($x: 0px, $y: 4px, $blur: 10px, $spread: 0px, $color: rgba(0, 0, 0, 0.1)) {"," box-shadow: $x $y $blur $spread $color;","}"],"tags":["scss","box-shadow","css","effects"],"author":"technoph1le"}]}

0 commit comments

Comments
 (0)