weheartit

Tutorial - Bordas arredondadas nos gadgets


Flores que nasceram no campo, bom começo de tarde!

Arredondar os gadgets é tão fácil como pegar uma colher e por no sorvete, então, vamos começar?
Primeiro, dê ctrl + f e procure por

/* Widgets

E agora, você vai encontrar isso:



/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0
}

Antes de }, você cola isso:

background:#ffffff; 
-webkit-border-radius: 16px; 
-moz-border-radius: 16px; 
border-radius: 10px; 

Mude as cores como você quiser, e clique em visualizar, você vai ver que seus gadgets vão estar arredondados, beijoos!

2 comentários: