From 5310ac7d8eb1838a6297117bc7f9fca70291f46a Mon Sep 17 00:00:00 2001 From: Alex Tatiyants Date: Sun, 3 Jan 2016 17:17:48 -0800 Subject: initial commit --- app/assets/sass/_buttons.scss | 47 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 app/assets/sass/_buttons.scss (limited to 'app/assets/sass/_buttons.scss') diff --git a/app/assets/sass/_buttons.scss b/app/assets/sass/_buttons.scss new file mode 100644 index 0000000..760d5ec --- /dev/null +++ b/app/assets/sass/_buttons.scss @@ -0,0 +1,47 @@ +.btn { + border-radius: $border-radius-base; + padding: $padding-base $padding-lg; + font-size: $font-size-base; + line-height: 1.2; + text-decoration: none; + text-transform: uppercase; + + &-default { + border: 1px solid $blue; + color: $blue; + background-color: #fff; + + &:hover { + background-color: $light-blue; + } + } + + &-lg { + padding: $padding-base $padding-lg*2; + font-size: round($font-size-base * 1.2); + } + + &-danger { + border: 1px solid $red; + color: $red; + text-transform: uppercase; + background-color: #fff; + + &:hover { + background-color: $light-red; + } + } + + &-primary { + border: 0; + background: $blue; + // background-image: linear-gradient(to bottom, $blue, $dark-blue); + box-shadow: 1px 1px 1px $gray; + color: #ffffff; + + &:hover { + background: $dark-blue; + // background-image: linear-gradient(to bottom, $dark-blue, $blue); + } + } +} -- cgit v1.2.3