Extract some CSS in a .message class
This commit is contained in:
parent
e2091fabdf
commit
94e5f856d3
3 changed files with 16 additions and 16 deletions
|
@ -10,19 +10,19 @@
|
|||
padding: 2 * $default-spacer;
|
||||
margin-bottom: $default-spacer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
> li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: $default-padding;
|
||||
padding: $default-padding;
|
||||
background: #FFFFFF;
|
||||
width: 80%;
|
||||
border-radius: 3px;
|
||||
.message {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: $default-padding;
|
||||
padding: $default-padding;
|
||||
background: #FFFFFF;
|
||||
width: 80%;
|
||||
border-radius: 3px;
|
||||
|
||||
&.from-me {
|
||||
margin-left: auto;
|
||||
}
|
||||
&.from-me {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -44,10 +44,6 @@ th {
|
|||
padding-left: 0;
|
||||
max-height: none;
|
||||
|
||||
li {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
@ -58,6 +54,10 @@ th {
|
|||
}
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.updated-at {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue