new style for card headers
This commit is contained in:
parent
d725646057
commit
6263014bd3
2 changed files with 20 additions and 3 deletions
2
NEWS
2
NEWS
|
@ -16,6 +16,8 @@
|
|||
|
||||
- New components : social media links
|
||||
|
||||
- New style for card headers
|
||||
|
||||
- New Palette based on a work by Tobias Bernard for the Fractal application
|
||||
|
||||
- Color that aren't based on semantics
|
||||
|
|
|
@ -90,7 +90,7 @@ a.social-link:hover {
|
|||
}
|
||||
|
||||
|
||||
/* ------------------ PANELS ------------------- */
|
||||
/* ------------------ CARDS ------------------- */
|
||||
|
||||
.card {
|
||||
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
|
||||
|
@ -98,6 +98,19 @@ a.social-link:hover {
|
|||
margin-bottom:1.2em;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
border-top-left-radius:3px;
|
||||
border-top-right-radius:3px;
|
||||
border-top:1px solid;
|
||||
border-left:1px solid;
|
||||
border-right:1px solid;
|
||||
border-width:1px;
|
||||
border-color:rgba(0,0,0,0.3);
|
||||
font-size:1.1em;
|
||||
box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
|
||||
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10 {
|
||||
color:#333;
|
||||
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
||||
|
@ -108,10 +121,12 @@ a.social-link:hover {
|
|||
}
|
||||
|
||||
h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title, h7.card-title, h8.card-title, h9.card-title, h10.card-title {
|
||||
font-size:1.1em;
|
||||
text-align:center;
|
||||
font-size:1em;
|
||||
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
color:#FFF;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
/* meta */
|
||||
|
|
Reference in a new issue