improvement: better margins
This commit is contained in:
parent
777e7ef31b
commit
a4e62f5b7a
7 changed files with 30 additions and 25 deletions
|
@ -19,6 +19,10 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
|
|||
$border-radius: 3px;
|
||||
$border-size: 1px;
|
||||
|
||||
$baseline: 1.5;
|
||||
$baselinerem: $baseline * 1rem;
|
||||
$baseheight: 18px;
|
||||
|
||||
@mixin borders() {
|
||||
border: $border-size solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
|
|
@ -21,12 +21,13 @@ header h1 {
|
|||
border-style:none !important;
|
||||
color:#FFF;
|
||||
font-weight:700;
|
||||
font-size:5.4em;
|
||||
font-size:5.4rem;
|
||||
font-style:oblique;
|
||||
padding-bottom:0px;
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
line-height: 1.5em;
|
||||
line-height: 7.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
|
@ -53,15 +54,16 @@ header h1 {
|
|||
/* 02.2 - Footer */
|
||||
|
||||
footer {
|
||||
margin-top:40px;
|
||||
margin-top: $baselinerem;
|
||||
}
|
||||
|
||||
/* social media */
|
||||
|
||||
ul.social {
|
||||
font-size:1.5em;
|
||||
padding-bottom:1em;
|
||||
padding:0;
|
||||
margin:auto;
|
||||
margin-bottom: $baselinerem;
|
||||
text-align:center;
|
||||
li {
|
||||
margin:0;
|
||||
|
|
|
@ -2,9 +2,6 @@
|
|||
|
||||
/* ------------------ GLOBAL STYLE ------------------- */
|
||||
|
||||
$baseline: 1.5;
|
||||
$baseheight: 18px;
|
||||
|
||||
@mixin paragraph() {
|
||||
padding:0;
|
||||
margin:0;
|
||||
|
|
|
@ -127,8 +127,8 @@
|
|||
/* 11.3 - Réseaux sociaux */
|
||||
|
||||
.share-buttons {
|
||||
margin-top:15px;
|
||||
margin-bottom:15px;
|
||||
margin-top: $baselinerem;
|
||||
margin-bottom: $baselinerem;
|
||||
}
|
||||
|
||||
.reagir {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
@include border-radius();
|
||||
box-shadow: $large-shadow;
|
||||
border: none;
|
||||
margin-bottom:1.2em;
|
||||
margin-bottom: $baselinerem;
|
||||
}
|
||||
|
||||
@mixin card-relief {
|
||||
|
@ -99,7 +99,7 @@
|
|||
height: 64px;
|
||||
width: 64px;
|
||||
border-radius: 10px;
|
||||
margin-right:1em;
|
||||
margin-right: $baselinerem;
|
||||
}
|
||||
|
||||
|
||||
|
|
22
style.css
22
style.css
|
@ -478,12 +478,13 @@ header h1 {
|
|||
border-style: none !important;
|
||||
color: #FFF;
|
||||
font-weight: 700;
|
||||
font-size: 5.4em;
|
||||
font-size: 5.4rem;
|
||||
font-style: oblique;
|
||||
padding-bottom: 0px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
line-height: 1.5em;
|
||||
line-height: 7.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
|
@ -510,14 +511,15 @@ header h1 {
|
|||
|
||||
/* 02.2 - Footer */
|
||||
footer {
|
||||
margin-top: 40px;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
/* social media */
|
||||
ul.social {
|
||||
font-size: 1.5em;
|
||||
padding-bottom: 1em;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
margin-bottom: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
ul.social li {
|
||||
|
@ -550,7 +552,7 @@ ul.social li a:hover {
|
|||
border-radius: 3px 3px 3px 3px;
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
border: none;
|
||||
margin-bottom: 1.2em;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
|
||||
color: #333;
|
||||
|
@ -678,7 +680,7 @@ ul.social li a:hover {
|
|||
height: 64px;
|
||||
width: 64px;
|
||||
border-radius: 10px;
|
||||
margin-right: 1em;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.card-meta author {
|
||||
display: block;
|
||||
|
@ -707,7 +709,7 @@ a.list-group-item:hover {
|
|||
border-radius: 3px 3px 3px 3px;
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
border: none;
|
||||
margin-bottom: 1.2em;
|
||||
margin-bottom: 1.5rem;
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
|
||||
background-color: #eeeeec;
|
||||
}
|
||||
|
@ -720,7 +722,7 @@ a.list-group-item:hover {
|
|||
border-radius: 3px 3px 3px 3px;
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
||||
border: none;
|
||||
margin-bottom: 1.2em;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
|
@ -1158,8 +1160,8 @@ a.list-group-item:hover {
|
|||
|
||||
/* 11.3 - Réseaux sociaux */
|
||||
.share-buttons {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.reagir {
|
||||
|
|
File diff suppressed because one or more lines are too long
Reference in a new issue