Bordas Coloridas em torno dos gadgets

Olá chocoNeutros!

Hoje vou postar um tuto que aprendi #aqui , é realmente super kawaii seu resultado.

esse é o resultado:

Vamos lá? é mais fácil do que você pensa!

Abra seu HTML e procure:

 /* Widgets

Quando achar, abaixo dele vai estar algo mais ou menos assim:

/* Widgets

----------------------------------------------- */

.sidebar .widget {

  border-bottom: 2px solid $(widget.border.bevel.color);

  padding-bottom: 10px;

  margin: 10px 0;

Abaixo de margin:10px 0; cole:

border-top: 2px solid COR DA BORDA DE CIMA;

border-bottom: 2px solid COR DA BORDA DE BAIXO;

border-right: 2px solid COR DA BORDA DO LADO DIREITO;

border-left: 2px solid COR DA BORDA DO LADO ESQUERDO;

Onde está em negrito, é só você substituir de acordo com as cores que você desejar, eu recomendo este site aqui ou essa aqui!

espero que tenham conseguido pois é super fácil né?! dúvidas? comentários ;D

Avisinho aqui: Eu e a Hannah estamos preparando uma surpresa pra vocês aguardem!