few styling for buttons

This commit is contained in:
Dmitriy Zaporozhets 2013-01-29 22:57:15 +02:00
parent fb617c61b9
commit 7ba4f2dcfa
4 changed files with 12 additions and 5 deletions

View file

@ -98,6 +98,10 @@
margin-top: 3px; margin-top: 3px;
} }
.btn-tiny {
@include box-shadow(0 0px 0px 1px #f1f1f1);
}
.nav-pills { .nav-pills {
> li { > li {
> a { > a {

View file

@ -1,9 +1,12 @@
.btn { .btn {
@include linear-gradient(#f7f7f7, #d5d5d5); @include linear-gradient(#f1f1f1, #e1e1e1);
text-shadow: 0 1px 1px #FFF;
border-color: #BBB; border-color: #BBB;
&:hover { &:hover {
@include bg-gray-gradient; background: #f1f1f1;
border-color: #bbb; @include linear-gradient(#fAfAfA, #f1f1f1);
border-color: #AAA;
color: #333; color: #333;
} }

View file

@ -10,7 +10,7 @@
.input .input
= f.text_field :name, placeholder: "Ex. OpenSource", class: "xxlarge left" = f.text_field :name, placeholder: "Ex. OpenSource", class: "xxlarge left"
   
= f.submit 'Create group', class: "btn btn-primary" = f.submit 'Create group', class: "btn btn-create"
%hr %hr
.padded .padded
%ul %ul

View file

@ -10,7 +10,7 @@
.input .input
= f.text_field :name, placeholder: "Ex. Ruby Developers", class: "xxlarge left" = f.text_field :name, placeholder: "Ex. Ruby Developers", class: "xxlarge left"
   
= f.submit 'Create team', class: "btn btn-primary" = f.submit 'Create team', class: "btn btn-create"
%hr %hr
.padded .padded
%ul %ul