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