buttons.less 1.95 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
/* ==========================================================================
   BUTTONS
   ========================================================================== */




/* Type: Submit
   ========================================================================== */



vikas-parashar's avatar
vikas-parashar committed
13
14
15
button.submit-widget,
input[type="submit"],
input[type="button"]{
16

vikas-parashar's avatar
vikas-parashar committed
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    background-color: @button-default;
    font-size: 18px;
    padding: 12px;
    border: 0;
    border-radius: 0 !important;
    box-shadow: 0 2px 4px @gray;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: none;
    color: @gray-darker;

    &:hover,
    &:focus{

        background-color: darken(@button-default, 10%);
32
        border: 0;
vikas-parashar's avatar
vikas-parashar committed
33
34
35
        outline: 0;
        box-shadow: 0 1px 4px @gray;
        color: @gray-darker;
36
37
38
    }
}

vikas-parashar's avatar
vikas-parashar committed
39

40
41
.context{

vikas-parashar's avatar
vikas-parashar committed
42
    background-color: @button-context !important;
43
44
    font-size: 18px;
    padding: 12px;
vikas-parashar's avatar
vikas-parashar committed
45
    border: 0 !important;
46
47
    border-radius: 0;
    font-weight: 700;
vikas-parashar's avatar
vikas-parashar committed
48
49
    margin-bottom: 10px;
    color: @white !important;
50
51
52

    &:hover,
    &:focus{
vikas-parashar's avatar
vikas-parashar committed
53
        background-color: darken(@button-context, 10%) !important;
54
55
56
57
58
        border: 0;
        outline: 0;
    }
}

vikas-parashar's avatar
vikas-parashar committed
59
.plone-btn-primary,
60
61
.standalone{

vikas-parashar's avatar
vikas-parashar committed
62
    background-color: @button-standalone !important;
63
64
65
    color: @white-faded;
    font-size: 18px;
    padding: 12px;
vikas-parashar's avatar
vikas-parashar committed
66
    border: 0 !important;
67
68
    border-radius: 0;
    font-weight: 700;
vikas-parashar's avatar
vikas-parashar committed
69
70
    margin-bottom: 10px;
    color: @white !important;
71
72
73

    &:hover,
    &:focus{
vikas-parashar's avatar
vikas-parashar committed
74
        background-color: darken(@button-standalone, 10%) !important;
75
76
        border: 0;
        outline: 0;
vikas-parashar's avatar
vikas-parashar committed
77
        color: @white-faded;
78
79
80
81
82
    }
}

.destructive{

vikas-parashar's avatar
vikas-parashar committed
83
    background-color: @button-destructive !important;
84
85
86
    font-size: 18px;
    padding: 12px;
    border: 0;
vikas-parashar's avatar
vikas-parashar committed
87
    border-radius: 0 !important;
88
    font-weight: 700;
vikas-parashar's avatar
vikas-parashar committed
89
90
    margin-bottom: 10px;
    color: @white !important;
91
92
93

    &:hover,
    &:focus{
vikas-parashar's avatar
vikas-parashar committed
94
        background-color: darken(@button-destructive, 5%) !important;
95
96
97
        border: 0;
        outline: 0;
    }
vikas-parashar's avatar
vikas-parashar committed
98
}