emJEaJ

emJEaJ.markdown

emJEaJ

A Pen by @TimLamber on CodePen.

License.

index.html

<h1 class="longShad" >Shadow</h1>

style.less

.longShadowMixen (@color, @size){  
  -webkit-text-stroke: .2vw @color;
  font-family:'ubuntu';
     font-size: @size;
    padding:50px 0 90px 0; 
  letter-spacing:-1vw;
  text-transform:uppercase;
    background-color: @color;
    margin: 0;
    text-align: center;
    font-weight: 700;
    color: darken(@color,35%);
    text-shadow: 
 
         1px -2px 0px lighten(@color,40%), 
        -1px 2px 0px darken(@color,18%), 
        -2px 4px 1px darken(@color,17%), 
        -3px 6px 1px darken(@color,16%), 
        -4px 8px 2px darken(@color,15%), 
        -5px 10px 2px darken(@color,14%), 
        -6px 12px 3px darken(@color,13%), 
        -7px 14px 3px darken(@color,12%), 
        -8px 16px 4px darken(@color,11%), 
        -9px 18px 4px darken(@color,10%), 
        -10px 20px 5px darken(@color,9%), 
        -11px 22px 5px darken(@color,8%), 
        -12px 24px 6px darken(@color,7%), 
        -13px 26px 6px darken(@color,6%), 
        -14px 28px 7px darken(@color,5%), 
        -15px 30px 7px darken(@color,4%), 
        -16px 32px 8px darken(@color,3%), 
        -17px 34px 8px darken(@color,2%), 
        -18px 36px 9px darken(@color,1%), 
        -19px 38px 9px @color
}

.longShad {
    .longShadowMixen(#27ae60, 20vw);
}