xref: /template/writr/css/plugins/include.less (revision 4af85f675cb12b87d0b532ad594e64d7e379a982)
1/* =Include Plugin
2----------------------------------------------- */
3
4.plugin_include_content {
5    padding-top: 0px;
6    padding-bottom: 0px;
7
8    .inclmeta {
9        font-size: 0;
10    }
11    .published{
12        font-size: 16px;
13        font-weight:normal;
14        border: none;
15        border-image-width: 0;
16        opacity: 60%;
17        float: right;
18        transition: all 0.25s ease-in-out;
19    }
20    .published:hover{
21        opacity: 100%;
22    }
23    .published::before{
24        font-family: 'bootstrap-icons';
25        content: "\f214";
26        font-weight: normal;
27        font-size: 20px;
28        line-height: 20px;
29        padding-right: 6px;
30        vertical-align: text-top;
31    }
32    .author{
33        font-size: 16px;
34        float: right;
35        margin-right: 8px;
36    }
37    .author::before{
38        font-family: 'bootstrap-icons';
39        content: "\f4e1";
40        font-size: 20px;
41        margin-right: 4px;
42        line-height: 20px;
43        vertical-align: text-top;
44    }
45    .comment{
46        font-size: 16px;
47        margin-right: 8px;
48    }
49    .comment::before{
50        font-family: 'bootstrap-icons';
51        content: "\f268";
52        font-size: 20px;
53        padding-right: 6px;
54        line-height: 20px;
55        vertical-align: text-top;
56    }
57    .linkback{
58        font-size: 16px;
59        margin-right: 8px;
60    }
61    .linkback::before{
62        font-family: 'bootstrap-icons';
63        content: "\f470";
64        font-size: 20px;
65        padding-right: 4px;
66        line-height: 20px;
67        vertical-align: text-top;
68    }
69    .tags {
70        a::before {
71            font-family: 'bootstrap-icons';
72            content: "\F5B0";
73            font-size: 16px;
74            padding-right: 4px;
75            line-height: 16px;
76            vertical-align: middle;
77        }
78        a {
79            border-radius: 5px;
80        }
81    }
82
83    > h2, > h2[class^="include_firsttag"] {
84        text-transform: uppercase;
85        width: @ini_content_width;
86        background: @ini_border;
87        padding: 20px 40px;
88        margin-left: -40px;
89        margin-right: -40px;
90        font-weight: bold;
91
92        a {
93            text-decoration: none;
94            transition: all 0.5s ease;
95        }
96    }
97}
98.makeFullWidth {
99    .plugin_include_content {
100        > h2, > h2[class^="include_firsttag"] {
101            width: ~"calc(100vw - 400px - @{ini_content_border})";
102        }
103    }
104}
105
106/* 960px > x */
107@media only screen and (max-width: 959px) {
108    .makeFullWidth {
109        .plugin_include_content {
110            > h2, > h2[class^="include_firsttag"] {
111                width: 100vw;
112            }
113        }
114    }
115}
116
117p.include_readmore {
118    margin-bottom: 8px;
119}
120.plugin_include_content a.wikilink1 {
121    text-decoration: none;
122}
123.include_readmore a {
124	-webkit-text-size-adjust: 100%;
125	word-wrap: break-word;
126	font-family: Montserrat,sans-serif;
127	margin: 0;
128	padding: 10px 20px !important;
129	border: none!important;
130	background-color: @ini_theme_color;
131	color: @ini_background !important;
132	font-size: 14px;
133	line-height: 1.5;
134	font-weight: bold;
135	text-transform: uppercase;
136	cursor: pointer;
137	-webkit-appearance: button;
138	box-sizing: border-box;
139	border-radius: 20px !important;
140	vertical-align: middle;
141	text-decoration: none;
142    transition: all 0.25s ease-in-out;
143}
144.include_readmore a:visited {
145	background-color: @ini_theme_color !important;
146}
147.include_readmore a:hover {
148	background-color: @ini_theme_color_alt !important;
149}
150.include_readmore a::after {
151    content: "\f285";
152    font-family: 'bootstrap-icons';
153    font-size: 16px;
154    line-height: 16px;
155    padding-left: 6px;
156    vertical-align: text-top;
157    transition: all 0.25s ease-in-out;
158}
159.include_readmore a:hover::after {
160    padding-left: 12px;
161}
162