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 components : social media links
|
||||||
|
|
||||||
|
- New style for card headers
|
||||||
|
|
||||||
- New Palette based on a work by Tobias Bernard for the Fractal application
|
- New Palette based on a work by Tobias Bernard for the Fractal application
|
||||||
|
|
||||||
- Color that aren't based on semantics
|
- Color that aren't based on semantics
|
||||||
|
|
|
@ -90,7 +90,7 @@ a.social-link:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ------------------ PANELS ------------------- */
|
/* ------------------ CARDS ------------------- */
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
|
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
|
||||||
|
@ -98,6 +98,19 @@ a.social-link:hover {
|
||||||
margin-bottom:1.2em;
|
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 {
|
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10 {
|
||||||
color:#333;
|
color:#333;
|
||||||
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
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 {
|
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;
|
font-size:1em;
|
||||||
text-align:center;
|
|
||||||
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
|
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
|
||||||
|
padding:0px;
|
||||||
margin:0px;
|
margin:0px;
|
||||||
|
color:#FFF;
|
||||||
|
font-weight:400;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* meta */
|
/* meta */
|
||||||
|
|
Reference in a new issue