Contents

@import 'variables';

//
// Buttons styles
//
.button {
  border:0;
  padding:0;
  background:none;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  font-family:$font;
  color:#fff !important;
	letter-spacing:-0.5px;
  padding:7px 20px;
  border-radius:4px;
  background-color:#888;
  display:inline-block;
  &:active {
    background:#999;
  }
  
  &.green {
    background-color:#96BF48;
    border-color:#96BF48;
    border-bottom-color:#86a350;
    &:active { background-color:#A8D750}
  }
  
  &.loading {
    background-image:url(/images/spinners/button-green.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
    color:transparent !important;
  }
  
  &.purple {
    background-color:#C17391;
    border-color:#C17391;
    border-bottom-color:#a7667f;
    &:active { background:#DC83A6}
  }
  
  &.orange {
    background-color:#c8541b;
    border-color:#c8541b;
    border-bottom-color:#974117;
    &:active { background:#e75d19}
  }

	&.white {
		background-color:#fff;
		color:#333 !important;
	}
	
	&.white-green {
		background-color:#fff;
		color:#96BF48 !important;
	}
  
  
  &.button-mini {
    font-size:11px;
    padding:3px 5px;
    box-shadow:none;
    font-weight:normal;
    text-shadow:none;
    text-transform:none;
  }
  
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
shoppe-0.0.7	app/assets/stylesheets/shoppe/elements.scss
shoppe-0.0.6	app/assets/stylesheets/shoppe/elements.scss
shoppe-0.0.5	app/assets/stylesheets/shoppe/elements.scss