andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

prevent reflow due to github-button

Browse Source
This commit is contained in:
atomiks
2018-03-13 21:22:19 +10:00
parent 46063f585f
commit 746cf77b90
6 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/3df57813b7ec2de885ea6075ff46ed46.css
View File

File diff suppressed because one or more lines are too long

26
docs/3df57813b7ec2de885ea6075ff46ed46.js
View File

File diff suppressed because one or more lines are too long

2
docs/index.html
View File

File diff suppressed because one or more lines are too long

4
index.html
View File

@ -77,7 +77,9 @@
<p class="header__description">
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
</p>
<a class="github-button header__github-button" href="https://github.com/atomiks/30-seconds-of-css" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star atomiks/30-seconds-of-css on GitHub">Star</a>
<div class="header__github-button-wrapper">
<a class="github-button header__github-button" href="https://github.com/atomiks/30-seconds-of-css" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star atomiks/30-seconds-of-css on GitHub">Star</a>
</div>
</div>
</header>
<main class="main" id="main">

4
src/css/components/header.scss
View File

@ -59,6 +59,10 @@
font-size: 4rem;
}
&__github-button-wrapper {
height: 28px;
}
&__github-button {
color: white;
}

4
src/html/components/header.html
View File

@ -5,6 +5,8 @@
<p class="header__description">
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
</p>
<a class="github-button header__github-button" href="https://github.com/atomiks/30-seconds-of-css" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star atomiks/30-seconds-of-css on GitHub">Star</a>
<div class="header__github-button-wrapper">
<a class="github-button header__github-button" href="https://github.com/atomiks/30-seconds-of-css" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star atomiks/30-seconds-of-css on GitHub">Star</a>
</div>
</div>
</header>