website/scss/_comments.scss

80 lines
No EOL
1.3 KiB
SCSS

#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;
&: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;
}
.bigButton {
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;
width: 100%;
}