UniversalDashboard.Style

Easily create stylesheets on the fly.
Adam Driscoll
save_alt 296 downloads

UDStyle

Allows you to create CSS style sheets on the fly using Emotion.

Installation

Install-Module UniversalDashboard.Style

Example

Creates a new green card with a hot pink div around it that changes the text color when hovered.

New-UDStyle -Style '
    padding: 32px;
    background-color: hotpink;
    font-size: 24px;
    border-radius: 4px;
    &:hover {
      color: white;
    }
    .card {
        background-color: green !important;   
    }' -Content {
        New-UDCard -Title 'Test' -Content {
            "Hello"
        }
    }

Install

Install-Module UniversalDashboard.Style
Version

1.0.0

Last Updated

9/14/2019 8:50:27 AM +00:00

Tags

universaldashboard emotion ud-control style

Author

Adam Driscoll

Type

extension Control

License

Free