Project

General

Profile

1 46812 stefanos.g
// Name:            Description list
2
// Description:     Styles for description lists
3
//
4
// Component:       `uk-description-list`
5
//
6
// Modifiers:       `uk-description-list-divider`
7
//
8
// ========================================================================
9
10
11
// Variables
12
// ========================================================================
13
14
$description-list-term-color:                    $global-emphasis-color !default;
15
$description-list-term-margin-top:               $global-margin !default;
16
17
$description-list-divider-term-margin-top:       $global-margin !default;
18
$description-list-divider-term-border-width:     $global-border-width !default;
19
$description-list-divider-term-border:           $global-border !default;
20
21
22
/* ========================================================================
23
   Component: Description list
24
 ========================================================================== */
25
26
/*
27
 * Term
28
 */
29
30
.uk-description-list > dt {
31
    color: $description-list-term-color;
32
    @if(mixin-exists(hook-description-list-term)) {@include hook-description-list-term();}
33
}
34
35
.uk-description-list > dt:nth-child(n+2) {
36
    margin-top: $description-list-term-margin-top;
37
}
38
39
/*
40
 * Description
41
 */
42
43
.uk-description-list > dd {
44
    @if(mixin-exists(hook-description-list-description)) {@include hook-description-list-description();}
45
}
46
47
48
/* Style modifier
49
 ========================================================================== */
50
51
/*
52
 * Line
53
 */
54
55
.uk-description-list-divider > dt:nth-child(n+2) {
56
    margin-top: $description-list-divider-term-margin-top;
57
    padding-top: $description-list-divider-term-margin-top;
58
    border-top: $description-list-divider-term-border-width solid $description-list-divider-term-border;
59
    @if(mixin-exists(hook-description-list-divider-term)) {@include hook-description-list-divider-term();}
60
}
61
62
63
// Hooks
64
// ========================================================================
65
66
@if(mixin-exists(hook-description-list-misc)) {@include hook-description-list-misc();}
67
68
// @mixin hook-description-list-term(){}
69
// @mixin hook-description-list-description(){}
70
// @mixin hook-description-list-divider-term(){}
71
// @mixin hook-description-list-misc(){}