Text

Colors used to represent text interface elements

@skin-text
@skin-text-hint
@skin-text-light
@skin-text-lighter
@skin-text-primary
@skin-text-secondary
@skin-text-darker
@skin-dark
Markup

Toggle example guides Toggle HTML markup

<div pam-Grid>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text:light" pam-skin="text">@skin-text</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text:light" pam-skin="text text:hint">@skin-text-hint</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text:light" pam-skin="text text:light">@skin-text-light</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text:light" pam-skin="text text:lighter">@skin-text-lighter</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text" pam-skin="text:primary">@skin-text-primary</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text" pam-skin="text:secondary">@skin-text-secondary</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text" pam-skin="text:darker">@skin-text-darker</div>
    </div>
    <div pam-Unit="1-1 medium:1-4">
        <div pam-Skin-Test="text" pam-skin="text:dark">@skin-dark</div>
    </div>
</div>