Project

General

Profile

1
// Name:            Link
2
// Description:     Styles for links
3
//
4
// Component:       `uk-link-muted`
5
//                  `uk-link-reset`
6
//
7
// ========================================================================
8

    
9

    
10
// Variables
11
// ========================================================================
12

    
13
$link-muted-color:                               $global-muted-color !default;
14
$link-muted-hover-color:                         $global-color !default;
15

    
16

    
17
/* ========================================================================
18
   Component: Link
19
 ========================================================================== */
20

    
21

    
22
/* Muted
23
 ========================================================================== */
24

    
25
a.uk-link-muted,
26
.uk-link-muted a {
27
    color: $link-muted-color;
28
    @if(mixin-exists(hook-link-muted)) {@include hook-link-muted();}
29
}
30

    
31
a.uk-link-muted:hover,
32
.uk-link-muted a:hover {
33
    color: $link-muted-hover-color;
34
    @if(mixin-exists(hook-link-muted-hover)) {@include hook-link-muted-hover();}
35
}
36

    
37

    
38
/* Reset
39
 ========================================================================== */
40

    
41
/*
42
 * `!important` needed to override inverse component
43
 */
44

    
45
a.uk-link-reset,
46
a.uk-link-reset:hover,
47
a.uk-link-reset:focus,
48
.uk-link-reset a,
49
.uk-link-reset a:hover,
50
.uk-link-reset a:focus {
51
    color: inherit !important;
52
    text-decoration: none !important;
53
    @if(mixin-exists(hook-link-reset)) {@include hook-link-reset();}
54
}
55

    
56

    
57
// Hooks
58
// ========================================================================
59

    
60
@if(mixin-exists(hook-link-misc)) {@include hook-link-misc();}
61

    
62
// @mixin hook-link-muted(){}
63
// @mixin hook-link-muted-hover(){}
64
// @mixin hook-link-reset(){}
65
// @mixin hook-link-misc(){}
66

    
67

    
68
// Inverse
69
// ========================================================================
70

    
71
$inverse-link-muted-color:                         $inverse-global-muted-color !default;
72
$inverse-link-muted-hover-color:                   $inverse-global-color !default;
73

    
74

    
75

    
76
// @mixin hook-inverse-link-muted(){}
77
// @mixin hook-inverse-link-muted-hover(){}
(32-32/66)