Pinned Loading

1. Responsively sizing clip-path using ... Responsively sizing clip-path using SVG #svg #html #css

   1

   # How to do it

   2

   1. Export your SVG

   3

   2. Chuck it inline on your page somewhere

   4

   3. Add `width="0px" height="0px" style="position:absolute;pointer-events:none"` to the svg element to make it not visible on the page.

   5

   4. Put the `<path>` element within a `<clipPath>` element

2. Gives gmail a cleaner look by removi... Gives gmail a cleaner look by removing some stuff and limiting the width of the reading area #css

   1

   /* Hide stuff */

   2

   /* Note: these class names can change sometimes so it could be out of date */

   3

   .aeG,/* bottom links & info*/

   4

   .gb_Dc, /*gmail logo*/

   5

   .zo, /*support icon*/

3. Makes the 'No new emails' text prett... Makes the 'No new emails' text pretty in gmail when you reach inbox zero

   1

   .TC:not(:empty) {

   2

       height:60vh;

   3

       position: relative; /* for positioning other stuff*/

   4

       border-bottom: 1px solid white; /* no grey border*/

   5