kazhnuz/bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improvement: better margins

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
scss/_definitions.scss
View file

@ -19,6 +19,10 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
$border-radius: 3px; $border-radius: 3px;
$border-size: 1px; $border-size: 1px;
$baseline: 1.5;
$baselinerem: $baseline * 1rem;
$baseheight: 18px;
@mixin borders() { @mixin borders() {
border: $border-size solid rgba(0, 0, 0, 0.3); border: $border-size solid rgba(0, 0, 0, 0.3);
} }

16
scss/_global.scss
View file

@ -21,12 +21,13 @@ header h1 {
border-style:none !important; border-style:none !important;
color:#FFF; color:#FFF;
font-weight:700; font-weight:700;
font-size:5.4em; font-size:5.4rem;
font-style:oblique; font-style:oblique;
padding-bottom:0px; padding-bottom:0px;
margin:auto; margin:auto;
text-align:center; text-align:center;
line-height: 1.5em; line-height: 7.5rem;
margin-bottom: 1.5rem;
} }
.navbar { .navbar {
@ -53,16 +54,17 @@ header h1 {
/* 02.2 - Footer */ /* 02.2 - Footer */
footer { footer {
margin-top:40px; margin-top: $baselinerem;
} }
/* social media */ /* social media */
ul.social { ul.social {
font-size:1.5em; font-size:1.5em;
padding-bottom:1em; padding:0;
margin:auto; margin:auto;
text-align:center; margin-bottom: $baselinerem;
text-align:center;
li { li {
margin:0; margin:0;
list-style: none; list-style: none;

3
scss/_typography.scss
View file

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

4
scss/components/_buttons.scss
View file

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

4
scss/components/_cards.scss
View file

@ -4,7 +4,7 @@
@include border-radius(); @include border-radius();
box-shadow: $large-shadow; box-shadow: $large-shadow;
border: none; border: none;
margin-bottom:1.2em; margin-bottom: $baselinerem;
} }
@mixin card-relief { @mixin card-relief {
@ -99,7 +99,7 @@
height: 64px; height: 64px;
width: 64px; width: 64px;
border-radius: 10px; border-radius: 10px;
margin-right:1em; margin-right: $baselinerem;
} }

22
style.css
View file

@ -478,12 +478,13 @@ header h1 {
border-style: none !important; border-style: none !important;
color: #FFF; color: #FFF;
font-weight: 700; font-weight: 700;
font-size: 5.4em; font-size: 5.4rem;
font-style: oblique; font-style: oblique;
padding-bottom: 0px; padding-bottom: 0px;
margin: auto; margin: auto;
text-align: center; text-align: center;
line-height: 1.5em; line-height: 7.5rem;
margin-bottom: 1.5rem;
} }
.navbar { .navbar {
@ -510,14 +511,15 @@ header h1 {
/* 02.2 - Footer */ /* 02.2 - Footer */
footer { footer {
margin-top: 40px; margin-top: 1.5rem;
} }
/* social media */ /* social media */
ul.social { ul.social {
font-size: 1.5em; font-size: 1.5em;
padding-bottom: 1em; padding: 0;
margin: auto; margin: auto;
margin-bottom: 1.5rem;
text-align: center; text-align: center;
} }
ul.social li { ul.social li {
@ -550,7 +552,7 @@ ul.social li a:hover {
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
border: none; 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 { .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
color: #333; color: #333;
@ -678,7 +680,7 @@ ul.social li a:hover {
height: 64px; height: 64px;
width: 64px; width: 64px;
border-radius: 10px; border-radius: 10px;
margin-right: 1em; margin-right: 1.5rem;
} }
.card-meta author { .card-meta author {
display: block; display: block;
@ -707,7 +709,7 @@ a.list-group-item:hover {
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
border: none; 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); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
background-color: #eeeeec; background-color: #eeeeec;
} }
@ -720,7 +722,7 @@ a.list-group-item:hover {
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
border: none; border: none;
margin-bottom: 1.2em; margin-bottom: 1.5rem;
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
@ -1158,8 +1160,8 @@ a.list-group-item:hover {
/* 11.3 - Réseaux sociaux */ /* 11.3 - Réseaux sociaux */
.share-buttons { .share-buttons {
margin-top: 15px; margin-top: 1.5rem;
margin-bottom: 15px; margin-bottom: 1.5rem;
} }
.reagir { .reagir {

2
style.css.map
View file

File diff suppressed because one or more lines are too long