website/styl/lib/_comments.styl

82 lines
1.3 KiB
Stylus
Raw Normal View History

2021-01-11 19:24:57 +01:00
#newComment {
form {
input, textarea{
width: 100%;
background-color: $back-color;
color: $text-color;
border: solid $back-color-2;
border-radius: 5px;
padding: 5px;
2021-01-11 19:24:57 +01:00
}
input:focus, textarea:focus {
outline: none;
}
textarea{
resize: vertical;
}
input[type=submit]{
background-color: $accent-color;
2021-11-09 11:23:47 +01:00
color: #000;
2021-01-11 19:24:57 +01:00
text-transform: uppercase;
padding: 15px;
font-size: 14px;
cursor: pointer;
outline: 0;
border: 0;
2021-03-05 22:49:26 +01:00
transition: background-color $link-hover-animation-time linear;
2021-01-11 19:24:57 +01:00
&: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;
2021-11-09 11:23:47 +01:00
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;
2021-11-09 11:23:47 +01:00
}