|
|
@ -75,6 +75,22 @@ a |
|
|
|
a:not(:hover) |
|
|
|
text-decoration: none |
|
|
|
|
|
|
|
.prose-link |
|
|
|
color: var(--prose-link-color) |
|
|
|
opacity: 0.8 |
|
|
|
text-decoration: none |
|
|
|
font-weight: bold |
|
|
|
transition: opacity 0.25s ease-in, color 0.25s ease-in, text-shadow 0.15s ease-in |
|
|
|
|
|
|
|
&:hover, &:focus |
|
|
|
opacity: 1.0 |
|
|
|
color: var(--prose-link-hover-color) |
|
|
|
text-shadow: -0.5px 0.5px 0 var(--prose-link-shadow-color), 0.5px 0.5px 0 var(--prose-link-shadow-color), 0.5px -0.5px 0 var(--prose-link-shadow-color), -0.5px -0.5px 0 var(--prose-link-shadow-color) |
|
|
|
|
|
|
|
|
|
|
|
&:focus |
|
|
|
outline: 1px dotted |
|
|
|
|
|
|
|
.container |
|
|
|
margin: 0 auto |
|
|
|
position: relative |
|
|
@ -156,29 +172,29 @@ thead th |
|
|
|
size: 400px 386px |
|
|
|
|
|
|
|
.get-in-touch |
|
|
|
display: flex |
|
|
|
flex-direction: row |
|
|
|
flex-wrap: wrap |
|
|
|
justify-content: right |
|
|
|
gap: $large-spacer |
|
|
|
margin: $large-spacer $huge-spacer $large-spacer auto |
|
|
|
display: flex |
|
|
|
flex-direction: row |
|
|
|
flex-wrap: wrap |
|
|
|
justify-content: right |
|
|
|
gap: $large-spacer |
|
|
|
margin: $large-spacer $huge-spacer $large-spacer auto |
|
|
|
|
|
|
|
.button, .button:hover |
|
|
|
background-color: transparent |
|
|
|
border: 2px solid #ced4da |
|
|
|
color: #333 |
|
|
|
border: 2px solid $gray-400 |
|
|
|
color: var(--heading-color) |
|
|
|
padding: 7px 12px |
|
|
|
display: block |
|
|
|
margin: 10px 0 |
|
|
|
font-size: $body-font-size |
|
|
|
font-weight: 700 |
|
|
|
text-decoration: none !important |
|
|
|
.button a |
|
|
|
display: inline |
|
|
|
text-decoration: none !important |
|
|
|
color: #333 |
|
|
|
.button:hover |
|
|
|
background-color: #fefefe |
|
|
|
a |
|
|
|
display: inline |
|
|
|
text-decoration: none !important |
|
|
|
color: var(--heading-color) |
|
|
|
&:hover |
|
|
|
background-color: var(--highlight-color) |
|
|
|
|
|
|
|
.twitter-button, .email-button |
|
|
|
padding 0px |
|
|
@ -203,14 +219,9 @@ thead th |
|
|
|
.header-image |
|
|
|
background-image: url(/doublefourteen-logo-light.svg) |
|
|
|
|
|
|
|
// FIXME |
|
|
|
.button, .button:hover |
|
|
|
color: inherit |
|
|
|
.button a |
|
|
|
color: #ccc |
|
|
|
.button:hover |
|
|
|
background-color: #383838 |
|
|
|
|
|
|
|
.external-prose-link |
|
|
|
@extend .external-link |
|
|
|
@extend .prose-link |
|
|
|
|
|
|
|
@media only screen and (max-width:800px) |
|
|
|
.work-in-progress-content |
|
|
|