Quartz

Use full snippets

• https://quartz.eilleeenz.com/Quartz-Snippets

Applying custom styling through writing markdown

1. write out some classes in custom.scss
2. In the markdown document you can just do something like this below, and it’ll successfully apply the changes.

<div class="me">
<img src="src link"/>
</div>

Then in custom.css if this is an image:

@media (max-width: 480px) {  
.me {    display: none;  }}
@media (min-width: 480px) {  
.me {    width: 70%;    padding: 10px;  }  
.welcome {    display: flex;    align-items: center;  }
}

Thanks notes/quartz/styles/custom.scss at 9cb77ded4cd304f0046014c393605d72cc87a40d · ellie/notes · GitHub