CSS Snippets

hex-alpha.css

```css
    selector {
      color: #000000;
      background: #ffffff77
    }
```

/*
- Instead of using rgba() you can use #00000078, the last two digits are the alpha value 00-ff
- [1 2 3 4 5 6 7 8 9 A B C D E F]
- [Further reading](https://www.digitalocean.com/community/tutorials/css-hex-code-colors-alpha-values#adding-an-alpha-value-to-your-hex-codes)
*/

truncate-long-text.css

```css
    .truncate {
      width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
```

/*
- Just add the truncate class to the text element. 
- [Further reading](https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/)
*/

warning-no-alt-text.css

/*
This snippet will highlight an image has no alt text:

"You forgot the image alt attribute"

*/

img[alt=""],
img:not([alt]) {
  border: 5px dashed #c00;
}