mirror of
https://github.com/atom/atom.git
synced 2026-01-23 05:48:10 -05:00
Add button variants
This commit is contained in:
@@ -19,6 +19,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-variant (@color) {
|
||||
@bg: darken(@color, 10%);
|
||||
@hover: @color;
|
||||
@selected: @color;
|
||||
.btn-background(@bg, @hover, @selected, @text-color-highlight);
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-radius: @component-border-radius;
|
||||
border: none;
|
||||
@@ -38,6 +45,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
.btn-variant(@background-color-info);
|
||||
}
|
||||
.btn.btn-info {
|
||||
.btn-variant(@background-color-info);
|
||||
}
|
||||
.btn.btn-success {
|
||||
.btn-variant(@background-color-success);
|
||||
}
|
||||
.btn.btn-warning {
|
||||
.btn-variant(@background-color-warning);
|
||||
}
|
||||
.btn.btn-error {
|
||||
.btn-variant(@background-color-error);
|
||||
}
|
||||
|
||||
.btn.btn-xs, .btn-group-xs > .btn {
|
||||
padding: 2px 5px;
|
||||
font-size: 10px;
|
||||
|
||||
Reference in New Issue
Block a user