diff options
| author | Zaran <zaran.krleza@gmail.com> | 2012-04-15 05:54:46 -0700 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2012-04-15 05:54:46 -0700 |
| commit | fe62183cd914a7834c6d6a94d487e2e13e212251 (patch) | |
| tree | 13311137fc992e1ea2cf841424756cb0b16d3405 /alias-angular/app/css/less/badges.less | |
| parent | 667f6d688bdc4818feadde68c84ee690e150255a (diff) | |
| download | alias-fe62183cd914a7834c6d6a94d487e2e13e212251.tar.gz | |
CSS improvements, first steps on angular
* disable the connect form when connected
* add a disconnect button when connected
* add a research field to filter the contact list (not working)
Thinks I want to understand:
* how to share a variable between several scopes
* could StropheSrv be an attribute of the connect scope ? if yes, we can
call it directly and avoid wrapping it (this is the third level of wrapping
around libStrophe...)
Diffstat (limited to 'alias-angular/app/css/less/badges.less')
| -rw-r--r-- | alias-angular/app/css/less/badges.less | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/alias-angular/app/css/less/badges.less b/alias-angular/app/css/less/badges.less new file mode 100644 index 0000000..273479b --- /dev/null +++ b/alias-angular/app/css/less/badges.less @@ -0,0 +1,36 @@ +// BADGES +// ------ + +// Base +.badge { + padding: 1px 9px 2px; + font-size: @baseFontSize * .925; + font-weight: bold; + white-space: nowrap; + color: @white; + background-color: @grayLight; + .border-radius(9px); +} + +// Hover state +.badge:hover { + color: @white; + text-decoration: none; + cursor: pointer; +} + +// Colors +.badge-error { background-color: @errorText; } +.badge-error:hover { background-color: darken(@errorText, 10%); } + +.badge-warning { background-color: @orange; } +.badge-warning:hover { background-color: darken(@orange, 10%); } + +.badge-success { background-color: @successText; } +.badge-success:hover { background-color: darken(@successText, 10%); } + +.badge-info { background-color: @infoText; } +.badge-info:hover { background-color: darken(@infoText, 10%); } + +.badge-inverse { background-color: @grayDark; } +.badge-inverse:hover { background-color: darken(@grayDark, 10%); }
\ No newline at end of file |