david/FrontendDavid
0
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

added css file to index.htm

Browse source
This commit is contained in:
Naumann 2020-06-05 13:37:43 +02:00
parent fdb0e19f8d
commit 689a2ff7fe
5 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Katalog.htm
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="scss/Style.css" media="screen" />
</head>
<body>
<div class="Titel">

6
index.html
View file

@ -4,9 +4,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bücherwurm WebInterface</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="tables.css">
<link rel="stylesheet" href="menu.css">
<link rel="stylesheet" type="text/css" href="scss/main.css" media="screen" />
<!--<link rel="stylesheet" href="tables.css">
<link rel="stylesheet" href="menu.css">-->
</head>
<body>
<div name="main"><!-- der ganze Inhalt ohne Hintergrund. Soll mobileFirst Senkrecht ausgerichtet sein -->

18
scss/main.css
View file

@ -1 +1,17 @@
/* No CSS *//*# sourceMappingURL=main.css.map */
body {
background-color: bisque;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
-ms-grid-row: 5;
grid-row: 5;
padding-left: 1%;
padding-right: 1%;
}
h1 {
text-align: center;
}
/*# sourceMappingURL=main.css.map */

2
scss/main.css.map
View file

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "",
"mappings": "AAAA,AAAA,IAAI,CAAA;EACA,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CACrB;;AACD,AAAA,EAAE,CAAA;EACE,UAAU,EAAE,MAAM;CACrB",
"sources": [
"main.scss"
],

13
scss/main.scss
View file

@ -0,0 +1,13 @@
body{
background-color: bisque;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
grid-row: 5;
padding-left: 1%;
padding-right: 1%;
}
h1{
text-align: center;
}