mirror of
https://github.com/maxboeck/webring
synced 2025-02-16 17:58:23 +00:00
styling
This commit is contained in:
parent
1444a00ddb
commit
c66e8f8922
11 changed files with 31 additions and 14 deletions
14
src/assets/styles/base/_helpers.scss
Normal file
14
src/assets/styles/base/_helpers.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.u-align-right {
|
||||
text-align: right !important;
|
||||
}
|
|
@ -11,6 +11,7 @@ body {
|
|||
color: $body-color;
|
||||
text-align: left;
|
||||
background-color: $body-bg;
|
||||
padding: 3rem 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
|
|
|
@ -25,10 +25,11 @@ h3 {
|
|||
|
||||
a {
|
||||
color: $brand-primary;
|
||||
font-weight: 500;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: darken($brand-primary, 15%);
|
||||
color: darken($brand-primary, 10%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: inherit;
|
||||
font-size: 0.9rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.618em;
|
||||
padding: 0.5em 1em;
|
||||
|
|
|
@ -31,7 +31,6 @@
|
|||
}
|
||||
|
||||
&__memberlist {
|
||||
margin-bottom: 1rem;
|
||||
max-height: 200px;
|
||||
border: 1px solid $gray-lighter;
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,6 +5,7 @@
|
|||
@import 'base/typography';
|
||||
@import 'base/markdown';
|
||||
@import 'base/syntax';
|
||||
@import 'base/helpers';
|
||||
|
||||
@import 'components/button';
|
||||
@import 'components/webring';
|
||||
|
|
|
@ -4,4 +4,6 @@ title: 'Code of Conduct'
|
|||
permalink: coc/index.html
|
||||
---
|
||||
|
||||
Lorem Ipsum dolor
|
||||
# Code of Conduct
|
||||
|
||||
Rules for being in this webring.
|
|
@ -15,5 +15,7 @@
|
|||
<label for="input-bot">Don’t fill this out if you're human:</label>
|
||||
<input type="text" name="bot" id="input-bot" />
|
||||
</div>
|
||||
<button type="submit" class="btn btn--primary">Please Add Me!</button>
|
||||
<div class="u-align-right">
|
||||
<button type="submit" class="btn btn--primary">Please Add Me!</button>
|
||||
</div>
|
||||
</form>
|
|
@ -4,11 +4,11 @@ layout: home
|
|||
|
||||
## What's this?
|
||||
|
||||
A community of sites around a common topic, also known as a [webring](). Kids in the 90s used to do it.
|
||||
A community of sites around a common topic, also known as a [webring](https://en.wikipedia.org/wiki/Webring). Kids in the 90s used to do it.
|
||||
|
||||
## How to join
|
||||
|
||||
To join the webring, [open a pull request]({{ meta.repo }}/compare) and supply the name and URL of your site. If you publish a RSS feed, you can provide that as well to add it to the central index.
|
||||
To join the webring, [open a pull request]({{ meta.repo }}/compare) and supply the name and URL of your site. If you publish a RSS feed, you can provide that as well.
|
||||
|
||||
If you don't have a Github account, you can also use this form to sign up:
|
||||
|
||||
|
|
|
@ -1,9 +1,6 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
<div class="page">
|
||||
<h1 class="page__title">{{ title }}</h1>
|
||||
<div class="page__body markdown">
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="markdown">
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue