mirror of
https://github.com/nairobilug/pelican-alchemy.git
synced 2024-12-30 12:15:06 +01:00
Pixels must! align 🐺
Remove rounded, keep consistent design
This commit is contained in:
parent
b2ab9b8041
commit
a00eaab125
4 changed files with 46 additions and 32 deletions
|
|
@ -4,17 +4,22 @@
|
|||
text-shadow: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #0085a1
|
||||
color: #0085a1;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color: #818a91;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------- */
|
||||
|
|
@ -23,9 +28,14 @@ a:hover {
|
|||
max-width: 960px;
|
||||
}
|
||||
|
||||
.header,
|
||||
.footer {
|
||||
background-color: #f5f5f5;
|
||||
padding: 1.5rem 0 .5rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.header img {
|
||||
|
|
@ -33,7 +43,6 @@ a:hover {
|
|||
}
|
||||
|
||||
.header .title {
|
||||
font-size: 3rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
|
@ -50,13 +59,11 @@ a:hover {
|
|||
}
|
||||
|
||||
.main {
|
||||
background-color: #fff;
|
||||
padding: 2rem 0;
|
||||
padding: 1.5rem 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
|
|
@ -86,14 +93,25 @@ a:hover {
|
|||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.article .content p {
|
||||
margin: 1.5rem 0;
|
||||
.article header li:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.article .content a {
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
/* Pad article content */
|
||||
.article .content p {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.header .title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.header,
|
||||
.footer {
|
||||
|
|
@ -105,6 +123,6 @@ a:hover {
|
|||
}
|
||||
|
||||
.teaser header li:not(:last-child) {
|
||||
margin-right: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue