tilde-site/sass/index.scss

77 lines
942 B
SCSS
Raw Permalink Normal View History

2023-01-25 08:55:24 +00:00
body {
margin: 0;
background-color: pink;
font-family: courier;
}
header {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 20%;
border-left: 3px double black;
background-color: plum;
}
header nav {
margin: 1em;
}
header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#main {
width: 80%;
overflow: scroll;
}
section {
max-width: 100%;
padding: 1em;
border-top: 3px dashed grey;
}
footer {
border-top: 2px solid black;
max-width: 100%;
padding: 10px;
margin: auto;
}
.identity-card {
font-size: 0.7em;
width: 90%;
margin: 1em auto;
background-color: #d3d3d3;
border: 3px double black;
box-shadow: .5em .5em;
}
.row {
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
}
.col {
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
}
.cell {
border: 1px solid grey;
flex-grow: 1;
padding: 0.2em;
}
.identity-picture {
width: 256px;
}