Newer
Older
#newComment {
form {
input, textarea{
width: 100%;
background-color: $back-color;
color: $text-color;
border: solid $back-color-2;
border-radius: 5px;
padding: 5px;
}
input:focus, textarea:focus {
outline: none;
}
textarea{
resize: vertical;
}
input[type=submit]{
background-color: $accent-color;
color: #fff;
text-transform: uppercase;
padding: 15px;
font-size: 14px;
cursor: pointer;
outline: 0;
border: 0;
transition: background-color $link-hover-animation-time linear;
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
&:HOVER{
background-color: $accent-color-2;
}
}
}
}
.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;
width: 100%;
}
.emailBox {
display: inline;
}