m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

spacing fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-03-02 01:28:01 +01:00
parent 213e48887e
commit 67cddfcf1f
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_src/_assets/styl/content-photo.styl
View File

@ -7,6 +7,11 @@
.hentry.format-photo
@extend .textcenter
.hentry__teaser
picture
margin-top: 0
margin-bottom: 0
figure
@extend .aligncenter
position: relative
@ -20,7 +25,6 @@
@extend .transition
transition-property: transform, opacity
position: absolute
top: 25%
min-width: 45%
text-align: right
font-family: $headings-font-family
@ -34,6 +38,7 @@
text-shadow: 0 1px 0 #000
left: -8%
top: $line-height-computed
@media $breakpoint2
left: -16%
@ -50,11 +55,11 @@
margin-top: $line-height-computed
.page-single &
padding-top: ($line-height-computed*2)
padding-top: 0
padding-bottom: ($line-height-computed*3)
@media $breakpoint2
padding-top: ($line-height-computed*4)
padding-top: 0
padding-bottom: ($line-height-computed*6)
figure img
@ -63,8 +68,6 @@
figcaption
opacity: 1
transform: translate(0,0)
top: auto
bottom: 0
background: #000
background: rgba(#000, .4)

1
_src/_assets/styl/content-related.styl
View File

@ -40,6 +40,7 @@
.related-photos
@extend .divider-top
margin-top: $line-height-computed
padding-top: $line-height-computed
.photo-link
display: block

8
_src/_assets/styl/grid.styl
View File

@ -106,7 +106,7 @@
.grid--2of6,
.grid--third
> .grid__col
flex: 0 0 33%
flex: 0 0 33.3333%
.grid--3of6,
.grid--half
@ -138,7 +138,7 @@
.grid-small--2of6,
.grid-small--third
> .grid__col
flex: 0 0 33%
flex: 0 0 33.3333%
.grid-small--3of6,
.grid-small--half
@ -170,7 +170,7 @@
.grid-medium--2of6,
.grid-medium--third
> .grid__col
flex: 0 0 33%
flex: 0 0 33.3333%
.grid-medium--3of6,
.grid-medium--half
@ -201,7 +201,7 @@
.grid-large--2of6,
.grid-large--third
> .grid__col
flex: 0 0 33%
flex: 0 0 33.3333%
.grid-large--3of6,
.grid-large--half