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
|
||||
"base",
|
||||
"layout",
|
||||
"syntax-highlighting"
|
||||
"syntax-highlighting",
|
||||
"post"
|
||||
;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue