Os tokens são valores padronizados que servem como unidades de um todo na construção de um sistema de design. No caso do site CPS os tokens servem para oferecer referências de valores padronizados que permitem a correta aplicação da identidade visual em novas páginas ou atualizações.
Alguns elementos necessitam de um destaque extra através de sombra. Utilizar o padrão a seguir.
<style>
.box-shadow-1 {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.box-shadow-2 {
box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.25);
}
</style>
<div class="box-shadow-1">
O Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500
</div>
<div class="box-shadow-2">
O Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500
</div>
<style>
.border-radius-30 {
border-radius: 30px;
}
.border-radius-circular {
border-radius: 50%;
}
</style>
<div class=".border-radius-30">
O Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500
</div>
<div class="border-radius-circular">
</div>