Skip to content

Instantly share code, notes, and snippets.

@than
Created May 7, 2024 16:58
Show Gist options
  • Save than/2cf5d83bd2e6c9d7b177c5e1f5caf325 to your computer and use it in GitHub Desktop.
Save than/2cf5d83bd2e6c9d7b177c5e1f5caf325 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@import "compass/css3";
@function makelongshadow($color) {
$val: 0px 0px $color;
@for $i from 1 through 300 {
$val: #{$val}, #{$i}px #{$i}px #{$color};
}
@return $val;
}
@mixin longshadow($color) {
text-shadow: makelongshadow($color);
}
$color: #272727;
.gh-header.is-classic {
padding: 240px 40px 40px 40px;
overflow: hidden;
}
.gh-header-inner {
// padding: 100px;
text-align: center;
overflow: hidden;
text-transform: uppercase;
font-family: 'Avenir Next', Avenir, sans-serif;
font-weight: 700;
// border-bottom: 5px solid #ccc;
// background-color: $color;
.highlight {
color: white; /* Initial color */
animation: fadeInText 1s ease-in forwards;
}
@keyframes fadeInText {
from {
color: white; /* Starting color */
}
to {
color: #fecf02; /* Ending color */
}
}
h1 {
line-height: 1;
margin: 0;
color: #fff;
}
// h2 {
// line-height: 1;
// margin: 0;
// color: #fff;
// }
h1 {
font-size: 75px;
@include longshadow(darken($color, 5% ));
}
// h2 {
// font-size: 40px;
// @include longshadow(darken($color, 8% ));
// }
}
.gh-header.is-classic {
padding: 240px 40px 40px 40px;
overflow: hidden;
}
.gh-header-inner {
text-align: center;
overflow: hidden;
text-transform: uppercase;
font-family: "Avenir Next", Avenir, sans-serif;
font-weight: 700;
}
.gh-header-inner .highlight {
color: white;
/* Initial color */
animation: fadeInText 1s ease-in forwards;
}
@keyframes fadeInText {
from {
color: white;
/* Starting color */
}
to {
color: #fecf02;
/* Ending color */
}
}
.gh-header-inner h1 {
line-height: 1;
margin: 0;
color: #fff;
}
.gh-header-inner h1 {
font-size: 75px;
text-shadow: 0px 0px #1a1a1a, 1px 1px #1a1a1a, 2px 2px #1a1a1a, 3px 3px #1a1a1a, 4px 4px #1a1a1a, 5px 5px #1a1a1a, 6px 6px #1a1a1a, 7px 7px #1a1a1a, 8px 8px #1a1a1a, 9px 9px #1a1a1a, 10px 10px #1a1a1a, 11px 11px #1a1a1a, 12px 12px #1a1a1a, 13px 13px #1a1a1a, 14px 14px #1a1a1a, 15px 15px #1a1a1a, 16px 16px #1a1a1a, 17px 17px #1a1a1a, 18px 18px #1a1a1a, 19px 19px #1a1a1a, 20px 20px #1a1a1a, 21px 21px #1a1a1a, 22px 22px #1a1a1a, 23px 23px #1a1a1a, 24px 24px #1a1a1a, 25px 25px #1a1a1a, 26px 26px #1a1a1a, 27px 27px #1a1a1a, 28px 28px #1a1a1a, 29px 29px #1a1a1a, 30px 30px #1a1a1a, 31px 31px #1a1a1a, 32px 32px #1a1a1a, 33px 33px #1a1a1a, 34px 34px #1a1a1a, 35px 35px #1a1a1a, 36px 36px #1a1a1a, 37px 37px #1a1a1a, 38px 38px #1a1a1a, 39px 39px #1a1a1a, 40px 40px #1a1a1a, 41px 41px #1a1a1a, 42px 42px #1a1a1a, 43px 43px #1a1a1a, 44px 44px #1a1a1a, 45px 45px #1a1a1a, 46px 46px #1a1a1a, 47px 47px #1a1a1a, 48px 48px #1a1a1a, 49px 49px #1a1a1a, 50px 50px #1a1a1a, 51px 51px #1a1a1a, 52px 52px #1a1a1a, 53px 53px #1a1a1a, 54px 54px #1a1a1a, 55px 55px #1a1a1a, 56px 56px #1a1a1a, 57px 57px #1a1a1a, 58px 58px #1a1a1a, 59px 59px #1a1a1a, 60px 60px #1a1a1a, 61px 61px #1a1a1a, 62px 62px #1a1a1a, 63px 63px #1a1a1a, 64px 64px #1a1a1a, 65px 65px #1a1a1a, 66px 66px #1a1a1a, 67px 67px #1a1a1a, 68px 68px #1a1a1a, 69px 69px #1a1a1a, 70px 70px #1a1a1a, 71px 71px #1a1a1a, 72px 72px #1a1a1a, 73px 73px #1a1a1a, 74px 74px #1a1a1a, 75px 75px #1a1a1a, 76px 76px #1a1a1a, 77px 77px #1a1a1a, 78px 78px #1a1a1a, 79px 79px #1a1a1a, 80px 80px #1a1a1a, 81px 81px #1a1a1a, 82px 82px #1a1a1a, 83px 83px #1a1a1a, 84px 84px #1a1a1a, 85px 85px #1a1a1a, 86px 86px #1a1a1a, 87px 87px #1a1a1a, 88px 88px #1a1a1a, 89px 89px #1a1a1a, 90px 90px #1a1a1a, 91px 91px #1a1a1a, 92px 92px #1a1a1a, 93px 93px #1a1a1a, 94px 94px #1a1a1a, 95px 95px #1a1a1a, 96px 96px #1a1a1a, 97px 97px #1a1a1a, 98px 98px #1a1a1a, 99px 99px #1a1a1a, 100px 100px #1a1a1a, 101px 101px #1a1a1a, 102px 102px #1a1a1a, 103px 103px #1a1a1a, 104px 104px #1a1a1a, 105px 105px #1a1a1a, 106px 106px #1a1a1a, 107px 107px #1a1a1a, 108px 108px #1a1a1a, 109px 109px #1a1a1a, 110px 110px #1a1a1a, 111px 111px #1a1a1a, 112px 112px #1a1a1a, 113px 113px #1a1a1a, 114px 114px #1a1a1a, 115px 115px #1a1a1a, 116px 116px #1a1a1a, 117px 117px #1a1a1a, 118px 118px #1a1a1a, 119px 119px #1a1a1a, 120px 120px #1a1a1a, 121px 121px #1a1a1a, 122px 122px #1a1a1a, 123px 123px #1a1a1a, 124px 124px #1a1a1a, 125px 125px #1a1a1a, 126px 126px #1a1a1a, 127px 127px #1a1a1a, 128px 128px #1a1a1a, 129px 129px #1a1a1a, 130px 130px #1a1a1a, 131px 131px #1a1a1a, 132px 132px #1a1a1a, 133px 133px #1a1a1a, 134px 134px #1a1a1a, 135px 135px #1a1a1a, 136px 136px #1a1a1a, 137px 137px #1a1a1a, 138px 138px #1a1a1a, 139px 139px #1a1a1a, 140px 140px #1a1a1a, 141px 141px #1a1a1a, 142px 142px #1a1a1a, 143px 143px #1a1a1a, 144px 144px #1a1a1a, 145px 145px #1a1a1a, 146px 146px #1a1a1a, 147px 147px #1a1a1a, 148px 148px #1a1a1a, 149px 149px #1a1a1a, 150px 150px #1a1a1a, 151px 151px #1a1a1a, 152px 152px #1a1a1a, 153px 153px #1a1a1a, 154px 154px #1a1a1a, 155px 155px #1a1a1a, 156px 156px #1a1a1a, 157px 157px #1a1a1a, 158px 158px #1a1a1a, 159px 159px #1a1a1a, 160px 160px #1a1a1a, 161px 161px #1a1a1a, 162px 162px #1a1a1a, 163px 163px #1a1a1a, 164px 164px #1a1a1a, 165px 165px #1a1a1a, 166px 166px #1a1a1a, 167px 167px #1a1a1a, 168px 168px #1a1a1a, 169px 169px #1a1a1a, 170px 170px #1a1a1a, 171px 171px #1a1a1a, 172px 172px #1a1a1a, 173px 173px #1a1a1a, 174px 174px #1a1a1a, 175px 175px #1a1a1a, 176px 176px #1a1a1a, 177px 177px #1a1a1a, 178px 178px #1a1a1a, 179px 179px #1a1a1a, 180px 180px #1a1a1a, 181px 181px #1a1a1a, 182px 182px #1a1a1a, 183px 183px #1a1a1a, 184px 184px #1a1a1a, 185px 185px #1a1a1a, 186px 186px #1a1a1a, 187px 187px #1a1a1a, 188px 188px #1a1a1a, 189px 189px #1a1a1a, 190px 190px #1a1a1a, 191px 191px #1a1a1a, 192px 192px #1a1a1a, 193px 193px #1a1a1a, 194px 194px #1a1a1a, 195px 195px #1a1a1a, 196px 196px #1a1a1a, 197px 197px #1a1a1a, 198px 198px #1a1a1a, 199px 199px #1a1a1a, 200px 200px #1a1a1a, 201px 201px #1a1a1a, 202px 202px #1a1a1a, 203px 203px #1a1a1a, 204px 204px #1a1a1a, 205px 205px #1a1a1a, 206px 206px #1a1a1a, 207px 207px #1a1a1a, 208px 208px #1a1a1a, 209px 209px #1a1a1a, 210px 210px #1a1a1a, 211px 211px #1a1a1a, 212px 212px #1a1a1a, 213px 213px #1a1a1a, 214px 214px #1a1a1a, 215px 215px #1a1a1a, 216px 216px #1a1a1a, 217px 217px #1a1a1a, 218px 218px #1a1a1a, 219px 219px #1a1a1a, 220px 220px #1a1a1a, 221px 221px #1a1a1a, 222px 222px #1a1a1a, 223px 223px #1a1a1a, 224px 224px #1a1a1a, 225px 225px #1a1a1a, 226px 226px #1a1a1a, 227px 227px #1a1a1a, 228px 228px #1a1a1a, 229px 229px #1a1a1a, 230px 230px #1a1a1a, 231px 231px #1a1a1a, 232px 232px #1a1a1a, 233px 233px #1a1a1a, 234px 234px #1a1a1a, 235px 235px #1a1a1a, 236px 236px #1a1a1a, 237px 237px #1a1a1a, 238px 238px #1a1a1a, 239px 239px #1a1a1a, 240px 240px #1a1a1a, 241px 241px #1a1a1a, 242px 242px #1a1a1a, 243px 243px #1a1a1a, 244px 244px #1a1a1a, 245px 245px #1a1a1a, 246px 246px #1a1a1a, 247px 247px #1a1a1a, 248px 248px #1a1a1a, 249px 249px #1a1a1a, 250px 250px #1a1a1a, 251px 251px #1a1a1a, 252px 252px #1a1a1a, 253px 253px #1a1a1a, 254px 254px #1a1a1a, 255px 255px #1a1a1a, 256px 256px #1a1a1a, 257px 257px #1a1a1a, 258px 258px #1a1a1a, 259px 259px #1a1a1a, 260px 260px #1a1a1a, 261px 261px #1a1a1a, 262px 262px #1a1a1a, 263px 263px #1a1a1a, 264px 264px #1a1a1a, 265px 265px #1a1a1a, 266px 266px #1a1a1a, 267px 267px #1a1a1a, 268px 268px #1a1a1a, 269px 269px #1a1a1a, 270px 270px #1a1a1a, 271px 271px #1a1a1a, 272px 272px #1a1a1a, 273px 273px #1a1a1a, 274px 274px #1a1a1a, 275px 275px #1a1a1a, 276px 276px #1a1a1a, 277px 277px #1a1a1a, 278px 278px #1a1a1a, 279px 279px #1a1a1a, 280px 280px #1a1a1a, 281px 281px #1a1a1a, 282px 282px #1a1a1a, 283px 283px #1a1a1a, 284px 284px #1a1a1a, 285px 285px #1a1a1a, 286px 286px #1a1a1a, 287px 287px #1a1a1a, 288px 288px #1a1a1a, 289px 289px #1a1a1a, 290px 290px #1a1a1a, 291px 291px #1a1a1a, 292px 292px #1a1a1a, 293px 293px #1a1a1a, 294px 294px #1a1a1a, 295px 295px #1a1a1a, 296px 296px #1a1a1a, 297px 297px #1a1a1a, 298px 298px #1a1a1a, 299px 299px #1a1a1a, 300px 300px #1a1a1a;
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment