Skip to content

Home

Jump to bottom
AlexFlipnote edited this page Apr 23, 2021 · 4 revisions

Welcome to Modesta

To get started, simply download your version needed here:
https://github.com/AlexFlipnote/Modesta/releases

The documents are made to fit the latest release.

CSS files

Modesta has a few CSS files that gets included.

  • modesta.css Has everything imported including colours and only emoji component
  • twemoji.css Includes the twitter emojis to be included with modesta.css
  • colours.css Only includes the colours provided by Modesta
  • markdown.css Only includes the markdown theme(s)

Themes

This framework comes with two different themes. One of them has to be defined inside <body>. Not using the theme class will result in weird behaviour with the elements provided by Modesta.

<body class="dark-theme">
   <!-- Nice content inside here -->
</body>

<!-- or using light -->

<body class="light-theme">
   <!-- Nice content inside here -->
</body>

HTML

Personally I use these HTML elements inside <head> to get best result, you can tweak it to however you desire too, should work with everything.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>

If you find any issues or have feedbacks, feel free to make an Issue or a Pull request ❤

Clone this wiki locally