relay/scss/index.scss
2020-03-20 13:40:18 -05:00

82 lines
1.2 KiB
SCSS

body {
background-color: #f5f5f5;
font-family: sans-serif;
margin: 0;
position: relative;
min-height: 100vh;
padding-bottom: 96px;
}
body,
body * {
box-sizing: border-box;
}
header {
padding: 32px 0;
background-color: #333;
color: #f5f5f5;
text-align: center;
h1 {
margin: 0px;
}
}
section {
padding: 24px;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 3px;
margin: 32px auto 0;
max-width: 700px;
h3 {
margin-top: 0px;
}
}
pre {
border: 1px solid #e5e5e5;
border-radius: 3px;
background-color: #f5f5f5;
padding: 8px;
padding-left: 32px;
padding-top: 10px;
position: relative;
&:before {
content: ' ';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 24px;
background-color: #e5e5e5;
}
}
footer {
background-color: #333;
color: #f5f5f5;
position: absolute;
padding: 16px 8px;
bottom: 0;
left: 0;
right: 0;
text-align: center;
a {
&,
&:focus,
&:hover,
&:active {
color: #ea7fbc;
}
}
p {
margin: 0;
}
}