Project

General

Profile

1
@import "shares";
2

    
3
$text-color: #444 !default;
4
$text-size: .8em !default;
5
$count-indent: .3em !default;
6
$count-border-color: #efefef !default;
7
$count-border-radius: $count-indent !default;
8
$transition: color 200ms ease-in-out !default;
9

    
10
@for $i from 0 to length($share-names) {
11
    $social: nth($share-names, $i + 1);
12
    $color: nth($share-colors, $i + 1);
13

    
14
    .jssocials-share-#{$social} .jssocials-share-link {
15
        color: $color;
16

    
17
        .jssocials-share-label {
18
            color: $color;
19
        }
20

    
21
        &:hover, &:focus, &:active {
22
            color: darken($color, 10%);
23

    
24
            .jssocials-share-label {
25
                color: darken($color, 10%);
26
            }
27
        }
28
    }
29
}
30

    
31
.jssocials-share-link {
32
    transition: $transition;
33

    
34
    &.jssocials-share-link-count {
35
        .jssocials-share-count {
36
            font-size: .5em;
37
        }
38
    }
39
}
40

    
41
.jssocials-share-label {
42
    font-size: $text-size;
43
    color: $text-color;
44
    transition: $transition;
45
}
46

    
47
.jssocials-share-count-box {
48
    margin-left: $count-indent;
49
    border: 1px solid $count-border-color;
50
    border-radius: $count-border-radius;
51

    
52
    .jssocials-share-count {
53
        line-height: 1.2 * 1.5em;
54
        font-size: $text-size;
55
        color: $text-color;
56
    }
57
}
(4-4/6)