Custom CSS #81
Replies: 7 comments 9 replies
-
|
At this time, there is no way built in way within Retype to include a custom CSS file. I'm not too sure we'll be including this feature either, although we will be including options to set a custom color palette soon. Work is being done right now on the color palette options. |
Beta Was this translation helpful? Give feedback.
-
|
In my opinion this is an essential feature. There is just no way markdown can accommodate all use cases. It's very nice that retype allows for html anywhere, but it would be great to be able to style it globally. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @alisman As of Retype Hope this helps. |
Beta Was this translation helpful? Give feedback.
-
|
Out of interest, what CSS would you like to include or modify? |
Beta Was this translation helpful? Give feedback.
-
This is a nice idea I think. Personally, I love the opinionated styling that Retype chose, but adding "your own touch" to markdown files was always a little bit missing.
On a somewhat-related note - if I had to choose one thing I would love to be able to change in the generated Retype files, is the fact that even in the light theme, the code snippets are on a dark background. I wish to have an option in the retype. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @larmarange Not sure if you're still interested, but the container syntax you proposed is now supported within Retype The following Markdown element: ::: custom_class
content of the div
:::Creates the following HTML: <div class="custom_class">
<p>content of the div</p>
</div>You can now also add inline css. For example: <style>
.custom_class {
background-color: red;
}
</style>
::: custom_class
content of the div
:::Will render as: You can now also include a global I'm working on the Hope this helps. |
Beta Was this translation helpful? Give feedback.
-
|
@larmarange New Container component docs have been published to https://retype.com/components/container/. Also includes a couple samples on applying inline Hope this helps. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. That's perfect |
Beta Was this translation helpful? Give feedback.
-
|
This is handy. What would be even more ideal - for my particular use case - would be the ability to add tailwind utility classes and have everything build quickly and just work like magic:
I prefer strongly not to use a separate stylesheets for most things. I understand making retype do this is noteasy, possible, or even worth it, for a sub-set of users (i.e. just me). i'm just throwing my two cents in. |
Beta Was this translation helpful? Give feedback.
-
|
Perfect!!! Works like a charm.
…On Wed, Mar 30, 2022 at 4:40 PM Geoffrey McGill ***@***.***> wrote:
Hi @alisman <https://github.com/alisman> As of Retype v2, you can add a
custom global .css file using the _includes/head.html include, see
comment at #159 (reply in thread)
<#159 (reply in thread)>
Hope this helps.
—
Reply to this email directly, view it on GitHub
<#81 (reply in thread)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AABNRGI6EQT365IMUVQGGPTVCS323ANCNFSM5ASJYDIA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
|
Hi! I want to have an ability to change fonts. Unfortunately, Poppins not working with cyrillic so it used next font, but punctuation marks are from Poppins.
As you can see, |
Beta Was this translation helpful? Give feedback.
-
|
I'd like to be able to align the style of retype generated documentation site to that of my main app |
Beta Was this translation helpful? Give feedback.
-
|
Are there any updated regarding color palettes? Need to update the colors with CD. |
Beta Was this translation helpful? Give feedback.
-
|
I would like to change the default font of retype. is there any of do that ? |
Beta Was this translation helpful? Give feedback.
-
Sorry but I didn't found if there is a way to include a custom CSS file in all built pages.
Beta Was this translation helpful? Give feedback.
All reactions