source: tanzpartie-hugo/themes/bilberry-hugo-theme/assets/sass/_main.scss @ 16971

Last change on this file since 16971 was 16971, checked in by Henrik Bettermann, 2 years ago
File size: 1.5 KB
RevLine 
[16971]1.main {
2    margin-bottom: 5em;
3    min-height: 50vh;
4
5    &:before {
6        content: "";
7        display: block;
8        position: absolute;
9        left: 50px;
10        bottom: 50px;
11        width: 2px;
12        height: 100%;
13        background: rgba(0, 0, 0, 0.05);
14        z-index: 1;
15    }
16
17    &:after {
18        content: "";
19        display: block;
20        position: absolute;
21        left: 41px;
22        bottom: 32px;
23        height: 20px;
24        width: 20px;
25        background: #ddd;
26        border-radius: 999px;
27        z-index: 10;
28    }
29
30    .article-wrapper {
31        display: flex;
32        justify-content: flex-end;
33        padding-top: 50px;
34        min-height: 90px;
35        position: relative;
36
37        // Move the left circle all the way down to the end of the article-wrapper
38        &.single {
39            padding-bottom: 2.5em;
40        }
41
42        .bubble {
43            position: absolute;
44            left: 25px;
45            top: 70px;
46            background-color: $bubble-background-color;
47            border: 3px solid $bubble-color;
48            width: 45px;
49            height: 45px;
50            display: flex;
51            align-items: center;
52            justify-content: center;
53            border-radius: 50%;
54            z-index: 10;
55            text-decoration: none;
56            color: $bubble-color;
57            transition: all 0.3s ease-in-out;
58
59            .fa {
60                font-size: 15pt;
61            }
62
63            &:hover {
64                background-color: $highlight-color;
65            }
66        }
67    }
68}
Note: See TracBrowser for help on using the repository browser.