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;
}
.btn-tiny {
@include box-shadow(0 0px 0px 1px #f1f1f1);
}
.nav-pills {
> li {
> a {

View file

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

View file

@ -10,7 +10,7 @@
.input
= 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
.padded
%ul

View file

@ -10,7 +10,7 @@
.input
= 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
.padded
%ul