Update 2 for SkeletonCSS

Week 191 was posted by Charanjit Chana on 2021-06-21.

It's been a busy few weeks and I've not really built anything new or even experimented as much as I would like to. This past weekend however, I sat down with the intention of plugging some mixins into SkeletonCSS but couldn't really think of any. I've restructured the project a little to move the one mixin I was using from being in a file called _responsive.scss to _mixins.scss which makes more sense. Beyond media queries, not much more I need from a responsive point of view.

The biggest thing I've done to future proof it all a bit more is to convert the theme colours to be comma separated values (HSL) as I wrote about a couple of weeks ago.

I've standardised how heading tags (H1-H6) should be sized and padded and did the same for paragraphs, unordered lists and ordered lists too. Headers and footers are sized in the same way as the main tag too which I should have done from the start but just forgot about. An interaction on Twitter last week prompted me to think about this some more.

The last update for this round was to introduced a pattern I often use for site navigation. It's same way I've handled the website for Wayfinder and it works pretty well. When the list of items is small enough, then it works pretty well as a responsive layout too.

Mixins are still something I want to explore some more, so that is something I'll be looking into more for the next round of updates to SkeletonCSS.

Tags: css, development, skeletoncss

Tweet WhatsApp Keep Upvote Digg Tumblr Pin Blogger LinkedIn Skype LiveJournal Like