← Back to branch summary

~ci-train-bot/ubuntu-html5-theme/ubuntu-html5-theme-ubuntu-yakkety-landing-067

« back to all changes in this revision

Viewing changes to 0.1/ambiance/css/sass/buttons.scss

  • Committer: CI Train Bot
  • Author(s): Alexandre Abreu
  • Date: 2016-02-03 21:27:50 UTC
  • mfrom: (211.2.4 latest)
  • Revision ID: ci-train-bot@canonical.com-20160203212750-id7tn9xqkru3qipq
Merge fix branches
Approved by: Alexandre Abreu, PS Jenkins bot

Show diffs side-by-side

added added

removed removed

Lines of Context:
0.1/ambiance/css/sass/buttons.scss
25
25
 * ---------------------------------- */
26
26
 
27
27
[data-role="button"] {
 
28
    @include box_shadow (0 2px 2px rgba(100, 100, 100, 0.4) inset);
28
29
    @include box_sizing (border-box);
29
30
    display: inline-block;
30
 
    width: 100%;
31
 
    height: 42px;
32
 
    vertical-align: middle;
33
 
    text-overflow: ellipsis;
34
 
    white-space: nowrap;
35
 
    overflow: hidden;
 
31
    min-width: 92px;
 
32
    height: 35px;
 
33
        line-height: 27px;
 
34
    padding: 4px 10px;
36
35
    background: $ubuntu_orange;
37
 
    border: 2px solid $ubuntu_orange;
38
 
    border-radius: 6px;
 
36
        border: none;
 
37
    border-radius: 9px/7px;
39
38
    color: $white;
40
39
    font-family: $font-family;
41
40
    font-size: 1rem;
42
 
    padding: 9px 25px;
 
41
    overflow: hidden;
 
42
    position: relative;
43
43
    text-align: center;
44
44
    text-decoration: none;
45
 
    position: relative;
 
45
    text-overflow: ellipsis;
 
46
    @include transition (box-shadow 0.175s);
 
47
    vertical-align: middle;
 
48
    white-space: nowrap;
46
49
 
47
50
    &.positive {
48
51
        background: $green;
66
69
        color: $white;
67
70
        border-color: $light_grey;
68
71
    }
 
72
 
 
73
    &.disabled {
 
74
        color: rgba(255, 255, 255, 0.5);
 
75
    }
 
76
    
 
77
    &:not(.disabled):active {
 
78
                @include box_shadow (0 3px 3px rgba(0, 0, 0, 0.4) inset, 0 0 200px rgba(0, 0, 0, 0.15) inset);
 
79
        }
 
80
 
 
81
    & + [data-role="button"] {
 
82
        margin-left: 15px;
 
83
    }
 
84
 
 
85
    & [data-role="icon"] {
 
86
                display: inline-block;
 
87
        height: 100%;
 
88
                vertical-align: top;
 
89
                @include filter (brightness(2));
 
90
    }
 
91
    &.icon-left [data-role="icon"] {
 
92
                float: left;
 
93
                margin-right: 5px;
 
94
    }
 
95
    &.icon-right [data-role="icon"] {
 
96
                float: right;
 
97
                margin-left: 5px;
 
98
    }
 
99
    &.disabled [data-role="icon"] {
 
100
        opacity: 0.5;
 
101
    }
69
102
}
 
 
b'\\ No newline at end of file'