Last active
December 17, 2015 04:19
-
-
Save jedfoster/5549483 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com, the Sass playground.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Sassy Text Shadows (v0.0.4) | |
| body { | |
| text-align: center; | |
| } | |
| h1 { | |
| @include text-shadow(sassy-text-shadow(#BADA55)); | |
| line-height: 8em; | |
| } | |
| h2 { | |
| @include text-shadow(sassy-text-shadow(#BADA55, 100, 80, 120, 90, -45, 0.09)); | |
| line-height: 8em; | |
| } | |
| h3 { | |
| @include text-shadow(long-shadow(30, #BADA55, 25, 0)); | |
| line-height: 8em; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| text-align: center; | |
| } | |
| h1 { | |
| text-shadow: rgba(186, 218, 85, 0.01) 49.90134px 3.13953px 0.1px, rgba(186, 218, 85, 0.02) 49.60574px 6.26666px 0.2px, rgba(186, 218, 85, 0.03) 49.11436px 9.36907px 0.3px, rgba(186, 218, 85, 0.04) 48.42916px 12.43449px 0.4px, rgba(186, 218, 85, 0.05) 47.55283px 15.45085px 0.5px, rgba(186, 218, 85, 0.06) 46.48882px 18.40623px 0.6px, rgba(186, 218, 85, 0.07) 45.24135px 21.28896px 0.7px, rgba(186, 218, 85, 0.08) 43.81533px 24.08768px 0.8px, rgba(186, 218, 85, 0.09) 42.2164px 26.79134px 0.9px, rgba(186, 218, 85, 0.1) 40.45085px 29.38926px 1px, rgba(186, 218, 85, 0.11) 38.52566px 31.8712px 1.1px, rgba(186, 218, 85, 0.12) 36.44843px 34.22736px 1.2px, rgba(186, 218, 85, 0.13) 34.22736px 36.44843px 1.3px, rgba(186, 218, 85, 0.14) 31.8712px 38.52566px 1.4px, rgba(186, 218, 85, 0.15) 29.38926px 40.45085px 1.5px, rgba(186, 218, 85, 0.16) 26.79134px 42.2164px 1.6px, rgba(186, 218, 85, 0.17) 24.08768px 43.81533px 1.7px, rgba(186, 218, 85, 0.18) 21.28896px 45.24135px 1.8px, rgba(186, 218, 85, 0.19) 18.40623px 46.48882px 1.9px, rgba(186, 218, 85, 0.2) 15.45085px 47.55283px 2px, rgba(186, 218, 85, 0.21) 12.43449px 48.42916px 2.1px, rgba(186, 218, 85, 0.22) 9.36907px 49.11436px 2.2px, rgba(186, 218, 85, 0.23) 6.26666px 49.60574px 2.3px, rgba(186, 218, 85, 0.24) 3.13953px 49.90134px 2.4px, rgba(186, 218, 85, 0.25) 0.0px 50px 2.5px, rgba(186, 218, 85, 0.26) -3.13953px 49.90134px 2.6px, rgba(186, 218, 85, 0.27) -6.26666px 49.60574px 2.7px, rgba(186, 218, 85, 0.28) -9.36907px 49.11436px 2.8px, rgba(186, 218, 85, 0.29) -12.43449px 48.42916px 2.9px, rgba(186, 218, 85, 0.3) -15.45085px 47.55283px 3px, rgba(186, 218, 85, 0.31) -18.40623px 46.48882px 3.1px, rgba(186, 218, 85, 0.32) -21.28896px 45.24135px 3.2px, rgba(186, 218, 85, 0.33) -24.08768px 43.81533px 3.3px, rgba(186, 218, 85, 0.34) -26.79134px 42.2164px 3.4px, rgba(186, 218, 85, 0.35) -29.38926px 40.45085px 3.5px, rgba(186, 218, 85, 0.36) -31.8712px 38.52566px 3.6px, rgba(186, 218, 85, 0.37) -34.22736px 36.44843px 3.7px, rgba(186, 218, 85, 0.38) -36.44843px 34.22736px 3.8px, rgba(186, 218, 85, 0.39) -38.52566px 31.8712px 3.9px, rgba(186, 218, 85, 0.4) -40.45085px 29.38926px 4px, rgba(186, 218, 85, 0.41) -42.2164px 26.79134px 4.1px, rgba(186, 218, 85, 0.42) -43.81533px 24.08768px 4.2px, rgba(186, 218, 85, 0.43) -45.24135px 21.28896px 4.3px, rgba(186, 218, 85, 0.44) -46.48882px 18.40623px 4.4px, rgba(186, 218, 85, 0.45) -47.55283px 15.45085px 4.5px, rgba(186, 218, 85, 0.46) -48.42916px 12.43449px 4.6px, rgba(186, 218, 85, 0.47) -49.11436px 9.36907px 4.7px, rgba(186, 218, 85, 0.48) -49.60574px 6.26666px 4.8px, rgba(186, 218, 85, 0.49) -49.90134px 3.13953px 4.9px, rgba(186, 218, 85, 0.5) -50px 0.0px 5px, rgba(186, 218, 85, 0.51) -49.90134px -3.13953px 5.1px, rgba(186, 218, 85, 0.52) -49.60574px -6.26666px 5.2px, rgba(186, 218, 85, 0.53) -49.11436px -9.36907px 5.3px, rgba(186, 218, 85, 0.54) -48.42916px -12.43449px 5.4px, rgba(186, 218, 85, 0.55) -47.55283px -15.45085px 5.5px, rgba(186, 218, 85, 0.56) -46.48882px -18.40623px 5.6px, rgba(186, 218, 85, 0.57) -45.24135px -21.28896px 5.7px, rgba(186, 218, 85, 0.58) -43.81533px -24.08768px 5.8px, rgba(186, 218, 85, 0.59) -42.2164px -26.79134px 5.9px, rgba(186, 218, 85, 0.6) -40.45085px -29.38926px 6px, rgba(186, 218, 85, 0.61) -38.52566px -31.8712px 6.1px, rgba(186, 218, 85, 0.62) -36.44843px -34.22736px 6.2px, rgba(186, 218, 85, 0.63) -34.22736px -36.44843px 6.3px, rgba(186, 218, 85, 0.64) -31.8712px -38.52566px 6.4px, rgba(186, 218, 85, 0.65) -29.38926px -40.45085px 6.5px, rgba(186, 218, 85, 0.66) -26.79134px -42.2164px 6.6px, rgba(186, 218, 85, 0.67) -24.08768px -43.81533px 6.7px, rgba(186, 218, 85, 0.68) -21.28896px -45.24135px 6.8px, rgba(186, 218, 85, 0.69) -18.40623px -46.48882px 6.9px, rgba(186, 218, 85, 0.7) -15.45085px -47.55283px 7px, rgba(186, 218, 85, 0.71) -12.43449px -48.42916px 7.1px, rgba(186, 218, 85, 0.72) -9.36907px -49.11436px 7.2px, rgba(186, 218, 85, 0.73) -6.26666px -49.60574px 7.3px, rgba(186, 218, 85, 0.74) -3.13953px -49.90134px 7.4px, rgba(186, 218, 85, 0.75) 0.0px -50px 7.5px, rgba(186, 218, 85, 0.76) 3.13953px -49.90134px 7.6px, rgba(186, 218, 85, 0.77) 6.26666px -49.60574px 7.7px, rgba(186, 218, 85, 0.78) 9.36907px -49.11436px 7.8px, rgba(186, 218, 85, 0.79) 12.43449px -48.42916px 7.9px, rgba(186, 218, 85, 0.8) 15.45085px -47.55283px 8px, rgba(186, 218, 85, 0.81) 18.40623px -46.48882px 8.1px, rgba(186, 218, 85, 0.82) 21.28896px -45.24135px 8.2px, rgba(186, 218, 85, 0.83) 24.08768px -43.81533px 8.3px, rgba(186, 218, 85, 0.84) 26.79134px -42.2164px 8.4px, rgba(186, 218, 85, 0.85) 29.38926px -40.45085px 8.5px, rgba(186, 218, 85, 0.86) 31.8712px -38.52566px 8.6px, rgba(186, 218, 85, 0.87) 34.22736px -36.44843px 8.7px, rgba(186, 218, 85, 0.88) 36.44843px -34.22736px 8.8px, rgba(186, 218, 85, 0.89) 38.52566px -31.8712px 8.9px, rgba(186, 218, 85, 0.9) 40.45085px -29.38926px 9px, rgba(186, 218, 85, 0.91) 42.2164px -26.79134px 9.1px, rgba(186, 218, 85, 0.92) 43.81533px -24.08768px 9.2px, rgba(186, 218, 85, 0.93) 45.24135px -21.28896px 9.3px, rgba(186, 218, 85, 0.94) 46.48882px -18.40623px 9.4px, rgba(186, 218, 85, 0.95) 47.55283px -15.45085px 9.5px, rgba(186, 218, 85, 0.96) 48.42916px -12.43449px 9.6px, rgba(186, 218, 85, 0.97) 49.11436px -9.36907px 9.7px, rgba(186, 218, 85, 0.98) 49.60574px -6.26666px 9.8px, rgba(186, 218, 85, 0.99) 49.90134px -3.13953px 9.9px, #bada55 50px 0.0px 10px; | |
| line-height: 8em; | |
| } | |
| h2 { | |
| text-shadow: rgba(186, 218, 85, 0.01) 79.92983px -6.69423px 0.1px, rgba(185, 218, 85, 0.02) 79.71943px -13.3415px 0.2px, rgba(185, 218, 85, 0.03) 79.36918px -19.89519px 0.3px, rgba(184, 218, 85, 0.04) 78.87968px -26.30933px 0.4px, rgba(183, 218, 85, 0.05) 78.25181px -32.53893px 0.5px, rgba(182, 218, 85, 0.06) 77.48665px -38.54029px 0.6px, rgba(180, 218, 85, 0.07) 76.58556px -44.27132px 0.7px, rgba(179, 218, 85, 0.08) 75.55011px -49.69182px 0.8px, rgba(177, 218, 85, 0.09) 74.38212px -54.76377px 0.9px, rgba(175, 218, 85, 0.1) 73.08364px -59.45159px 1px, rgba(173, 218, 85, 0.11) 71.65694px -63.72239px 1.1px, rgba(170, 218, 85, 0.12) 70.10453px -67.54623px 1.2px, rgba(168, 218, 85, 0.13) 68.42914px -70.89629px 1.3px, rgba(165, 218, 85, 0.14) 66.6337px -73.74905px 1.4px, rgba(162, 218, 85, 0.15) 64.72136px -76.08452px 1.5px, rgba(159, 218, 85, 0.16) 62.69548px -77.88631px 1.6px, rgba(155, 218, 85, 0.17) 60.5596px -79.14179px 1.7px, rgba(152, 218, 85, 0.18) 58.31749px -79.84214px 1.8px, rgba(148, 218, 85, 0.19) 55.97307px -79.98245px 1.9px, rgba(144, 218, 85, 0.2) 53.53045px -79.56175px 2px, rgba(140, 218, 85, 0.21) 50.99392px -78.58298px 2.1px, rgba(136, 218, 85, 0.22) 48.36793px -77.05301px 2.2px, rgba(131, 218, 85, 0.23) 45.65709px -74.98256px 2.3px, rgba(126, 218, 85, 0.24) 42.86614px -72.38616px 2.4px, rgba(121, 218, 85, 0.25) 40.0px -69.28203px 2.5px, rgba(116, 218, 85, 0.26) 37.06368px -65.69194px 2.6px, rgba(111, 218, 85, 0.27) 34.06234px -61.64106px 2.7px, rgba(105, 218, 85, 0.28) 31.00125px -57.15781px 2.8px, rgba(99, 218, 85, 0.29) 27.88576px -52.27365px 2.9px, rgba(93, 218, 85, 0.3) 24.72136px -47.02282px 3px, rgba(87, 218, 85, 0.31) 21.51359px -41.44216px 3.1px, rgba(85, 218, 89, 0.32) 18.26807px -35.57081px 3.2px, rgba(85, 218, 96, 0.33) 14.99051px -29.44996px 3.3px, rgba(85, 218, 103, 0.34) 11.68664px -23.12254px 3.4px, rgba(85, 218, 110, 0.35) 8.36228px -16.63294px 3.5px, rgba(85, 218, 117, 0.36) 5.02324px -10.02666px 3.6px, rgba(85, 218, 124, 0.37) 1.67539px -3.35005px 3.7px, rgba(85, 218, 132, 0.38) -1.67539px 3.35005px 3.8px, rgba(85, 218, 140, 0.39) -5.02324px 10.02666px 3.9px, rgba(85, 218, 148, 0.4) -8.36228px 16.63294px 4px, rgba(85, 218, 156, 0.41) -11.68664px 23.12254px 4.1px, rgba(85, 218, 164, 0.42) -14.99051px 29.44996px 4.2px, rgba(85, 218, 173, 0.43) -18.26807px 35.57081px 4.3px, rgba(85, 218, 182, 0.44) -21.51359px 41.44216px 4.4px, rgba(85, 218, 190, 0.45) -24.72136px 47.02282px 4.5px, rgba(85, 218, 200, 0.46) -27.88576px 52.27365px 4.6px, rgba(85, 218, 209, 0.47) -31.00125px 57.15781px 4.7px, rgba(85, 217, 218, 0.48) -34.06234px 61.64106px 4.8px, rgba(85, 208, 218, 0.49) -37.06368px 65.69194px 4.9px, rgba(85, 198, 218, 0.5) -40.0px 69.28203px 5px, rgba(85, 187, 218, 0.51) -42.86614px 72.38616px 5.1px, rgba(85, 177, 218, 0.52) -45.65709px 74.98256px 5.2px, rgba(85, 167, 218, 0.53) -48.36793px 77.05301px 5.3px, rgba(85, 156, 218, 0.54) -50.99392px 78.58298px 5.4px, rgba(85, 145, 218, 0.55) -53.53045px 79.56175px 5.5px, rgba(85, 134, 218, 0.56) -55.97307px 79.98245px 5.6px, rgba(85, 122, 218, 0.57) -58.31749px 79.84214px 5.7px, rgba(85, 111, 218, 0.58) -60.5596px 79.14179px 5.8px, rgba(85, 99, 218, 0.59) -62.69548px 77.88631px 5.9px, rgba(85, 87, 218, 0.6) -64.72136px 76.08452px 6px, rgba(95, 85, 218, 0.61) -66.6337px 73.74905px 6.1px, rgba(108, 85, 218, 0.62) -68.42914px 70.89629px 6.2px, rgba(120, 85, 218, 0.63) -70.10453px 67.54623px 6.3px, rgba(133, 85, 218, 0.64) -71.65694px 63.72239px 6.4px, rgba(146, 85, 218, 0.65) -73.08364px 59.45159px 6.5px, rgba(159, 85, 218, 0.66) -74.38212px 54.76377px 6.6px, rgba(172, 85, 218, 0.67) -75.55011px 49.69182px 6.7px, rgba(186, 85, 218, 0.68) -76.58556px 44.27132px 6.8px, rgba(200, 85, 218, 0.69) -77.48665px 38.54029px 6.9px, rgba(214, 85, 218, 0.7) -78.25181px 32.53893px 7px, rgba(218, 85, 208, 0.71) -78.87968px 26.30933px 7.1px, rgba(218, 85, 194, 0.72) -79.36918px 19.89519px 7.2px, rgba(218, 85, 179, 0.73) -79.71943px 13.3415px 7.3px, rgba(218, 85, 164, 0.74) -79.92983px 6.69423px 7.4px, rgba(218, 85, 149, 0.75) -80px 0.0px 7.5px, rgba(218, 85, 134, 0.76) -79.92983px -6.69423px 7.6px, rgba(218, 85, 119, 0.77) -79.71943px -13.3415px 7.7px, rgba(218, 85, 103, 0.78) -79.36918px -19.89519px 7.8px, rgba(218, 85, 88, 0.79) -78.87968px -26.30933px 7.9px, rgba(218, 98, 85, 0.8) -78.25181px -32.53893px 8px, rgba(218, 115, 85, 0.81) -77.48665px -38.54029px 8.1px, rgba(218, 131, 85, 0.82) -76.58556px -44.27132px 8.2px, rgba(218, 147, 85, 0.83) -75.55011px -49.69182px 8.3px, rgba(218, 164, 85, 0.84) -74.38212px -54.76377px 8.4px, rgba(218, 181, 85, 0.85) -73.08364px -59.45159px 8.5px, rgba(218, 198, 85, 0.86) -71.65694px -63.72239px 8.6px, rgba(218, 216, 85, 0.87) -70.10453px -67.54623px 8.7px, rgba(203, 218, 85, 0.88) -68.42914px -70.89629px 8.8px, rgba(185, 218, 85, 0.89) -66.6337px -73.74905px 8.9px, rgba(167, 218, 85, 0.9) -64.72136px -76.08452px 9px, rgba(149, 218, 85, 0.91) -62.69548px -77.88631px 9.1px, rgba(131, 218, 85, 0.92) -60.5596px -79.14179px 9.2px, rgba(112, 218, 85, 0.93) -58.31749px -79.84214px 9.3px, rgba(93, 218, 85, 0.94) -55.97307px -79.98245px 9.4px, rgba(85, 218, 96, 0.95) -53.53045px -79.56175px 9.5px, rgba(85, 218, 115, 0.96) -50.99392px -78.58298px 9.6px, rgba(85, 218, 134, 0.97) -48.36793px -77.05301px 9.7px, rgba(85, 218, 154, 0.98) -45.65709px -74.98256px 9.8px, rgba(85, 218, 174, 0.99) -42.86614px -72.38616px 9.9px, #55dac1 -40.0px -69.28203px 10px; | |
| line-height: 8em; | |
| } | |
| h3 { | |
| text-shadow: #bada55 0.86603px 0.5px 0, #bada55 1.73205px 1.0px 0, #bada55 2.59808px 1.5px 0, #bada55 3.4641px 2.0px 0, #bada55 4.33013px 2.5px 0, #bada55 5.19615px 3.0px 0, #bada55 6.06218px 3.5px 0, #bada55 6.9282px 4.0px 0, #bada55 7.79423px 4.5px 0, #bada55 8.66025px 5.0px 0, #bada55 9.52628px 5.5px 0, #bada55 10.3923px 6.0px 0, #bada55 11.25833px 6.5px 0, #bada55 12.12436px 7.0px 0, #bada55 12.99038px 7.5px 0, #bada55 13.85641px 8.0px 0, #bada55 14.72243px 8.5px 0, #bada55 15.58846px 9.0px 0, #bada55 16.45448px 9.5px 0, #bada55 17.32051px 10.0px 0, #bada55 18.18653px 10.5px 0, #bada55 19.05256px 11.0px 0, #bada55 19.91858px 11.5px 0, #bada55 20.78461px 12.0px 0, #bada55 21.65064px 12.5px 0; | |
| line-height: 8em; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment