12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- body{
- & >.item{
- #body-wrapper.blog-listing{
- border-top: 1px solid black;
- padding-top: 20px;
- .img-card{
- width: 49%;
- margin-bottom: 20px;
- }
- .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);
- margin: 20px 0;
- }
- .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);
- }
- }
- }
- }
|