daily pastebin goal
95%
SHARE
TWEET

Untitled

a guest Sep 12th, 2018 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. how to use css inheritance for button colors
  2. a.checkout-button {
  3.     -webkit-transition:border-color 0.218s;
  4.     background-position: initial initial;
  5.     background-repeat: initial initial;
  6.     border:0 solid #DCDCDC;
  7.     border-bottom-left-radius: 3px;
  8.     border-bottom-right-radius: 3px;
  9.     border-top-left-radius: 3px;
  10.     border-top-right-radius: 3px;
  11.     color: #EEEEEE;
  12.     display: inline-block;
  13.     font-family: 'Arimo', Arial, sans-serif;
  14.     font-size: 16px;
  15.     font-style: normal;
  16.     font-variant: normal;
  17.     font-weight: normal;
  18.     line-height: normal;
  19.     margin-right: 10px;
  20.     padding: 4px 12px;
  21.     position: relative;
  22.     text-decoration: none;
  23.     text-shadow: #FFFFFF 0 0 0;
  24.     text-transform: uppercase;
  25. }
  26. a.checkout-button .blue {
  27.     background: -webkit-gradient(linear,0% 10%,0% 70%,from(#4533A9),to(#202020));
  28.     background: -moz-linear-gradient(linear,0% 10%,0% 70%,from(#4533A9),to(#202020));
  29. }
  30. a.checkout-button .gray {
  31.     background: -webkit-gradient(linear,0% 10%,0% 70%,from(#4533A9),to(#202020));
  32.     background: -moz-linear-gradient(linear,0% 10%,0% 70%,from(#4533A9),to(#202020));
  33. }
  34.    
  35. <a class="checkout-button gray" id="cancel-btn" href="">Cancel</a>
  36. <a class="checkout-button blue" id="express-checkout-btn" href="">Express Checkout</a>
  37.    
  38. a.checkout-button .gray {
  39.    
  40. a.checkout-button.gray {
  41.    
  42. .a.checkout-button .blue {
  43.    
  44. a.checkout-button.blue {
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top