Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gerrywastaken/2919841 to your computer and use it in GitHub Desktop.
Save gerrywastaken/2919841 to your computer and use it in GitHub Desktop.
Some simple mixins that allow you to add Bootstrap's box shaddow styling to other classes that Bootstrap doesn't address.
@import "compass/css3/box-shadow"
@import "compass/css3/transition"
$bs-box-shadow-default-color: rgba(0, 0, 0, 0.075)
$bs-box-shadow-focus-color: rgb(82, 168, 236)
@mixin bs-default-box-shadow
@include box-shadow(inset 0 1px 1px $bs-box-shadow-default-color)
@mixin bs-box-shadow
@include bs-default-box-shadow
@include transition(border linear 0.2s, box-shadow linear 0.2s)
@mixin bs-box-shadow-focus
border-color: rgba($bs-box-shadow-focus-color, 0.8)
@include bs-default-box-shadow
@include box-shadow(0 0 8px rgba($bs-box-shadow-focus-color, 0.6))
outline: 0
outline: thin dotted \9 /* IE6-9 */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment