FrontendDavid/scss/style.scss
2020-06-10 10:22:49 +02:00

83 lines
No EOL
1.4 KiB
SCSS

body
{
background-color: bisque;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
grid-row: 5;
padding-left: 1%;
padding-right: 1%;
}
.Titel
{
grid-column: 1 / 6;
grid-row: 1;
#zuruck
{
align-self: left;
}
}
.Eingabe
{
grid-column: 1 / 3;
grid-row: 2/6;
background-color: lightgrey;
border: 1px solid black;
padding-bottom: 2%;
.input
{
resize: none;
overflow: auto;
width: 90%;
height: 5%;
margin-top: 10px;
margin-left: 5%;
}
#go
{
margin-left: 40%;
margin-top: 5%;
align-items: center;
width: 150px;
height: 30px;
}
}
.Ausgabe
{
grid-column: 3 / 6;
grid-row: 2/6;
background-color: lightgray;
border: 1px solid black;
padding-bottom: 2%;
}
h2,h1
{
text-align: center;
}
table{
margin-left: 3%;
margin-right: 3%;
scroll-behavior: auto;
td, tr
{
border: 1px solid black;
}
.fix
{
.headcol {
position: absolute;
width: 5em;
left: 0;
top: auto;
border-top-width: 1px;
margin-top: -1px;
}
}
}