When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}
/**************************\ | |
Basic Modal Styles | |
\**************************/ | |
.modal { | |
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; | |
} | |
.modal__overlay { | |
position: fixed; |
function hide(selector) { $(selector).setAttribute('style','display:none')} | |
function remove(selector) { $(selector).remove()} | |
function remove_class(selector) { $(selector).setAttribute('class','')} | |
function move_left(count) | |
{ | |
var eventObj = document.createEvent("Events"); | |
eventObj.initEvent("keydown", true, true); | |
eventObj.which = 37; // left key | |
for (i=0; i < count ; i++) { |
// Made with Amplify Shader Editor | |
// Available at the Unity Asset Store - http://u3d.as/y3X | |
Shader "Unlit/Directional Tint" | |
{ | |
Properties | |
{ | |
_MainTex("MainTex", 2D) = "white" {} | |
_Color("Color", Color) = (1,1,1,1) | |
_ColorA("ColorA", Color) = (1,1,1,1) | |
_ColorB("ColorB", Color) = (1,1,1,1) |