Skip to content

Instantly share code, notes, and snippets.

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