improvement: better margins

This commit is contained in:
Kazhnuz 2019-11-05 14:24:23 +01:00
parent 777e7ef31b
commit a4e62f5b7a
7 changed files with 30 additions and 25 deletions

View file

@ -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);
}

View file

@ -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,16 +54,17 @@ header h1 {
/* 02.2 - Footer */
footer {
margin-top:40px;
margin-top: $baselinerem;
}
/* social media */
ul.social {
font-size:1.5em;
padding-bottom:1em;
margin:auto;
text-align:center;
font-size:1.5em;
padding:0;
margin:auto;
margin-bottom: $baselinerem;
text-align:center;
li {
margin:0;
list-style: none;

View file

@ -2,9 +2,6 @@
/* ------------------ GLOBAL STYLE ------------------- */
$baseline: 1.5;
$baseheight: 18px;
@mixin paragraph() {
padding:0;
margin:0;

View file

@ -127,8 +127,8 @@
/* 11.3 - Réseaux sociaux */
.share-buttons {
margin-top:15px;
margin-bottom:15px;
margin-top: $baselinerem;
margin-bottom: $baselinerem;
}
.reagir {

View file

@ -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;
}

View file

@ -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