resume-manpage/assets/styles/structure.sass

98 lines
1.5 KiB
Sass
Raw Normal View History

2022-05-23 17:05:30 +06:00
@import 'variables'
body
padding: 0
margin: 0
line-height: 1.5
.container
max-width: 1200px
margin: 0 auto
padding: 20px
min-height: 100vh
.content
// text-align: justify
max-width: 1000px
margin: 0 auto
padding: 20px 40px
border-radius: 3px
@media (max-width: 600px)
padding: 20px
.main
section
margin-bottom: 1.5*$size
h1
padding-left: 0
h2
padding-left: 2em
@media (max-width: 600px)
padding-left: 1em
.desc
padding-left: 4em
@media (max-width: 600px)
padding-left: 2em
ol, ul
padding-left: 2em
@media (max-width: 600px)
padding-left: 1em
li
// list-style-position: inside
list-style-type: square
.history
.desc > ul > li
margin-bottom: 1.5*$size
header
margin-bottom: 2*$size
footer
margin-top: 2*$size
header table, footer table
width: 100%
border-collapse: collapse
border-spacing: 0
.left, .right
width: 30%
.center
width: 40%
td
word-break: break-word
header
.left, .right
text-transform: uppercase
footer
.right
text-transform: uppercase
.left
text-align: left
.center
text-align: center
.right
text-align: right
// .box {
// display: flex;
// align-items: center;
// justify-content: center;
// width: 100%;
// heigh: 100%;
// padding: 10px;
// box-sizing: border-box;
// }
//
// .box div {
// width: 100%;
// height: 100%;
// padding: 10px;
// margin: 0;
// border: 0;
// box-sizing: border-box;
// }
// .box p {
// margin: 0
// }