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;
}| // 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) |
| 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++) { |
| /**************************\ | |
| 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; |