diff --git a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md index 8cb443a4..2dca1d2a 100644 --- a/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md +++ b/content/posts/2012-07-16-using-kbd-for-fun-and-profit/index.md @@ -5,7 +5,6 @@ title: Using for fun and profit image: ./kremalicious-kbdfun-teaser.png style: ./post-kbd.css author: Matthias Kretschmann -featured: true date: 2012-07-16 14:36:58+00:00 diff --git a/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro-teaser.png b/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro-teaser.png new file mode 100644 index 00000000..77cfae1f Binary files /dev/null and b/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro-teaser.png differ diff --git a/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro.png b/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro.png new file mode 100644 index 00000000..1b2773c5 Binary files /dev/null and b/content/posts/2017-05-16-hyper-mac-pro/hyper-mac-pro.png differ diff --git a/content/posts/2017-05-16-hyper-mac-pro/index.md b/content/posts/2017-05-16-hyper-mac-pro/index.md new file mode 100644 index 00000000..bed0a973 --- /dev/null +++ b/content/posts/2017-05-16-hyper-mac-pro/index.md @@ -0,0 +1,48 @@ +--- +type: post +date: 2017-05-16T19:50:52.281Z +updated: 2018-10-30T19:50:52.281Z + +title: Hyper Mac Pro +image: hyper-mac-pro-teaser.png + +featured: true + +tags: + - goodies + - css + - hyper + - macos + - terminal + - apple +--- + +Tab style for [Hyper](https://hyper.is/) inspired by Apple's pro apps on macOS, like Final Cut Pro or Logic. + +If you use Hyper along with those apps, this theme is for you. It is purely a tab style theme, it won't affect the rest of your chosen theme. + +## Installation + +Install by adding `hyper-mac-pro` to the plugins property in your `~/.hyper.js`: + +```js +plugins: [ + 'hyper-mac-pro' +] +``` + +If you're using `hpm`, from the command line: + +```bash +hpm install hyper-mac-pro +``` + +![Hyper Mac Pro](./hyper-mac-pro.png) + +## Check out & contribute + +Head over to GitHub to take a peek into the code or report some issues. + +

+ GitHub +

diff --git a/src/components/Post/PostMore.module.scss b/src/components/Post/PostMore.module.scss index 10a6364f..02010faf 100644 --- a/src/components/Post/PostMore.module.scss +++ b/src/components/Post/PostMore.module.scss @@ -1,11 +1,13 @@ @import 'variables'; .postMore { + display: inline-block; font-family: $font-family-headings; font-weight: $font-weight-headings; font-size: $font-size-base * .9; color: $link-color; text-transform: uppercase; + margin-top: $spacer; svg { display: inline-block; diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss index 5bc73957..5bebaf8f 100644 --- a/src/styles/_buttons.scss +++ b/src/styles/_buttons.scss @@ -6,7 +6,6 @@ a.btn { text-align: center; display: block; margin-bottom: 0; - vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; // Reset unusual Firefox-on-Android default style diff --git a/src/templates/Post.jsx b/src/templates/Post.jsx index 9052d8ac..15680006 100644 --- a/src/templates/Post.jsx +++ b/src/templates/Post.jsx @@ -121,6 +121,7 @@ export const pageQuery = graphql` siteMetadata { siteUrl author { + name uri } }