tweak code display

This commit is contained in:
Nicolas Constant 2020-09-02 22:19:47 -04:00
parent 16a92bcc56
commit ac3acfb4fa
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688

View File

@ -22,9 +22,9 @@ $expand-color: $column-color;
right: 0; right: 0;
padding-top: 60px; padding-top: 60px;
padding-left: 15px; padding-left: 15px;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba($expand-color ,0.25), rgba($expand-color,0.5), $expand-color, $expand-color); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba($expand-color, 0.25), rgba($expand-color, 0.5), $expand-color, $expand-color);
&--link{ &--link {
transition: all .2s; transition: all .2s;
color: #a9b5d8; color: #a9b5d8;
color: #c0c8e0; color: #c0c8e0;
@ -41,9 +41,9 @@ $expand-color: $column-color;
} }
&--selected { &--selected {
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba($selected-status ,0.25), rgba($selected-status,0.5), $selected-status, $selected-status); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba($selected-status, 0.25), rgba($selected-status, 0.5), $selected-status, $selected-status);
} }
} }
} }
@ -51,20 +51,48 @@ $expand-color: $column-color;
:host ::ng-deep .content { :host ::ng-deep .content {
// font-size: 14px; // font-size: 14px;
color: $status-primary-color; color: $status-primary-color;
& a, & a,
.mention, .mention,
.ellipsis { .ellipsis {
color: $status-links-color; color: $status-links-color;
} }
& .invisible { & .invisible {
display: none; display: none;
} }
& p { & p {
margin: 0px; margin: 0px;
//font-size: .9em; //font-size: .9em;
// font-size: 14px; // font-size: 14px;
} }
& p:not(:last-child) { & p:not(:last-child) {
margin-bottom: 20px; margin-bottom: 20px;
} }
& code {
color: #a0d1ff;
}
& pre {
padding: 0 5px 5px 5px;
background-color: #000000;
scrollbar-width: thin;
border-radius: 5px 5px 0 0;
&::-webkit-scrollbar {
width: $scroll-bar-width;
height: $scroll-bar-width;
}
&::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: $scrollbar-color-thumb;
background: #384958;
}
}
} }