123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- body{
- & >.item{
- #body-wrapper.blog-listing{
- border-top: 1px solid black;
- padding-top: 20px;
- .img-card{
- width: 50%;
- &:nth-child(odd){
- padding-right: 10px;
- }
- &:nth-child(even){
- padding-left: 10px;
- }
- }
- .header-item{
- position: relative;
- .title{
- display: inline-flex;
- align-items: baseline;
- h2{
- margin-right: 5px;
- }
- time{
- margin-right: 5px;
- }
- span{
- margin-right: 5px;
- }
- }
- .content{
- width: calc((100% / 3) * 2);
- margin: 20px 0;
- .txt{
- column-count: 2;
- }
- }
- .prev-next{
- width: calc(100% / 3);
- padding-left: 20px;
- position: absolute;
- top: 0;
- right: 0;
- .btn-info{
- position: absolute;
- transform: rotate(-15deg);
- margin-left: 40px;
- margin-top: 20px;
- }
- img{
- float: right;
- width: 80%;
- }
- }
- }
- }
- .top{
- text-align: center;
- margin: 20px auto 20px auto;
- width: 50px;
- img{
- width: 20px;
- margin-bottom:5px;
- }
- p{
- transform: rotate(-10deg);
- }
- }
- }
- }
|