home.social

#eff7fa — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #eff7fa, aggregated by home.social.

  1. this looks fucking awesome

    developer.chrome.com/blog/if-a

    .card {
    --status: attr(data-status type(<custom-ident>));
    border-color: if(
    style(--status: pending): royalblue;
    style(--status: complete): seagreen;
    else: gray);
    background-color: if(
    style(--status: pending): #eff7fa;
    style(--status: complete): #f6fff6;
    else: #f7f7f7);
    }
  2. this looks fucking awesome

    developer.chrome.com/blog/if-a

    .card {
    --status: attr(data-status type(<custom-ident>));
    border-color: if(
    style(--status: pending): royalblue;
    style(--status: complete): seagreen;
    else: gray);
    background-color: if(
    style(--status: pending): #eff7fa;
    style(--status: complete): #f6fff6;
    else: #f7f7f7);
    }
  3. this looks fucking awesome

    developer.chrome.com/blog/if-a

    .card {
    --status: attr(data-status type(<custom-ident>));
    border-color: if(
    style(--status: pending): royalblue;
    style(--status: complete): seagreen;
    else: gray);
    background-color: if(
    style(--status: pending): #eff7fa;
    style(--status: complete): #f6fff6;
    else: #f7f7f7);
    }
  4. this looks fucking awesome

    developer.chrome.com/blog/if-a

    .card {
    --status: attr(data-status type(<custom-ident>));
    border-color: if(
    style(--status: pending): royalblue;
    style(--status: complete): seagreen;
    else: gray);
    background-color: if(
    style(--status: pending): #eff7fa;
    style(--status: complete): #f6fff6;
    else: #f7f7f7);
    }
  5. this looks fucking awesome

    developer.chrome.com/blog/if-a

    .card {
    --status: attr(data-status type(<custom-ident>));
    border-color: if(
    style(--status: pending): royalblue;
    style(--status: complete): seagreen;
    else: gray);
    background-color: if(
    style(--status: pending): #eff7fa;
    style(--status: complete): #f6fff6;
    else: #f7f7f7);
    }