1
|
// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
|
2
|
|
3
|
//
|
4
|
// OMTDComponent: Utility
|
5
|
//
|
6
|
// ========================================================================
|
7
|
|
8
|
|
9
|
// Variables
|
10
|
// ========================================================================
|
11
|
|
12
|
@utility-container-padding-horizontal: @global-grid-gutter;
|
13
|
@utility-container-large-max-width: 1180px;
|
14
|
@utility-container-large-padding-horizontal: @global-grid-gutter-large;
|
15
|
|
16
|
@utility-align-horizontal: @global-margin;
|
17
|
@utility-align-vertical: @global-margin;
|
18
|
|
19
|
@utility-margin: @global-margin;
|
20
|
|
21
|
@utility-heading-large-small-font-size: round((@global-font-size * 3.2)); // 48px
|
22
|
@utility-heading-large-small-line-height: round((@utility-heading-large-small-font-size * 1.21)); // 58px
|
23
|
@utility-heading-large-font-size: round((@global-font-size * 4.8)); // 72px
|
24
|
@utility-heading-large-line-height: round((@utility-heading-large-font-size * 1.111)); // 80px
|
25
|
|
26
|
@utility-link-muted-color: @global-muted-color;
|
27
|
@utility-link-muted-hover-color: @global-color;
|
28
|
|
29
|
@utility-scrollable-box-border: @global-border;
|
30
|
|
31
|
//
|
32
|
// New
|
33
|
//
|
34
|
|
35
|
@utility-heading-large-font-weight: @global-font-weight;
|
36
|
@utility-heading-large-text-transform: none;
|
37
|
|
38
|
|
39
|
// Container
|
40
|
// ========================================================================
|
41
|
|
42
|
.hook-container() {}
|
43
|
|
44
|
|
45
|
// Scrollable
|
46
|
// ========================================================================
|
47
|
|
48
|
.hook-scrollable-box() {}
|
49
|
|
50
|
|
51
|
// Miscellaneous
|
52
|
// ========================================================================
|
53
|
|
54
|
.hook-utility-misc() {
|
55
|
|
56
|
.uk-link-muted a:hover { text-decoration: none; }
|
57
|
|
58
|
.uk-heading-large {
|
59
|
font-weight: @utility-heading-large-font-weight;
|
60
|
text-transform: @utility-heading-large-text-transform;
|
61
|
}
|
62
|
|
63
|
}
|