Skip to content

Latest commit

 

History

History
45 lines (36 loc) · 918 Bytes

radiobutton.md

File metadata and controls

45 lines (36 loc) · 918 Bytes

Radiobutton

Creaes an animated Radiobutton via ::before or ::after.


###Example

<label class="my-radiobutton">
	<input class="my-radiobutton" type="radio" name="radiogroup"/>
	Checkbox
</label>
.my-radiobutton {
  @include radiobutton();
}


###Basic Usage

// Simple Implementation
@include radiobutton();

// How to change the Color?
@include radiobutton($color: #fff);

###All the Options

@include radiobutton(
  $color: $color-brand,
  $border: 2px solid $color-grey,
  $border-radius: 0px
);


###Snippets The Snippets for Sublime Text are optional but make the workflow much faster.
Install: Download the Snippets and place them in your (path_to_sublime)/Packages/User folder.
Usage: Just type overlay and hit TAB to place your include.