Browse Source

fix: pre and blockquote styles

main
Inhji Y. 8 months ago
parent
commit
cc796861fc
  1. 4
      assets/css/_markdown.scss
  2. 12
      assets/css/app.scss
  3. 2
      lib/mirage_web/templates/note/_note.html.eex

4
assets/css/_markdown.scss

@ -77,7 +77,7 @@
blockquote, pre {
padding: 1rem;
@include color-assign(background-color, surface);
@include color-assign(background-color, surface-var);
margin-bottom: 1rem;
}
@ -87,6 +87,7 @@
font-style: italic;
&:after {
@include color-assign(color, primary);
position: absolute;
content: "";
font-size: 5rem;
@ -98,5 +99,6 @@
pre {
overflow: auto;
@include color-assign(background-color, surface-dark);
}
}

12
assets/css/app.scss

@ -12,6 +12,7 @@ $colors: (
light: (
surface: material-color('grey', '50'),
surface-var: material-color('grey', '300'),
surface-dark: material-color('grey', '800'),
on-surface: material-color('grey', '900'),
background: material-color('grey', '200'),
primary: $primary,
@ -24,6 +25,7 @@ $colors: (
dark: (
surface: material-color('blue-grey', '800'),
surface-var: material-color('blue-grey', '800'),
surface-dark: material-color('grey', '800'),
on-surface: material-color('grey', '50'),
background: material-color('blue-grey', '900'),
primary: $primary,
@ -280,10 +282,10 @@ article {
}
header {
border-bottom: 1px solid $border-base;
@include color-assign(border-color, surface-var);
@include color-assign(background, surface);
// border-bottom: 1px solid $border-base;
// @include color-assign(border-color, surface-var);
@include color-assign(background, surface);
.title {
font-family: $font-heading;
margin-bottom: 0;
@ -291,8 +293,8 @@ article {
}
footer {
border-top: 1px solid $border-base;
@include color-assign(border-color, surface-var);
// border-top: 1px solid $border-base;
// @include color-assign(border-color, surface-var);
}
&:last-child {

2
lib/mirage_web/templates/note/_note.html.eex

@ -1,7 +1,7 @@
<article>
<%= link to: Routes.live_path(@conn, MirageWeb.ShowNoteLive, @note) do %>
<header class="width-full bg-content">
<header class="width-full">
<h2 class="title">
<span class="id"><%= "##{@note.id}" %></span> <%= @note.title %>
</h2>

Loading…
Cancel
Save