98 lines
1.5 KiB
Sass
98 lines
1.5 KiB
Sass
|
@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
|
||
|
|
// }
|