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
<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>