https://github.com/xelaok/svelte-media-query

CSS media queries in Svelte
https://github.com/xelaok/svelte-media-query

media-queries svelte svelte3

Last synced: about 1 month ago
JSON representation

CSS media queries in Svelte

• Host: GitHub
• URL: https://github.com/xelaok/svelte-media-query
• Owner: xelaok
• License: mit
• Created: 2019-09-04T14:17:41.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-10-20T19:18:36.000Z (over 2 years ago)
• Last Synced: 2024-05-05T03:23:08.936Z (about 2 months ago)
• Topics: media-queries, svelte, svelte3
• Language: Svelte
• Homepage:
• Size: 4.88 KB
• Stars: 52
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• awesome-svelte-resources - `svelte-media-query` - (components and libraries / layout and structure)

README

        
## svelte-media-query ([npm](https://www.npmjs.com/package/svelte-media-query), [demo](https://svelte.dev/repl/26eb44932920421da01e2e21539494cd))

CSS media queries in svelte.

## Installation

```bash

npm i svelte-media-query

```

## Usage

```html

    import MediaQuery from "svelte-media-query";

    {#if matches}

    


        default

    

    {/if}


    {#if matches}

    


        tablet

    

    {/if}


    {#if matches}

    


        mobile

    

    {/if}


```