Ivan/commento
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commento.scss: move avatar and dark-card to commento-card.scss

Browse Source
This commit is contained in:
Adhityaa Chandrasekar 2019-02-13 01:30:58 -05:00
parent 2b00384219
commit 8a8e0b53fc
2 changed files with 33 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/sass/commento-card.scss
View File

@ -1,3 +1,5 @@
@import "colors-main.scss";
.commento-card {
@import "commento-options.scss"; // SVG buttons to the right of each comment
@ -91,3 +93,34 @@
height: 48px;
}
}
.commento-dark-card {
background: $yellow-0;
}
// do not place this inside .commento-card as this is used by logged-container
// as well
.commento-avatar {
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 22px;
float: left;
margin-right: 10px;
border: 0px transparent;
}
.commento-avatar-img {
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: 10px;
}

29
frontend/sass/commento.scss
View File

@ -56,33 +56,4 @@
font-weight: 700;
margin-top: 16px;
}
.commento-dark-card {
background: $yellow-0;
}
.commento-avatar {
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 22px;
float: left;
margin-right: 10px;
border: 0px transparent;
}
.commento-avatar-img {
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: 10px;
}
}