[raycast snippets] tailwind scss media query

tailwind-mediaquey-scss-snippets.json

[
    {
        "name": "tailwind media-query sm (min: 640px) / scss",
        "text": "@media (min-width: theme('screens.sm')) ",
        "keyword": "@tusm"
    },
    {
        "name": "tailwind media-query md (min: 768px) / scss",
        "text": "@media (min-width: theme('screens.md')) ",
        "keyword": "@tumd"
    },
    {
        "name": "tailwind media-query lg (min: 1024px) / scss",
        "text": "@media (min-width: theme('screens.lg')) ",
        "keyword": "@tulg"
    },
    {
        "name": "tailwind media-query xl (min: 1280px) / scss",
        "text": "@media (min-width: theme('screens.xl')) ",
        "keyword": "@tuxl"
    },
    {
        "name": "tailwind media-query 2xl (min: 1536px) / scss",
        "text": "@media (min-width: theme('screens.2xl')) ",
        "keyword": "@tuxxl"
    },
    {
        "name": "tailwind media-query sm (max: 640px) / scss",
        "text": "@media (max-width: theme('screens.sm')) ",
        "keyword": "@tdsm"
    },
    {
        "name": "tailwind media-query md (max: 768px) / scss",
        "text": "@media (max-width: theme('screens.md')) ",
        "keyword": "@tdmd"
    },
    {
        "name": "tailwind media-query lg (max: 1024px) / scss",
        "text": "@media (max-width: theme('screens.lg')) ",
        "keyword": "@tdlg"
    },
    {
        "name": "tailwind media-query xl (max: 1280px) / scss",
        "text": "@media (max-width: theme('screens.xl')) ",
        "keyword": "@tdxl"
    },
    {
        "name": "tailwind media-query 2xl (max: 1536px) / scss",
        "text": "@media (max-width: theme('screens.2xl')) ",
        "keyword": "@tdxxl"
    }
]