mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-23 10:27:20 +01:00
Matthias Kretschmann
e4c37c22ab
- fix modals - fix bitcoin modal - more spacious code - different lead paragraph style
202 lines
3.2 KiB
Stylus
202 lines
3.2 KiB
Stylus
//
|
|
// kremalicious3
|
|
// --------------
|
|
// Generic Content
|
|
//
|
|
|
|
|
|
// Page Title
|
|
/////////////////////////////////////
|
|
|
|
.page-title
|
|
@extend .h2, .heading-band
|
|
color: $brand-grey-light
|
|
margin-top: -($spacer*2)
|
|
margin-bottom: $spacer
|
|
|
|
.hash
|
|
@extend .h3
|
|
color: darken($page-bg, 15%)
|
|
margin-right: 2px
|
|
|
|
.hentry
|
|
@extend .divider-bottom
|
|
padding-top: ($spacer*2)
|
|
padding-bottom: ($spacer*2)
|
|
width: 100%
|
|
|
|
&:first-child
|
|
padding-top: 0
|
|
|
|
@media $screen-sm
|
|
padding-top: ($spacer*3)
|
|
padding-bottom: ($spacer*3)
|
|
|
|
.page-single &
|
|
border: none
|
|
|
|
&:before
|
|
@extend .hide
|
|
|
|
|
|
// Post Header
|
|
/////////////////////////////////////
|
|
|
|
.entry-header
|
|
.page-single &
|
|
@media $screen-md
|
|
breakoutviewport()
|
|
|
|
|
|
// Post Title
|
|
/////////////////////////////////////
|
|
|
|
.entry-title
|
|
@extend .h1, .textcenter
|
|
color: $headings-color
|
|
margin-top: 0
|
|
margin-bottom: $spacer
|
|
|
|
.format-link &
|
|
@extend .h3
|
|
|
|
|
|
// Post Lead
|
|
/////////////////////////////////////
|
|
|
|
.entry-lead
|
|
@extend .large, .textcenter
|
|
color: $brand-grey
|
|
line-height: $line-height-large
|
|
|
|
|
|
// Post/photo teaser
|
|
/////////////////////////////////////
|
|
|
|
.hentry__teaser
|
|
picture
|
|
@extend .breakoutviewport
|
|
max-width: none
|
|
display: block
|
|
margin-top: ($spacer*1.5)
|
|
margin-bottom: ($spacer*1.5)
|
|
|
|
img
|
|
@extend .media-frame
|
|
border-radius: 0
|
|
|
|
@media $screen-sm
|
|
border-radius: $border-radius-base
|
|
|
|
.hentry__teaser--link
|
|
&:hover,
|
|
&:focus
|
|
img
|
|
border-color: $link-color
|
|
|
|
// Post Content
|
|
/////////////////////////////////////
|
|
|
|
.entry-content
|
|
h1,
|
|
h2
|
|
@extend .heading-band
|
|
|
|
h1
|
|
@extend .h2
|
|
h2
|
|
@extend .h3
|
|
h3
|
|
@extend .h4
|
|
|
|
img:not(.hentry__teaser img)
|
|
margin-bottom: ($spacer/2)
|
|
|
|
p:last-child
|
|
margin-bottom: 0
|
|
|
|
|
|
// Post meta
|
|
/////////////////////////////////////
|
|
|
|
.entry-meta
|
|
@extend .small
|
|
margin-top: ($spacer*2)
|
|
|
|
.byline,
|
|
.time,
|
|
.tags,
|
|
.categories
|
|
@extend .textcenter
|
|
|
|
.byline,
|
|
.time
|
|
@extend .text-dimmed, .italic
|
|
|
|
.byline
|
|
margin-bottom: 0
|
|
|
|
.by
|
|
display: block
|
|
|
|
.time
|
|
margin-bottom: ($spacer*2)
|
|
|
|
|
|
// Categories & Tags
|
|
/////////////////////////////////////
|
|
|
|
.categories
|
|
margin-bottom: ($spacer/2)
|
|
|
|
.category
|
|
@extend .h6, .textcenter, .mini
|
|
color: $text-color
|
|
line-height: 1
|
|
text-transform: uppercase
|
|
border: 1px solid $text-color
|
|
border-radius: $border-radius-base
|
|
padding: 4px 8px
|
|
margin: 0
|
|
display: inline-block
|
|
|
|
&:hover,
|
|
&:focus
|
|
color: $link-color
|
|
border-color: $link-color
|
|
|
|
&:active
|
|
background: $link-color
|
|
top: 0
|
|
color: #fff
|
|
|
|
.tag
|
|
color: $text-color
|
|
margin-right: 5px
|
|
|
|
&:before
|
|
@extend .text-dimmed
|
|
content: '#'
|
|
margin-right: 1px
|
|
|
|
.avatar
|
|
width: 80px
|
|
height: 80px
|
|
border-radius: 80px
|
|
border: 2px solid #fff
|
|
|
|
|
|
// Goodies download
|
|
/////////////////////////////////////
|
|
|
|
.goodie-actions
|
|
@extend .aligncenter
|
|
max-width: 640px
|
|
|
|
p,
|
|
.btn
|
|
margin-bottom: 0
|
|
|
|
.btn
|
|
display: block
|