← Back to branch summary

~ya-bo-ng/juju-gui/bottom-bar-removed

« back to all changes in this revision

Viewing changes to lib/views/browser/mixins.less

  • Committer: j.c.sackett
  • Date: 2013-05-21 16:30:38 UTC
  • mfrom: (678 trunk)
  • mto: (663.4.5 spinners)
  • mto: This revision was merged to the branch mainline in revision 679.
  • Revision ID: jcsackett@canonical.com-20130521163038-d0tips6q0f5al317
Merge trunk.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/views/browser/mixins.less
 
1
/* Mixins */
 
2
.three-image-button-background(@left-image, @right-image, @centre-image) {
 
3
    background: url("/juju-ui/assets/images/@{left-image}")
 
4
            no-repeat left top,
 
5
            url("/juju-ui/assets/images/@{right-image}")
 
6
            no-repeat right top,
 
7
            url("/juju-ui/assets/images/@{centre-image}")
 
8
            repeat-x left top;
 
9
 
 
10
    &:hover {
 
11
      background-position: left center, right center, left center;
 
12
    }
 
13
    &:active {
 
14
      background-position: left bottom, right bottom, left bottom;
 
15
    }
 
16
}
 
17
.two-image-button-background(@left-image, @right-image, @background-color) {
 
18
    background: url("/juju-ui/assets/images/@{left-image}")
 
19
            no-repeat left top,
 
20
            url("/juju-ui/assets/images/@{right-image}")
 
21
            no-repeat right top;
 
22
    background-color: @background-color;
 
23
}
 
24
.heading-font {
 
25
    color: @bws-heading;
 
26
    font-family: @font-family-medium;
 
27
    font-weight: normal;
 
28
    font-size: 10.5pt;
 
29
}
 
30
.border-box {
 
31
    -moz-box-sizing: border-box;
 
32
    -webkit-box-sizing: border-box;
 
33
    box-sizing: border-box;
 
34
}