xref: /template/writr/css/plugins/bloglinks.less (revision c21ba5e9ecd0c08ed1be031535ac46df01e7371e) 
1/* =BlogLinks Plugin
2----------------------------------------------- */
3
4.site-main.hideBlogLinksTitle a.wikilink1{
5    font-size: 0;
6}
7
8#plugin_bloglinks__links{
9    width: 800px;
10    margin-left: -40px;
11    display: flex;
12    justify-content: space-between;
13    align-items: center;
14    > div {
15        width: 50%;
16        display: flex;
17        align-items: center;
18
19        a.wikilink1 {
20            background: @ini_text_alt;
21            color: @ini_background;
22            display: flex;
23            align-items: center;
24            justify-content: space-between;
25            transition: all 0.25s ease-in-out;
26            border-top-left-radius: 0px;
27            border-bottom-left-radius: 0px;
28            border-top-right-radius: 0px;
29            border-bottom-right-radius: 0px;
30            max-width: 80%;
31            line-height: 16px;
32            padding: 20px;
33
34            span.title {
35                display: block;
36                max-width: 90%;
37            }
38
39            span.truncate {
40                display: inline-block !important;
41                white-space: nowrap;
42                overflow: hidden;
43                text-overflow: ellipsis;
44            }
45
46            span.icon {
47                display: inline-block;
48                font-family: 'bootstrap-icons';
49                font-size: 30px;
50                vertical-align: middle;
51            }
52        }
53        a.wikilink1:hover {
54            background: @ini_background;
55            color: @ini_text_alt;
56        }
57    }
58    .plugin_bloglinks__prev {
59
60        a.wikilink1 {
61            padding-left: 10px;
62            border-top-right-radius: 20px;
63            border-bottom-right-radius: 20px;
64
65            span.icon{
66                margin-right: 8px;
67            }
68            span.icon::before{
69                content: "\f284";
70            }
71        }
72    }
73    .plugin_bloglinks__next {
74
75        a.wikilink1 {
76            padding-right: 10px;
77            margin-left: auto;
78            border-top-left-radius: 20px;
79            border-bottom-left-radius: 20px;
80
81            span.icon{
82                margin-left: 8px;
83            }
84            span.icon::before{
85                content: "\f285";
86            }
87        }
88    }
89}