95 lines
1.1 KiB
SCSS
95 lines
1.1 KiB
SCSS
|
/* (1) Reset
|
||
|
---------------------------------------------------------*/
|
||
|
*{
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
body{
|
||
|
background-color: #fff;
|
||
|
|
||
|
font-size: 16px;
|
||
|
color: #444;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* (2) Basic layout
|
||
|
---------------------------------------------------------*/
|
||
|
article{
|
||
|
|
||
|
// Titles
|
||
|
h3{
|
||
|
color: #555;
|
||
|
}
|
||
|
|
||
|
// Titles' separators
|
||
|
hr{
|
||
|
display: block;
|
||
|
border-style: solid;
|
||
|
border-width: 1px;
|
||
|
}
|
||
|
|
||
|
// paragraphs
|
||
|
p{
|
||
|
text-indent: 2em;
|
||
|
}
|
||
|
|
||
|
// links
|
||
|
a{
|
||
|
color: #2d92cc;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
// quotes
|
||
|
blockquote{
|
||
|
margin-left: 0;
|
||
|
padding-left: 1em;
|
||
|
|
||
|
border-left: 2px solid #eee;
|
||
|
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
// tables
|
||
|
table{
|
||
|
|
||
|
border-collapse: collapse;
|
||
|
|
||
|
color: #555;
|
||
|
|
||
|
tr{
|
||
|
|
||
|
td{
|
||
|
|
||
|
padding: .2em 1em;
|
||
|
|
||
|
border: 1px dotted rgb(221, 221, 221);
|
||
|
|
||
|
background-color: #fff;
|
||
|
|
||
|
}
|
||
|
|
||
|
// each other row is darker
|
||
|
&:nth-child(2n) td{
|
||
|
background-color: #eee;
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
// table headers bold revert
|
||
|
thead tr th{
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
|
||
|
thead tr td.color,
|
||
|
thead tr th.color{
|
||
|
background-color: rgb(75, 189, 209);
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
td.ar{ text-align: right; }
|
||
|
td.ac{ text-align: center; }
|
||
|
td.al{ text-align: left; }
|
||
|
}
|
||
|
|
||
|
}
|