design/sass/_content.scss


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
72
73
74
75
76
77
78
79

.content-narrow {
    margin-top: 3rem;
    @include constrain_narrow;
}
.post-header {
    @extend %clearfix;
    padding-bottom: 2.6rem;
    border-bottom: 1px solid #efefef;
}
.hed-border {
    display: inline-block;
    border-bottom: 3px solid #efefef;
    width: auto;
}
.flex {
    @include breakpoint(gamma) {
        display: flex;
        justify-content: center ;
    }
}
article ul {
    list-style-type: none;
    @include fontsize(22);
    li:before {
        content: "";
        border: 2px #000 solid !important;
        border-radius: 50px;
        margin-top: 16px;
        margin-left: -12px;
        position: absolute;
    }
}
.archive article:after {
    display: block;
    content: "";
    margin: 4rem auto;
    padding-top: 1rem;
    border-top: 5px double lighten($body_font_color, 75);
    width: 30%;
}
.archive-list {
    @include constrain_narrow;
    text-align: left;
    ul {
        padding: 0;
        list-style-type: none;
    }
    a { 
        text-decoration: none;
        color: lighten($body_font_color, 20);
        &:hover {
            color: $link_color;
        }
    }
    p {
        margin: 0;
        @include fontsize(20);
        font-style: italic;
    }
}
.post-linewrapper {
    margin-top: 1rem;
    padding-top: 1rem;
    display: inline-block;
    margin-left:  0;
    border-top: 2px solid darken($body_color, 8);
    float: left;
}
.star {
    color: transparent;  
    text-shadow: 0 0 0 lighten($body_font_color, 50);
    text-decoration: none;
    @include fontsize(22);
    padding: 0 6px 3px 6px;
    font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
    &:hover {
        background: darken(#fff, 10);
    }
}