Mario Fink mariofink

## Round(ed)-badges.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mariofink
                / Round(ed)-badges.markdown
            
            
              Created
              February 18, 2014 13:58
            
              
                A Pen by Mario Fink.
              
          
    Round(ed) badges

A Pen by Mario Fink on CodePen.
License.

  
## dabblet.css
/**
 * CSS3 transforms & transitions
 */
 body {
 	font-family: sans-serif;
}
.box {
	background: #bada55;
	border-radius: 1em;
	width: 15em;

## CSS3 gradient button
@import "compass/reset";
@import "compass/css3";

@mixin gradientButton($baseColour: #eee, $textColour: #333) {
  $darker-1: darken($baseColour, 7%); /* ~#ddd */
  $darker-2: darken($baseColour, 15%); /* ~#ccc */
  $darker-3: darken($baseColour, 20%); /* ~#bbb */
  $darker-4: darken($baseColour, 34%); /* ~#999 */

  $active-1: darken($baseColour, 27%); /* ~#aaa */
	/**
	* CSS3 transforms & transitions
	*/
	body {
	font-family: sans-serif;
	}
	.box {
	background: #bada55;
	border-radius: 1em;
	width: 15em;
	@import "compass/reset";
	@import "compass/css3";

	@mixin gradientButton($baseColour: #eee, $textColour: #333) {
	$darker-1: darken($baseColour, 7%); /* ~#ddd */
	$darker-2: darken($baseColour, 15%); /* ~#ccc */
	$darker-3: darken($baseColour, 20%); /* ~#bbb */
	$darker-4: darken($baseColour, 34%); /* ~#999 */

	$active-1: darken($baseColour, 27%); /* ~#aaa */