Project

General

Profile

1
// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
2

    
3
//
4
// Component: Modal
5
//
6
// ========================================================================
7

    
8

    
9
// Variables
10
// ========================================================================
11

    
12
@modal-z-index:                                 @global-z-index + 10;
13

    
14
@modal-dialog-background:                       @global-background;
15

    
16
@modal-header-margin-bottom:                    @global-margin;
17

    
18
@modal-footer-margin-top:                       @global-margin;
19

    
20
@modal-caption-color:                           @global-contrast-color;
21

    
22

    
23
// Component
24
// ========================================================================
25

    
26
.hook-modal() {}
27

    
28

    
29
// Sub-object: `uk-modal-dialog`
30
// ========================================================================
31

    
32
.hook-modal-dialog() {}
33

    
34

    
35
// Modifier: `uk-modal-dialog-lightbox`
36
// ========================================================================
37

    
38
.hook-modal-dialog-lightbox() {}
39

    
40

    
41
// Sub-object: `uk-modal-header`
42
// ========================================================================
43

    
44
.hook-modal-header() {}
45

    
46

    
47
// Sub-object: `uk-modal-footer`
48
// ========================================================================
49

    
50
.hook-modal-footer() {}
51

    
52

    
53
// Sub-object: `uk-modal-caption`
54
// ========================================================================
55

    
56
.hook-modal-caption() {}
57

    
58

    
59
// Sub-object: `uk-modal-spinner`
60
// ========================================================================
61

    
62
.hook-modal-spinner() {}
63

    
64

    
65
// Miscellaneous
66
// ========================================================================
67

    
68
.hook-modal-misc() {
69

    
70
    .uk-modal-dialog-blank .uk-modal-close:after { font-size: 20px; }
71

    
72
}
(25-25/49)