Project

General

Profile

1
$base-size: 1.5em !default;
2
$base-padding: .3em !default;
3
$external-margin: .2em 0 !default;
4

    
5
.jssocials-shares {
6
    margin: $external-margin;
7
}
8

    
9
.jssocials-shares * {
10
    box-sizing: border-box;
11
}
12

    
13
.jssocials-share {
14
    display: inline-block;
15
    vertical-align: top;
16
    margin: $base-padding 2*$base-padding $base-padding 0;
17
}
18

    
19
.jssocials-share:last-child {
20
    margin-right: 0;
21
}
22

    
23
.jssocials-share-logo {
24
    width: 1em;
25
    vertical-align: middle;
26
    font-size: $base-size;
27
}
28

    
29
img.jssocials-share-logo {
30
    width: auto;
31
    height: 1em;
32
}
33

    
34
.jssocials-share-link {
35
    display: inline-block;
36
    text-align: center;
37
    text-decoration: none;
38
    line-height: 1;
39

    
40
    &.jssocials-share-link-count {
41
        padding-top: .2em;
42

    
43
        .jssocials-share-count {
44
            display: block;
45
            font-size: .6em;
46
            margin: 0 -.5em -.8em -.5em;
47
        }
48
    }
49

    
50
    &.jssocials-share-no-count {
51
        padding-top: .5em;
52

    
53
        .jssocials-share-count {
54
            height: 1em;
55
        }
56
    }
57
}
58

    
59
.jssocials-share-label {
60
    padding-left: $base-padding;
61
    vertical-align: middle;
62
}
63

    
64
.jssocials-share-count-box {
65
    display: inline-block;
66
    height: $base-size;
67
    padding: 0 $base-padding;
68
    line-height: 1;
69
    vertical-align: middle;
70
    cursor: default;
71

    
72
    &.jssocials-share-no-count {
73
        display: none;
74
    }
75
}
76

    
77
.jssocials-share-count {
78
    line-height: $base-size;
79
    vertical-align: middle;
80
}
81

    
(6-6/6)