Skip to content

Latest commit

 

History

History
45 lines (36 loc) · 873 Bytes

checkbox.md

File metadata and controls

45 lines (36 loc) · 873 Bytes

Checkbox

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


###Example

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


###Basic Usage

// Simple Implementation
@include checkbox();

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

###All the Options

@include checkbox(
  $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.