~ubuntu-branches/ubuntu/utopic/horizon/utopic-updates

« back to all changes in this revision

Viewing changes to xstatic/pkg/bootstrap_scss/data/scss/bootstrap/_badges.scss

  • Committer: Package Import Robot
  • Author(s): James Page, Chris Johnston, James Page
  • Date: 2014-10-03 17:54:18 UTC
  • mfrom: (0.4.1) (1.1.44) (70.1.2 utopic)
  • Revision ID: package-import@ubuntu.com-20141003175418-1jomx0azdvnl5fxz
Tags: 1:2014.2~rc1-0ubuntu1
[ Chris Johnston ]
* d/theme/css/ubuntu.css: Fix Ubuntu theme for Instances "more" dropdown
  (LP: #1308651).

[ James Page ]
* New upstream release candidate:
  - d/p/*: Refresh.
* d/watch: Use tarballs.openstack.org for upstream releases. 

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
//
 
2
// Badges
 
3
// --------------------------------------------------
 
4
 
 
5
 
 
6
// Base class
 
7
.badge {
 
8
  display: inline-block;
 
9
  min-width: 10px;
 
10
  padding: 3px 7px;
 
11
  font-size: $font-size-small;
 
12
  font-weight: $badge-font-weight;
 
13
  color: $badge-color;
 
14
  line-height: $badge-line-height;
 
15
  vertical-align: baseline;
 
16
  white-space: nowrap;
 
17
  text-align: center;
 
18
  background-color: $badge-bg;
 
19
  border-radius: $badge-border-radius;
 
20
 
 
21
  // Empty badges collapse automatically (not available in IE8)
 
22
  &:empty {
 
23
    display: none;
 
24
  }
 
25
 
 
26
  // Quick fix for badges in buttons
 
27
  .btn & {
 
28
    position: relative;
 
29
    top: -1px;
 
30
  }
 
31
  .btn-xs & {
 
32
    top: 0;
 
33
    padding: 1px 5px;
 
34
  }
 
35
 
 
36
  // [converter] extracted a& to a.badge
 
37
 
 
38
  // Account for badges in navs
 
39
  a.list-group-item.active > &,
 
40
  .nav-pills > .active > a > & {
 
41
    color: $badge-active-color;
 
42
    background-color: $badge-active-bg;
 
43
  }
 
44
  .nav-pills > li > a > & {
 
45
    margin-left: 3px;
 
46
  }
 
47
}
 
48
 
 
49
// Hover state, but only for links
 
50
a.badge {
 
51
  &:hover,
 
52
  &:focus {
 
53
    color: $badge-link-hover-color;
 
54
    text-decoration: none;
 
55
    cursor: pointer;
 
56
  }
 
57
}