4aa1fef3ad
Add job pages More news button on home page links to news page Small mobile fixes for new page and other pages
133 lines
2.5 KiB
SCSS
Vendored
133 lines
2.5 KiB
SCSS
Vendored
@use "../abstracts/mixin" as *;
|
|
@use "../abstracts/variables" as *;
|
|
|
|
.post_container {
|
|
@include container;
|
|
@media (min-width: 768px) {
|
|
padding: 32px 0;
|
|
}
|
|
|
|
> .col-8 {
|
|
width: CALC(66.66666667% - 20px);
|
|
margin-right: 20px;
|
|
}
|
|
|
|
&:not(.breadcrumb_no_border) .bread_crumb {
|
|
border-bottom: 1px solid #efefef;
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
.post_tags {
|
|
@include reset-list;
|
|
height: 31px;
|
|
margin: 20px 0;
|
|
|
|
li {
|
|
float: left;
|
|
margin-right: 10px;
|
|
|
|
a {
|
|
display: block;
|
|
padding: 6px 15px 7px;
|
|
border-radius: 3px;
|
|
background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
|
|
font-family: Nunito, serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: $text-inverted-color;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|
|
.post_body {
|
|
width: 100%;
|
|
|
|
font-family: Nunito, serif;
|
|
font-size: 15px;
|
|
line-height: 1.6;
|
|
color: $text-dark-color;
|
|
|
|
h3 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sentence {
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
line-height: 3.17;
|
|
text-align: right;
|
|
color: $text-description-color;
|
|
display: block;
|
|
width: 100%;
|
|
|
|
span {
|
|
padding: 0 5px;
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 3px solid #5ba8f4;
|
|
margin-left: 0;
|
|
padding-left: 20px;
|
|
font-family: Lato, serif;
|
|
font-size: 30px;
|
|
font-style: italic;
|
|
line-height: 1.27;
|
|
color: #5ba8f4;
|
|
|
|
.author {
|
|
font-family: Nunito, serif;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
line-height: 3.17;
|
|
color: $text-description-color;
|
|
}
|
|
}
|
|
|
|
.post_details {
|
|
@include reset-list;
|
|
|
|
li {
|
|
float: left;
|
|
margin-right: 10px;
|
|
@include font_small;
|
|
color: $text-secondary-color;
|
|
a {
|
|
color: $text-secondary-color;
|
|
text-decoration: none;
|
|
}
|
|
i {
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.post_image img, video, .mejs__video {
|
|
width: CALC(100% + 53px);
|
|
margin: 0 -23px 0 -30px;
|
|
}
|
|
.mejs__video, video {
|
|
width: CALC(100% + 53px) !important;
|
|
}
|
|
}
|
|
|
|
.info {
|
|
padding: 1em;
|
|
color: #3E3E3E;
|
|
line-height: 150%;
|
|
border-radius: 10px;
|
|
margin: 1em;
|
|
h2 {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin-top: 3px;
|
|
clear: both;
|
|
}
|
|
a {
|
|
color: #ED1C24;
|
|
}
|
|
}
|
|
}
|