mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-13 16:45:14 +01:00
fix kbd post style
This commit is contained in:
parent
ae9030ef6d
commit
837a27fa56
@ -8,7 +8,7 @@ author: Matthias Kretschmann
|
||||
featured: true
|
||||
|
||||
date: 2012-07-16 14:36:58+00:00
|
||||
|
||||
|
||||
tags:
|
||||
- design
|
||||
- css
|
||||
|
@ -66,8 +66,8 @@ kbd.android.color {
|
||||
|
||||
@font-face {
|
||||
font-family: 'RobotoRegular';
|
||||
src: url('./Roboto-Regular-webfont.eot');
|
||||
src: url('./Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./Roboto-Regular-webfont.woff') format('woff'), url('./Roboto-Regular-webfont.ttf') format('truetype'), url('./Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
|
||||
src: url('/media/Roboto-Regular-webfont.eot');
|
||||
src: url('/media/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/media/Roboto-Regular-webfont.woff') format('woff'), url('/media/Roboto-Regular-webfont.ttf') format('truetype'), url('/media/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
@ -1,71 +0,0 @@
|
||||
//
|
||||
// kremalicious3
|
||||
// --------------
|
||||
// kbdfun
|
||||
//
|
||||
|
||||
@import '_kremalicious/variables'
|
||||
|
||||
kbd
|
||||
font-size: 18px
|
||||
color: #444444
|
||||
font-family: "Lucida Grande", Lucida, Verdana, sans-serif
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
text-align: center
|
||||
line-height: 1em
|
||||
text-shadow: 0 1px 0 #fff
|
||||
display: inline
|
||||
padding: .3em .55em
|
||||
border-radius: 6px
|
||||
background-clip: padding-box
|
||||
border: 1px solid #bbb
|
||||
background-color: #f7f7f7
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0))
|
||||
background-repeat: repeat-x
|
||||
box-shadow: 0px 2px 0 #bbbbbb, 0 3px 1px #999999, 0 3px 0 #bbbbbb, inset 0 1px 1px #ffffff, inset 0 -1px 3px #cccccc
|
||||
|
||||
kbd.dark
|
||||
color: #eeeeee
|
||||
text-shadow: 0 -1px 0 #000000
|
||||
border-color: #000
|
||||
background-color: #4d4c4c
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0))
|
||||
background-repeat: no-repeat
|
||||
box-shadow: 0px 2px 0 #000000, 0 3px 1px #999999, inset 0 1px 1px #aaaaaa, inset 0 -1px 3px #272727
|
||||
|
||||
kbd.ios
|
||||
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif
|
||||
color: #000
|
||||
border-color: rgba(0, 0, 0, 0.6)
|
||||
border-top-color: rgba(0, 0, 0, 0.4)
|
||||
background-color: #b7b7bc
|
||||
background-image: linear-gradient(to bottom, #efeff0, #b7b7bc)
|
||||
background-repeat: repeat-x
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff
|
||||
|
||||
kbd.android
|
||||
font-family: 'RobotoRegular', "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||
color: #ffffff
|
||||
text-shadow: none
|
||||
padding: .3em
|
||||
border: 1px solid rgba(0, 0, 0, 0.05)
|
||||
border-radius: 3px
|
||||
background-clip: padding-box
|
||||
background: #5e5e5e
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #444444, inset 0 1px 0 #868686
|
||||
|
||||
kbd.android.dark
|
||||
background: #222222
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #505050
|
||||
|
||||
kbd.android.color
|
||||
background: #083c5b
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #36647b
|
||||
|
||||
@font-face
|
||||
font-family: 'RobotoRegular'
|
||||
src: url('../fonts/Roboto-Regular-webfont.eot')
|
||||
src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg')
|
||||
font-weight: normal
|
||||
font-style: normal
|
@ -15,11 +15,13 @@ import styles from './Post.module.scss'
|
||||
const Post = ({ data, location }) => {
|
||||
const { markdownRemark: post } = data
|
||||
const { contentYaml: meta } = data
|
||||
const { title, image, type, linkurl } = post.frontmatter
|
||||
const { title, image, type, linkurl, style } = post.frontmatter
|
||||
|
||||
return (
|
||||
<Layout location={location}>
|
||||
<Helmet title={title} />
|
||||
<Helmet title={title}>
|
||||
{style && <link rel="stylesheet" href={style.publicURL} />}
|
||||
</Helmet>
|
||||
|
||||
<article className={styles.hentry}>
|
||||
<PostTitle type={type} linkurl={linkurl} title={title} />
|
||||
@ -86,6 +88,9 @@ export const pageQuery = graphql`
|
||||
updated
|
||||
tags
|
||||
linkurl
|
||||
style {
|
||||
publicURL
|
||||
}
|
||||
}
|
||||
fields {
|
||||
slug
|
||||
|
Loading…
Reference in New Issue
Block a user