Packages

phoenix_duskmoon

8.0.0
9.9.2 9.9.1 9.9.0 9.8.0 9.7.1 9.7.0 9.6.4 9.6.3 9.6.2 9.6.1 9.6.0 9.5.4 9.5.3 9.5.2 9.5.1 9.5.0 9.4.3 9.4.2 9.4.1 9.4.0 9.3.0 9.2.0 9.1.4 9.1.3 9.1.1 9.1.1-rc.1 retired 9.0.1 9.0.0-rc.3 9.0.0-rc.2 9.0.0-rc.1 8.0.0 7.2.1 7.2.0 7.1.3 7.1.2 7.1.1 6.3.2 6.3.1 6.3.0 6.2.0 6.1.3 6.1.2 6.1.1 6.1.0 6.0.10 6.0.9 6.0.8 6.0.7 6.0.6 6.0.5 6.0.4 6.0.3 6.0.2 6.0.1 6.0.0 5.2.0-beta.5 5.2.0-beta.4 5.2.0-beta.3 5.2.0-beta.2 5.2.0-beta.1 5.1.0 5.0.6 5.0.5 5.0.4 5.0.3 5.0.2 5.0.1 5.0.0 4.6.6 4.6.5 4.6.4 4.6.3 4.6.2 4.6.1 4.6.0 4.5.2 4.5.1 4.5.0 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.2 4.3.1 4.3.0 4.2.0 4.1.1 4.1.0 4.0.0

Duskmoon UI component library for Phoenix LiveView

HexDocs

Current section

Files

Jump to
Readme
90 Versions
7 Dependencies
Dependants
Files
Activity
phoenix_duskmoon assets css components snow.css
Raw

assets/css/components/snow.css 



@layer components {

  .dm-fun-snowflake {

    position: absolute;

    width: var(--snowflake-size, 10px);

    height: var(--snowflake-size, 10px);

    border-radius: 50%;

    pointer-events: none;

    

    &:not(.snowflake-unicode) {

      background: var(--snowflake-color, #FFFFFF);

      filter: drop-shadow(0 0 var(--snowflake-size, 10px) var(--snowflake-color, #FFFFFF));

    }

  }



  .dm-fun-snowflake.snowflake-unicode::after {

    content: "\2746";

    color: var(--snowflake-color, #FFFFFF);

    font-size: var(--snowflake-size, 10px);

    filter: drop-shadow(0 0 var(--snowflake-size, 10px) var(--snowflake-color, #FFFFFF));

  }

}