Skip to content
Snippets Groups Projects

Add comment function

Merged Jonas Leder requested to merge comments into master
Files
16
.comment {
display: flex;
justify-content: left;
.comment-image {
width: fit-content;
img {
width: 60px;
height: 60px;
max-width: unset !important;
}
}
.comment-content {
margin-left: 10px;
}
}
#newComment {
.comment-new {
form {
input, textarea{
width: 100%;
box-sizing: border-box;
background-color: $back-color;
color: $text-color;
border: solid $back-color-2;
@@ -28,54 +44,32 @@
outline: 0;
border: 0;
transition: background-color $link-hover-animation-time linear;
margin-top: 10px ;
&:HOVER{
background-color: $accent-color-2;
}
}
}
margin-bottom: 20px;
}
.comment{
display: flex;
img{
margin-right: 10px;
width: 100px;
height: 100px;
}
}
.commentTitle{
margin-bottom: 5px;
}
.commentArticle{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
min-height: 100px;
}
.commentText{
margin: 0;
.comment-alert {
width: 100%;
}
padding: 20px;
box-sizing: border-box;
border: solid 2px;
border-radius: 5px;
.emailBox {
display: inline;
}
&.green {
color: #4dd0af;
background-color: #005e46;
border-color: #007154;
}
.bigButton {
background-color: $accent-color;
color: #000;
text-transform: uppercase;
padding: 15px;
font-size: 14px;
cursor: pointer;
outline: 0;
border: 0;
transition: background-color $link-hover-animation-time linear;
width: 100%;
margin-top: 10px;
}
&.red {
color: #ee8277;
background-color: #74261e;
border-color: #8b2e24;
}
}
\ No newline at end of file
Loading