Combine card styles into object with relative padding

This commit is contained in:
Ines Montani 2016-11-01 00:15:23 +01:00
parent 3cf094687f
commit 8ab2537661
3 changed files with 6 additions and 5 deletions

View File

@ -211,7 +211,7 @@ mixin grid-col(width)
(see /docs/usage/_data.json) (see /docs/usage/_data.json)
mixin card(title, details) mixin card(title, details)
+grid-col("half").u-border.u-padding-medium.u-text&attributes(attributes) +grid-col("half").o-card.u-text&attributes(attributes)
if details.image if details.image
+a(details.url).o-block-small +a(details.url).o-block-small
img(src=details.image alt=title width="300" role="presentation") img(src=details.image alt=title width="300" role="presentation")

View File

@ -59,7 +59,8 @@
.o-card .o-card
background: $color-back background: $color-back
border-radius: 2px border-radius: 2px
border: 1px solid $color-subtle
padding: 3.5%
//- Icons //- Icons

View File

@ -12,7 +12,7 @@ include _includes/_mixins
| in Python | in Python
+grid.o-content +grid.o-content
+grid-col("third").o-card.u-padding-medium +grid-col("third").o-card
+h(2) Fastest in the world +h(2) Fastest in the world
p p
| spaCy excells at large-scale information extraction tasks. | spaCy excells at large-scale information extraction tasks.
@ -25,7 +25,7 @@ include _includes/_mixins
+button("/docs/api", true, "primary")(target="_self") +button("/docs/api", true, "primary")(target="_self")
| Facts & figures | Facts & figures
+grid-col("third").o-card.u-padding-medium +grid-col("third").o-card
+h(2) Get things done +h(2) Get things done
p p
| spaCy is designed to help you do real work — to build real | spaCy is designed to help you do real work — to build real
@ -38,7 +38,7 @@ include _includes/_mixins
+button("/docs/usage", true, "primary")(target="_self") +button("/docs/usage", true, "primary")(target="_self")
| Get started | Get started
+grid-col("third").o-card.u-padding-medium +grid-col("third").o-card
+h(2) Deep learning +h(2) Deep learning
p p
| spaCy is the best way to prepare text for deep learning. | spaCy is the best way to prepare text for deep learning.