monkinetic the blog

Posts tagged with 'css' (4 posts)

Steve Ivy

wanting to be able to post from my phone has me learning about css grid and flexbox, so there’s that #css #webdevelopment

~ # 17:09 ~

Randomized color choices in SASS

For a bit of variety, I decided to figure out how to generate a new front page header background and link colors whenever I rebuilt the blog (new posts, etc). This is still a static site, so no wizzy javascript stuff, I just wanted to do it in SASS.

This is what I came up with.

    $colors-list: (
      // background color, link color
      #DAE076 #AD5C55,
      #A9C9C5 #4A676D,
      #AD5C55 #5E7D68,
      #374768 #718A8A,
    );
    $color-index: random(length($colors-list));
    
    // Header description box
    $colors: nth($colors-list, $color-index);
    $header-desc-background-color: nth($colors, 1);
    // Link color
    $link-color: nth($colors, 2);

I may rework this as a map (dictionary) later on so I can add other theme-y things, but it was kinda fun to work out for now.

#374768 #718a8a #dae076 #a9c9c5 #themes #programming #ad5c55 #4a676d #5e7d68 #sass #css

Steve Ivy

Z-index on a Glass browser should have a whole new meaning. #css

~ # 19:31 ~

Steve Ivy

Huh. text-rendering: optimizelegibility really does, at least with good fonts. #css

~ # 02:26 ~