gitlabhq/app/assets/stylesheets/gitlab_bootstrap/buttons.scss
2013-01-30 16:53:18 +02:00

116 lines
1.7 KiB
SCSS

.btn {
@include linear-gradient(#f1f1f1, #e1e1e1);
text-shadow: 0 1px 1px #FFF;
border-color: #BBB;
&:hover {
background: #f1f1f1;
@include linear-gradient(#fAfAfA, #f1f1f1);
border-color: #AAA;
color: #333;
}
&.btn-primary {
background: #2a79A3;
@include linear-gradient(#47A7b7, #2585b5);
border-color: #2A79A3;
color: #fff;
text-shadow: 0 1px 1px #268;
&:hover {
background: $primary_color;
color: #fff;
}
&.disabled {
color: #fff;
background: #29B;
}
}
&.btn-info {
background: #5aB9C3;
border-color: $primary_color;
color: #fff;
text-shadow: 0 1px 1px #268;
&:hover {
background: $primary_color;
color: #fff;
}
&.disabled {
color: #fff;
background: #29B;
}
}
&.success {
@extend .btn-success;
&:hover {
@extend .btn-success;
background: #51a351;
}
&.disabled {
color: #fff;
background: #2b2;
}
}
&.btn-create {
@extend .wide;
@extend .success;
}
&.btn-save {
@extend .wide;
@extend .btn-primary;
}
&.btn-close,
&.btn-remove {
@extend .btn-danger;
border-color: #BD362F;
&:hover {
color: #fff;
background: #EE4E49;
}
}
&.btn-cancel {
float: right;
}
&.wide {
padding-left: 20px;
padding-right: 20px;
}
&.small {
@extend .btn-small;
}
&.active {
border-color: #aaa;
background-color: #ccc;
}
&.btn-tiny {
font-size: 11px;
padding: 2px 6px;
line-height: 16px;
margin: 2px;
}
&.grouped {
margin-right: 7px;
float: left;
}
&.padded {
margin-right: 3px;
padding: 4px 10px 4px;
}
}