Character Borders CSS [F2U]

A free to use code for creating cute double borders around character thumbnails on a folder page!

How to Use

You'll want to replace "matcha" with your characters name (as it shows up in their url), and then change the color to match!

.gallery-thumb .thumb-image > .img-thumbnail {
  width: unset;
}

.img-thumbnail {
  border: 5px double;
  
  &[href*="matcha"] {
    border-color: #BABB6B;
  }
  
  &[href*="matcha"] {
    border-color: #BABB6B;
  }
}

Provide Credit

If you use this I would also appreciate if you included a link in your folder's description to here:

Border's not showing up?

If you're using this snippet with other code, then it's likely that code is targeting the same classname and border styles and over-writing the snippet above.
I will not help debug this kind of issue.

If you're only using this snippet and having issues getting it to work feel free to reach out to me via DMs and provide a link to the folder where you've added the styles and they're not showing up.