Mtt
Mtt

Since @manton just announced the new notes feature of Micro.blog, I had to give it a quick test run. And of course, I had to add a little Tiny Theme (2.3.1 required) specific styling to it as well.

|
Embed
Progress spinner
manton
manton

@Mtt Excellent! Glad you discovered how to style the little “this is a note” status. 🙂 Shared notes also get “type: note” in the front matter, which might help if other layout changes are needed.

|
Embed
Progress spinner
Mtt
Mtt

@manton Hmm. Got my mind rolling now.

|
Embed
Progress spinner
SimonWoods
SimonWoods

@Mtt @manton I didn’t think about styling yet — nice!

|
Embed
Progress spinner
cygnoir
cygnoir

@Mtt Thanks for this! I noticed that the first- and second-level headings appear to use the same size font. Was that intentional? If so, I’ll skip using the first-level headings in my notes, in order to next them properly visually.

|
Embed
Progress spinner
In reply to
Mtt
Mtt

@cygnoir Tiny Theme does not specifically define any sizes for Headings. In general, this is how most people use headings with Tiny (although this is NOT a rule by any means):

  • h1 - Site Title at Top
  • h2 - Page/Post Title
  • h3 - Post Subtitle
  • h4 - Post Sub-subtitle

However, you can easily over-ride that. The easiest way, based on your request, would be to go to Micro.blog’s custom css and just add this one line for h1:

h1 { font-size: 2em; }

|
Embed
Progress spinner
cygnoir
cygnoir

@Mtt Thanks for the quick response and explanation!

|
Embed
Progress spinner