Designers and developers are encouraged to re-use existing styles, rather than define new ones. Our LESS variables have been extremely helpful in keeping our styles relatively consistent. Then, by assigning new values to the CSS variables, we could seamlessly switch between themes at runtime.Ĭonsistent, best-practice code facilitates rapid pivots This enabled our Hackathon team to migrate our existing static LESS variables to new dynamic CSS variables. LESS variables help to keep our styles consistent, but they’re static, unlike CSS variables.ĬSS variables are a relatively recent addition to CSS and enable developers to define and modify custom properties dynamically at runtime. ![]() They’re replaced with the value they represent. However, because LESS compiles to CSS, LESS variables don’t exist at runtime. LESS adds helpful features like variables and functions. As a summer intern, here’s what I learned from my Hackathon experience.Īt Lucid, we use an extension of CSS called LESS for our stylesheets. ![]() For those three days, my team modified hundreds of stylesheets to implement custom theming, including Dark Mode. Three days of intense teamwork with the goal of producing creative, ambitious projects that could transform our products. Lucid’s company-wide Hackathon is a summer tradition.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |