This content originally appeared on DEV Community and was authored by Wumi4

Recently, I came across this website called Subreply, which is an English-only forum with a clean and simplistic design.

When I first saw it, I immediately fall in love with its design: Simple, yet modern and beautiful. I love it so much that I decided to rip the CSS from the website and turn it into a classless CSS style.

And after about 2 days of active working, I introduce to you, Subreply CSS!

Subreply CSS is a classless CSS style that is designed to be modern, beautiful, and simple, just like where it came from.

Features include:

• Lightweight - Only weights 4 kB! ¹
• Mobile responsive and image responsive
• Automatic dark/light theme (based on OS preferences)
• Custom emojis before mailto:, sms:, and tel: links
• Custom blockquotes and code blocks ²
• Beautiful font (Route 159)
• Fixing missing features from the original Subreply, such as radios and checkboxes

Subreply CSS is suitable for both personal blogs and simple websites!

Wow! That's exciting! Where can I know more about it?

You can go to the Github repo, which contains further information about the project.

I'm still skeptical, I want to try it first

You can try this demo ³ or just playing around with my website (yes, it uses Subreply CSS).

Downsides

Even though it has a lot of good points, Subreply CSS also has some downsides:

• All the fonts are currently hosted on Catbox, a file hosting service that I am relying on. This means that if Catbox goes down, all the fonts will be rendered unusable. The best solution for this is to host fonts locally, and I am planning on writing a (short) blog post just for that, so stay tuned!

Discuss on HN | Tweet this post

Questions? Feedback?

If you have any questions or feedback, feel free to email me!

1. For both original and minified version ↩

2. The blockquotes are stolen from here and the code blocks are stolen from here ↩

3. Note that the demo version can be a bit outdated. ↩

This content originally appeared on DEV Community and was authored by Wumi4

Print Share Comment Cite Upload Translate Updates

APA

Wumi4 | Sciencx (2022-07-01T05:55:38+00:00) Introducing Subreply CSS – A beautiful classless CSS style. Retrieved from https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/

MLA

" » Introducing Subreply CSS – A beautiful classless CSS style." Wumi4 | Sciencx - Friday July 1, 2022, https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/

HARVARD

Wumi4 | Sciencx Friday July 1, 2022 » Introducing Subreply CSS – A beautiful classless CSS style., viewed ,<https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/>

VANCOUVER

Wumi4 | Sciencx - » Introducing Subreply CSS – A beautiful classless CSS style. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/

CHICAGO

" » Introducing Subreply CSS – A beautiful classless CSS style." Wumi4 | Sciencx - Accessed . https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/

IEEE

" » Introducing Subreply CSS – A beautiful classless CSS style." Wumi4 | Sciencx [Online]. Available: https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/. [Accessed: ]

rf:citation

» Introducing Subreply CSS – A beautiful classless CSS style | Wumi4 | Sciencx | https://www.scien.cx/2022/07/01/introducing-subreply-css-a-beautiful-classless-css-style/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.