root / snf-astakos-app / astakos / im / static / im / less / xtra.less @ 68cb6899
History | View | Annotate | Download (1.3 kB)
1 |
// row helper |
---|---|
2 |
.makeRow { .clearfix(); margin-left: -@gridGutterWidth; } |
3 |
|
4 |
|
5 |
#font { |
6 |
.main(@weight: normal, @size: 14px, @lineHeight: 22px) { |
7 |
font-family: 'Antic', sans-serif; |
8 |
font-size: @size; |
9 |
font-weight: @weight; |
10 |
line-height: @lineHeight; |
11 |
letter-spacing: 1px; |
12 |
} |
13 |
} |
14 |
|
15 |
|
16 |
.button { |
17 |
#font.main(); |
18 |
background-color: @buttonBg; |
19 |
.transit(background-color); |
20 |
color: @buttonColor; |
21 |
border: none; |
22 |
padding: 0.8em @gridGutterWidth; |
23 |
font-size: 1em; |
24 |
|
25 |
&:hover { |
26 |
background-color: @linkColor; |
27 |
} |
28 |
|
29 |
a { |
30 |
color: @white !important; |
31 |
text-decoration: none !important; |
32 |
border: none !important; |
33 |
} |
34 |
} |
35 |
|
36 |
a.button { |
37 |
color: @white !important; |
38 |
text-decoration: none !important; |
39 |
border: none !important; |
40 |
} |
41 |
|
42 |
// specific styles for A buttons |
43 |
a.button { |
44 |
text-align: center !important; |
45 |
color: #fff !important; |
46 |
border: none !important; |
47 |
display: block !important; |
48 |
|
49 |
&:hover { |
50 |
color: #fff !important; |
51 |
} |
52 |
} |
53 |
|
54 |
// specific styles for A buttons |
55 |
a.button { |
56 |
text-align: center !important; |
57 |
color: #fff !important; |
58 |
border: none !important; |
59 |
display: block !important; |
60 |
|
61 |
&:hover { |
62 |
color: #fff !important; |
63 |
} |
64 |
} |
65 |
|
66 |
|
67 |
.transit(@type:color, @time:.15s, @easing:linear) { |
68 |
-webkit-transition: @type @time @easing; |
69 |
transition: @type @time @easing; |
70 |
} |
71 |
|