Skip to content

Instantly share code, notes, and snippets.

@loganvolkers
Created February 11, 2022 19:07
Show Gist options
  • Select an option

  • Save loganvolkers/a6a17b6809b46711a0580c93dac9b891 to your computer and use it in GitHub Desktop.

Select an option

Save loganvolkers/a6a17b6809b46711a0580c93dac9b891 to your computer and use it in GitHub Desktop.

Revisions

  1. loganvolkers created this gist Feb 11, 2022.
    17 changes: 17 additions & 0 deletions Host selector example.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@

    `<sqm-example hidden />`
    :host([hidden]){
    display: none;
    }

    `<sqm-example show-icon />`
    :host([show-icon]) .icon{
    display: block;
    }

    `<sqm-example />`
    `<sqm-example />`
    `<sqm-example />`
    :host(:not(:last-of-type)) .icon{
    display: block;
    }