1
0
mirror of https://github.com/kognise/water.css.git synced 2025-02-23 05:12:25 +01:00

feat: add footer

This commit is contained in:
Jonas Kuske 2019-05-31 00:36:55 +02:00
parent 033390881e
commit e7012d19c4
4 changed files with 19 additions and 1 deletions

View File

@ -319,6 +319,12 @@
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<footer>
<br />
<br />
<a href="#">Back to top <span class="emoji"></span></a>
</footer>
<script
src="https://unpkg.com/clipboard-polyfill@2.8.0/build/clipboard-polyfill.promise.js"
defer

2
dist/docs/style.css vendored
View File

@ -1 +1 @@
html{scroll-behavior:smooth}#js-producthunt{margin-top:1rem}#installation header>h3{margin:1rem 2.5rem 1rem 0}#installation header button{position:relative;margin-left:auto;overflow:visible}#installation header button span{position:absolute;left:-2rem;display:inline-block;transform:scale(1.3)}#installation table{table-layout:fixed}#installation table th{border:none;vertical-align:top;width:35%}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.emoji{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.translucent{opacity:.5}.v-enter,.v-leave-to{transform:scale(0)}.v-enter-active,.v-leave-active{transition:transform .22s cubic-bezier(.175,.885,.32,1.275)}[v-cloak]>*{display:none}[v-cloak]:before{content:"Version picker is loading..."}
html{scroll-behavior:smooth}#js-producthunt{margin-top:1rem}#installation header>h3{margin:1rem 2.5rem 1rem 0}#installation header button{position:relative;margin-left:auto;overflow:visible}#installation header button span{position:absolute;left:-2rem;display:inline-block;transform:scale(1.3)}#installation table{table-layout:fixed}#installation table th{border:none;vertical-align:top;width:35%}body>footer{display:flex;justify-content:flex-end;align-items:flex-end}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.emoji{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.translucent{opacity:.5}.v-enter,.v-leave-to{transform:scale(0)}.v-enter-active,.v-leave-active{transition:transform .22s cubic-bezier(.175,.885,.32,1.275)}[v-cloak]>*{display:none}[v-cloak]:before{content:"Version picker is loading..."}

View File

@ -331,6 +331,12 @@
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<footer>
<br />
<br />
<a href="#">Back to top <span class="emoji"></span></a>
</footer>
<script
src="https://unpkg.com/clipboard-polyfill@2.8.0/build/clipboard-polyfill.promise.js"
defer

View File

@ -31,6 +31,12 @@ html {
width: 35%;
}
body > footer {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
/* Used for (Links / ProductHunt) and (Installation / Copy-Button) rows */
.row {
display: flex;