some styles for the post layout
This commit is contained in:
parent
a40227fd67
commit
eb281d6a59
2 changed files with 31 additions and 1 deletions
29
_sass/_post.scss
Normal file
29
_sass/_post.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
.post-ribbon {
|
||||||
|
width: 100%;
|
||||||
|
height: 40vh;
|
||||||
|
background-color: #3F51B5;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-main {
|
||||||
|
margin-top: -35vh;
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
|
.post-container {
|
||||||
|
max-width: 1600px;
|
||||||
|
width: calc(100% - 16px);
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-section {
|
||||||
|
border-radius: 2px;
|
||||||
|
padding: 80px 56px;
|
||||||
|
margin-bottom: 80px;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin-top: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -48,5 +48,6 @@ $on-laptop: 800px;
|
||||||
@import
|
@import
|
||||||
"base",
|
"base",
|
||||||
"layout",
|
"layout",
|
||||||
"syntax-highlighting"
|
"syntax-highlighting",
|
||||||
|
"post"
|
||||||
;
|
;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue