megclaypool/rgba Awesome Sauce.md

Last active May 18, 2018 15:30

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/megclaypool/78e2a565ef17a5cac98cd7d6cdd2d632.js"></script>
Save megclaypool/78e2a565ef17a5cac98cd7d6cdd2d632 to your computer and use it in GitHub Desktop.

SCSS rbga() Function Awesome Sauce. The rgba function can take a color and an opacity as its arguments. You can plug in a variable(!) as the color, including colors defined using hex! This is excellent for buttons, since this means that you can bot

Raw

rgba Awesome Sauce.md

$blue: #4900ff;

.some_class {
  background-color: rgba($blue, 1);
  
  &:hover {
    background-color: rgba($blue, .5);
  }
}

Codepen example