Giter VIP home page Giter VIP logo

obsidian-snippets's Introduction

obsidian-snippets

This is a collection of random snippets I've made. Hopefully it will grow over time.

Table of Contents


Notation Colour Blocks

https://github.com/deathau/obsidian-snippets/blob/main/notation-colour-blocks.css

A bunch of different coloured blocks, inspired by the block colours offered by Notion.


Realistic Highlights

https://github.com/deathau/obsidian-snippets/blob/main/realistic-highlight.css

A fancy-looking highlight that looks like it was made with a highlighter pen


Inline Block Embeds

https://github.com/deathau/obsidian-snippets/blob/main/inline-block-embeds.css

Inline-ish block embeds, which I mostly use for adding some block-embedded tasks to the end of a task list


Clutter-Free Headings

https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-headings.css

WYSIWYG-ish headings which line up headings, show the formatting markers when editing and replace them with a muted "H1", "H2" etc when not the active line


Clutter-Free Formatting

https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-formatting.css

Formatting which is reduced and hides when not on the active line. It still leaves the space though, so as to prevent weirdness with cursor movement and selections.


Checkboxes

https://github.com/deathau/obsidian-snippets/blob/main/checkbox.css

Checkboxes with different statuses (requires Obsidian 0.12.0+)


obsidian-snippets's People

Contributors

deathau avatar olfmombach avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

obsidian-snippets's Issues

Symbols Faulty

Checkboxes render in preview as both ticked and >, ?, !, etc.

Steps. Made a new note, typed the following. Result is in the screenshot.

  • [>] test
  • [!] info

Obsidian v0.12.19

Screenshot 2021-11-26 at 14 58 54

Checkbox css not working in Obsidian v1.0.0

Added the checkbox css into a file under .obsidian/snippets in the vault. Reloaded the snippets in the settings and activated the file with the checkbox css code.

But it does not appear as wanted in live preview.
Does it work for you/others on mac with obsidian v1.0.0?

Obsidian snippets only work with the notation theme

Hi
Thanks for the awesome work which you share. Just wondered if you were away that the Notion-like snippets you published only work with the notation theme? Perhaps this is by design, but would be awesome if that dependency were removed.
Thanks again.
Derrick

Please update docs

Your documentation does not match the demo you post, I don't get a choice of colour when highlighting and there is no explanation as to how to enable that feature if it's there. Can't work out how to use this at all.

Notation Color Blocks Only Works with Legacy Editor

Notation color blocks don't render when using the live preview, they just stay as code blocks.
Only when using the legacy editor and toggling preview mode do they render.
Tested using minimal theme 5.2 and notation-color-blocks as of commit d8caed4
Screenshot 2022-06-27 at 21 23 50

Removing new line for inline embeds?

The inline embed is super nice, but by default it always creates a new line before / after the embed. Is it possible to make it truly inline, Roam style?

Hello, could you or somoone could let your code to show preview under edit mode?

I use default theme on my obsidian. I cannot see preview through your code.
This is what I see in the preview under edit mode
image

This is the edit mode when I click the code block
image

This is the reading mode
image

The code I tried were

red 紅色 
red 紅色 
red 紅色

and

pink 粉紅色 
pink 粉紅色 
pink 粉紅色

Can someone tell me how to make preview mode same as reading mode?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.