Drop-in Stylesheets and Some Design Tools

drop_in_css.md

Drop In CSS

• Milligram - A minimalist CSS framework.
• Milligram - Theme
• Column sizes | Bulma: Free, open source, and modern CSS framework based on Flexbox
• Skeleton: Responsive CSS Boilerplate
• Demo - turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites
• CodyHouse/codyhouse-framework: A lightweight front-end framework for building accessible, bespoke interfaces.
• kognise/water.css: A just-add-css collection of styles to make simple websites just a little nicer

Misc

• Bubbly — CSS speech bubbles made easy

Color

• Color Hunt - Pastel Color Palettes

tooltip.css

/* usage <span data-title="tooltip goes here">Help</span> */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: rgb(203,223,245,0.6);
    color:darkblue;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: 1.6em;
    left: 10%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px rgb(203,223,245,0.8);
    opacity: 0;
    border: 1px solid darkgray;
    z-index: 99999;
    visibility: hidden;
    border-radius: .2em;
}
[data-title] {
    position: relative;
    /* cursor: help; */
}