root / snf-astakos-app / astakos / im / static / im / less / xtra.less @ fb9d96e9
History | View | Annotate | Download (1.2 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 |
color: @buttonColor; |
20 |
border: none; |
21 |
padding: 0.8em @gridGutterWidth; |
22 |
font-size: 1em; |
23 |
|
24 |
&:hover { |
25 |
background-color: @linkColor; |
26 |
} |
27 |
|
28 |
&.back { |
29 |
text-decoration: none; |
30 |
bottom: 0; |
31 |
float: right; |
32 |
&.right { right: 0} |
33 |
z-index: 500; |
34 |
} |
35 |
} |
36 |
|
37 |
.buttons-list { |
38 |
z-index: 300; |
39 |
position: relative; |
40 |
.button { |
41 |
margin-left: 10px; |
42 |
} |
43 |
|
44 |
&.fixpos { |
45 |
margin-top: -42px; |
46 |
} |
47 |
} |
48 |
|
49 |
// specific styles for A buttons |
50 |
a.button { |
51 |
text-align: center !important; |
52 |
color: #fff !important; |
53 |
border: none !important; |
54 |
display: block !important; |
55 |
|
56 |
&:hover { |
57 |
color: #fff !important; |
58 |
} |
59 |
} |
60 |
|
61 |
|
62 |
.transit(@type:color, @time:.15s, @easing:linear) { |
63 |
-webkit-transition: @type @time @easing; |
64 |
transition: @type @time @easing; |
65 |
} |
66 |
|