DEV Community

Vitor Norton
Vitor Norton

Posted on

1 1

Heartthrob v2.0: SCSS > CSS && --jQuery

Hey there, long time we don't talk to each other right? Time to give you a quick and yet a powerful update. Today I released the new version of Heartthrob, and here is the changes:

Redone all the code to use the latest tech (SASS)

The main focus of this update was to bring the latest tech possible to the framework, making it easy for the community to mantain, and as well to code.

One of the problem was that all the CSS of the project was in a single file, and as the project grows, the file grew as well. Now it is easier than ever to contribute and make it happen!

And, to add more to this change, instead of using the pixels for measures, the project has now changed to use ems.

Better typography

After studing a little bit of typography for web, I had updated how the fonts in this project looks like. The line-height now is more confortable to read as well the font-weight used in a few places. The colors has also been changed for links, as well new behaviors like :visited for example.

Another change is that instead of using Courier New as the default font for code in you text, now it prefers to use Consolas.

Small yet powerful changes

Along side with that it was also allowed to use the colors yellow and green for border in a blockquote. Of course, I fixed several issues, including how menu was handled.

The Kendo UI code was also removed, this way the code is cleaner and you will get only the thing that you need the most. But if you like to use Kendo UI on your project, don't worry, will share more about how it will be handled later.

Check the repository, here: https://github.com/vtnorton/Heartthrob/releases]
Wanna see the docs, here: http://heartthrob.vtnorton.com/

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more