xref: /template/writr/css/plugins/blog.less (revision d50f8c600b597628b128c45459abb88b3a553aa5) 
1/* =Blog Plugin
2----------------------------------------------- */
3
4#plugin_bloglinks__links {
5	display: flex;
6	margin-bottom: 24px;
7}
8
9.plugin_bloglinks__next{
10	margin-left: auto;
11}
12
13.hfeed ~ .plugin_include_content {
14
15    > div > h2, > h2 {
16        text-transform: uppercase;
17        width: @ini_content_width;
18        background: @ini_border;
19        padding: 20px 40px;
20        margin-left: -40px;
21        margin-right: -40px;
22        font-weight: bold;
23
24        a {
25            text-decoration: none;
26            transition: all 0.5s ease;
27        }
28    }
29    .inclmeta {
30        margin-top: 16px;
31        margin-bottom: 16px;
32    }
33}
34.makeFullWidth {
35    .hfeed ~ .plugin_include_content {
36        > div > h2, > h2 {
37            width: ~"calc(100vw - 400px - @{ini_content_border})";
38        }
39    }
40}
41
42/* 960px > x */
43@media only screen and (max-width: 959px) {
44    .makeFullWidth {
45        .hfeed ~ .plugin_include_content {
46            > div > h2, > h2 {
47                width: @ini_content_width;
48            }
49        }
50    }
51    .makeFullWidth {
52        .hfeed ~ .plugin_include_content {
53            > div > h2, > h2 {
54                width: ~"calc(100vw - 40px - 100px)";
55            }
56        }
57    }
58}
59
60/* 767px > x */
61@media only screen and (max-width: 767px) {
62    .makeFullWidth {
63        .hfeed ~ .plugin_include_content {
64            > div > h2, > h2 {
65                width: 100vw;
66            }
67        }
68    }
69}
70