deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2026-03-17 16:00:07 +01:00
Code Issues Projects Releases Wiki Activity

Added default card, more types to come

Browse source
This commit is contained in:
Thomas Cazade 2017-11-01 15:48:02 +01:00
commit c92cd319f3
3 changed files with 77 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/cards.less Normal file
View file

@ -0,0 +1,42 @@
.card {
// Card border can't be changed with .border-x classes
// since we want to avoid the little blank space between
// image and border-top-left/right-radius, so we force
// the default border class and customize it on the img
.border;
position: relative;
display: flex;
flex-direction: column;
word-wrap: break-word;
.card-body {
flex: 1 1 auto;
padding: 1.25rem;
.card-title, h4 {
margin-top: 0;
margin-bottom: 0.5rem;
}
.card-subtitle, h5 {
.text-secondary;
margin-top: 0;
margin-bottom: 0.5rem;
}
.card-text, p {
margin-top: 0;
margin-bottom: 1rem;
}
}
img {
border: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 255px 14px !important;
border-top-right-radius: 13px 225px !important;
}
}

3
src/styles.less
View file

@ -13,4 +13,5 @@
@import (less) "./tables.less";
@import (less) "./images.less";
@import (less) "./utilities.less";
@import (less) "./popovers.less";
@import (less) "./popovers.less";
@import (less) "./cards.less";