resolve merge: css files and index.html

This commit is contained in:
Gavyn Ezell 2022-11-08 22:08:38 -08:00
commit 55f0f5d645
3 changed files with 61 additions and 87 deletions

View File

@ -12,8 +12,9 @@
<!-- Main Stylesheets & Scripts -->
<link rel="stylesheet" href="/source/assets/styles/main.css" />
<script src="/source/assets/scripts/main.js" type="module"></script>
<link rel="stylesheet" href="static/ReviewCard.css" />
<link rel="stylesheet" href="static/reset.css" />
<script src="assets/scripts/main.js" type="module"></script>
</head>
<body>

View File

@ -1,85 +0,0 @@
/* main.css */
* {
font-family: sans-serif;
}
body {
height: 100%;
width: 100%;
}
fieldset {
border: 2px solid rgb(214, 214, 214);
box-sizing: border-box;
display: block;
width: max-content;
}
form button {
display: block;
margin-top: 5px;
}
label[for="ingredients"] p {
margin: 0;
}
label[for="numRatings"] {
margin: 10px 0 0 0;
}
label[for^="rating"] {
padding-right: 10px;
}
label:not([for^="rating"]) {
display: block;
margin-bottom: 5px;
}
main {
column-gap: 10px;
display: flex;
flex-wrap: wrap;
height: auto;
max-width: 660px;
row-gap: 10px;
width: 100%;
}
#tag-container {
display: flex;
flex-flow: row wrap;
}
.tag {
background-color: grey;
border-radius: 7px;
color: white;
padding-right: 7px;
padding-left: 7px;
margin: 3px;
}
.tag::before {
display: inline-block;
content: 'x';
height: 15px;
width: 15px;
margin-right: 4px;
text-align: center;
color: white;
cursor: pointer;
}
.tag:hover::before{
color: red;
}
.danger {
background-color: rgb(254, 171, 171);
border-color: red;
}
.hidden {
display: none;
}

58
static/ReviewCard.css Normal file
View File

@ -0,0 +1,58 @@
/* main.css */
* {
font-family: sans-serif;
}
body {
height: 100%;
width: 100%;
}
fieldset {
border: 2px solid rgb(214, 214, 214);
box-sizing: border-box;
display: block;
width: max-content;
}
form button {
display: block;
margin-top: 5px;
}
label[for="ingredients"] p {
margin: 0;
}
label[for="numRatings"] {
margin: 10px 0 0 0;
}
label[for^="rating"] {
padding-right: 10px;
}
label:not([for^="rating"]) {
display: block;
margin-bottom: 5px;
}
main {
column-gap: 10px;
display: flex;
flex-wrap: wrap;
height: auto;
max-width: 660px;
row-gap: 10px;
width: 100%;
}
.danger {
background-color: rgb(254, 171, 171);
border-color: red;
}
.hidden {
display: none;
}