Server IP : 104.21.14.48 / Your IP : 3.12.161.0 [ Web Server : Apache System : Linux b70eb322-3aee-0c53-7c82-0db91281f2c6.secureserver.net 6.1.90-1.el9.elrepo.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 2 12:09:22 EDT 2024 x86_64 User : root ( 0) PHP Version : 8.0.30.2 Disable Function : NONE Domains : 0 Domains MySQL : ON | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/wp-content/themes/sammy/assets/scss/base/ |
Upload File : |
/* Blog General ****************************************************/ article.post-wrap{ margin-bottom: 70px; &.sticky{ background: #f9f9f9; padding: 30px; border-top: 5px solid; border-color: var(--primary); .post-excerpt{ text-align: justify; } } .post-title{ margin: 0px 0px 20px 0px; padding: 0; line-height: 1.3em; font-weight: bold; color: var(--heading); -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; word-break: break-word; &:hover{ color: var(--primary); } } .post-media{ margin-bottom: 30px; } ul.post-meta{ list-style-type: none; margin: 0 0px 25px 0px; padding: 0; display: inline-block; li{ display: inline-block; margin: 0 10px 0px 0; color: var(--text); i{ font-size: 0.8em; color: var(--primary); padding-right: 3px; } a{ color: var(--text); &:hover{ color: var(--primary); } } } } .post-excerpt{ & > p{ margin-top: 0px; margin-bottom: 25px; } } a.readmore{ clear: both; background-color: var(--primary); border-color: var(--primary); border: 1px solid; color: #fff; font-size: 1em; text-transform: none; font-weight: 600; box-shadow: none; display: inline-block; @include transaction( all, 0.2s, linear ); &:hover{ color: var(--primary); border-color: var(--primary); background-color: #fff; } } } /* Blog Default ****************************************************/ .blog_default{ .post-title{ font-weight: normal; } .post-excerpt{ font-size: 1em; } .date{ font-size: 1em; } } .layout_1c{ .blog_default{ max-width: 800px; margin: 0 auto; } } /*Blog Grid ***************************************************/ .blog_grid{ display: grid; gap: 25px; grid-template-columns: repeat(3, 1fr); @media( max-width: $desktop - 1 ){ grid-template-columns: repeat(2, 1fr); } @media( max-width: 767px ){ grid-template-columns: repeat(1, 1fr); } article.post-wrap{ .post-media{ margin-bottom: 15px; } .post-title{ font-size: 22px; } .post-excerpt{ font-size: 1em; } ul.post-meta{ margin-bottom: 15px; .date{ font-size: 1em; } } } } .layout_2l, .layout_2r{ .blog_grid{ grid-template-columns: repeat(2, 1fr); @media( max-width: 767px ){ grid-template-columns: repeat(1, 1fr); } } } /* Blog masonry ***************************************************/ .blog_masonry{ margin-left: -15px; margin-right: -15px; article{ width: 33.3%; @media(max-width: 1200px){ width: 50%; } @media( max-width: 767px ){ width: 100%; } } .content{ margin: 0px 15px; position: relative; min-height: 100px; .post-media{ margin-bottom: 15px; } .post-title{ font-size: 22px; } .post-excerpt{ font-size: 1em; } ul.post-meta{ margin-bottom: 15px; .date{ font-size: 1em; } } a.readmore{ clear: both; background-color: transparent; border-color: var(--primary); border: 1px solid; color: var(--primary); @include transaction( all, 0.2s, linear ); &:hover{ color: #fff; border-color: var(--primary); background-color: var(--primary); } } } } .layout_2l, .layout_2r{ .blog_masonry{ article{ width: 50%; min-height: 200px; @media( max-width: 767px ){ width: 100%; } } } } /* Detail ***************************************************/ .single{ article.post-wrap{ .post-title{ -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; margin-bottom: 20px; margin-top: 0; word-break: break-word; } .post-content{ margin-bottom: 30px; &:before, &:after{ clear: both; content: ''; display: table; } } .post-tags-and-share { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 15px; padding: 30px 0; border-top: 1px solid #f3f3f3; .post-tags{ clear: both; a{ margin: 0px 10px 10px 0px; display: inline-block; @include tag; } } .share-social-icons { display: flex; align-items: center; justify-content: space-between; column-gap: 25px; flex-wrap: wrap; row-gap: 10px; list-style: none; padding: 0; margin: 0; li { display: inline-block; a { @include transaction( all, 0.2s, linear ); font-family: var(--secondary-font); font-weight: 400; font-size: 20px; line-height: 1.2; font-feature-settings: 'pnum' on, 'lnum' on, 'ordn' on; color: var(--heading); display: inline-flex; justify-content: center; align-items: center; &:hover { @include transaction( all, 0.2s, linear ); color: var(--primary); } } } } } .ova-next-pre-post { display: flex; direction: ltr; @media (max-width: 767px) { flex-direction: column; } .pre, .next { @include transaction( all, 0.3s, ease ); display: flex; justify-content: flex-start; align-items: flex-start; width: calc(50% - 15px); padding: 60px; background-color: #f5f5f5; font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--heading); @media (max-width: 767px) { width: 100%; } &:hover { @include transaction( all, 0.3s, ease ); background-color: var(--primary); color: #fff; } } .none-pre { margin-right: 15px; width: calc(50% - 15px); @media (max-width: 767px) { width: 100%; margin-right: 0px; } } .pre { margin-right: 15px; @media(max-width: 767px){ margin-right: 0px; } } .next { text-align: right; margin-left: 15px; @media (max-width: 767px) { flex-direction: row; text-align: left; margin-top: 30px; margin-left: 0px; } } .num-next, .num-pre{ word-break: break-word; } } &.sticky{ } } &.layout_1c{ #main-content{ max-width: 1000px; margin: 0 auto; } } } /*Page Title ***************************************************/ h1.page-title{ margin-top: 0; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; } .search{ .page-header{ .page-title{ margin-bottom: 60px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; span{ color: var(--primary); } } } }