| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194 |
- body.single-post {
- .post-content .fl-row-fixed-width {
- max-width: 980px;
- }
- .single-post-wrapper .post-content-outer {
- .fl-row-fixed-width {
- font-size: calc( var( --vamtam-primary-font-font-size ) + 4px );
- p, ul li {
- line-height: calc( var( --vamtam-primary-font-line-height ) + 10px ) ;
- a {
- font-size: calc( var( --vamtam-primary-font-font-size ) + 4px );
- }
- }
- }
- .meta-top {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- padding-bottom: 20px;
- margin-top: -5px;
- color: var( --vamtam-accent-color-3 );
- font-size: 14px;
- transition: all .3s ease;
- color: var( --vamtam-accent-color-3 );
- a {
- color: var( --vamtam-accent-color-3 );
- border: none;
- font-size: 14px;
- &:hover {
- color: var( --vamtam-body-link-hover );
- .icon.shortcode.use-hover {
- color: var( --vamtam-body-link-hover );
- }
- }
- }
- .comment-count {
- .icon {
- position: relative;
- top: 1px;
- padding: 0px 5px 0px 5px;
- }
- &:before {
- padding-left: 5px;
- }
- }
- .comment-count:before {
- content: "°";
- font-size: 14px;
- padding-left: 10px;
- line-height: 1.1em;
- vertical-align: bottom;
- opacity: 0.7;
- }
- }
- .author {
- text-align: center;
- width: 100%;
- font-family: var( --vamtam-additional-font-1-font-family );
- color: var( --vamtam-accent-color-3 );
- font-size: 14px;
- line-height: 1em;
- text-transform: uppercase;
- a {
- font-family: var( --vamtam-additional-font-1-font-family );
- font-size: 20px;
- margin-left: 5px;
- text-transform: none;
- }
- }
- .meta-bottom {
- margin-top: 20px;
- .icon {
- margin-right: 5px;
- }
- }
- .vamtam-meta-tax {
- font-size: 0px;
- a {
- font-family: var( --vamtam-additional-font-1-font-family );
- font-size: 24px;
- line-height: initial;
- display: inline-block;
- margin: 0px 5px;
- &:hover {
- color: var( --vamtam-body-link-hover );
- }
- &:after {
- content: ",";
- }
- &:last-child {
- &:after {
- display: none;
- }
- }
- }
- span.icon {
- display: none;
- }
- &.the-tags {
- span.icon {
- width: auto;
- display: inline-block;
- padding-right: 5px;
- color: var( --vamtam-accent-color-3 );
- }
- a {
- display: inline-block;
- margin: 0px 5px 5px 5px;
- font-size: var( --vamtam-primary-font-font-size );
- font-family: var( --vamtam-primary-font-font-family );
- transition: all .3s ease;
- &:hover {
- color: var( --vamtam-body-link-hover );
- }
- }
- }
- }
- p,
- .mejs-container {
- line-height: calc( var( --vamtam-primary-font-line-height ) + 4px );
- }
- .sd-social {
- border: none;
- }
- }
- article.full {
- .sd-content ul {
- text-align: center;
- }
- }
- article.left-right {
- .sd-social {
- text-align: center;
- }
- }
- .vamtam-related-content {
- .grid-1-1 {
- padding: 0;
- .loop-wrapper.scroll-x.news {
- padding-top: 0;
- }
- }
- }
- &.layout-left-only,
- &.layout-right-only {
- .meta-top,
- .loop-wrapper .post-article .post-content-outer .post-meta {
- justify-content: left !important;
- text-align: left;
- }
- .vamtam-meta-tax a {
- margin-left: 0px !important;
- }
- .sd-social {
- text-align: left;
- .sd-content ul li:first-child {
- margin-left: 0px;
- }
- }
- }
- }
|