adamas/curriculum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction du centrage des boutons sur tout supports (a tester)

Browse Source
This commit is contained in:
Anthony Dumas 2019-03-19 09:59:19 +01:00
parent 0290cce7eb
commit 4d4e3917f4
3 changed files with 39 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
_sass/main.scss
View File

@ -89,16 +89,8 @@ div.hero-body {
margin-right: env(safe-area-inset-right);
}
.btn-centered div.column.hasContent {
padding-left: 5%;
}
.btn-centered .button+.button {
margin-left: 80px;
}
.btn-centered .button {
min-width: 150px;
.button {
min-width: 155px;
}
@media screen and (max-width: 768px) {

10
css/main.css
View File

@ -6980,14 +6980,8 @@ div.hero-body {
margin-left: env(safe-area-inset-left);
margin-right: env(safe-area-inset-right); }
.btn-centered div.column.hasContent {
padding-left: 5%; }
.btn-centered .button + .button {
margin-left: 80px; }
.btn-centered .button {
min-width: 150px; }
.button {
min-width: 155px; }
@media screen and (max-width: 768px) {
.button.is-fullw-mobile {

62
index.html
View File

@ -154,33 +154,41 @@
<h2 class="subtitle">
Vous pouvez me contacter de nombreuses façons !
</h2>
<div class="btn-centered">
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
<span class="icon">
<i class="fab icon-envelope-open"></i>
</span>
<span>Email</span>
</a>
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank">
<span class="icon">
<i class="fab icon-linke-square"></i>
</span>
<span>LinkedIn</span>
</a>
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
<span class="icon">
<i class="fab icon-teleg"></i>
</span>
<span>Telegram</span>
</a>
<a class="button is-large is-fullw-mobile is-hidden-desktop" href="https://github.com/AdamasFR"
target="_blank">
<span class="icon">
<i class="fab icon-github-alt"></i>
</span>
<span>Github</span>
</a>
<div class="columns">
<div class="column is-3 is-offset-2-desktop">
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
<span class="icon">
<i class="fab icon-envelope-open"></i>
</span>
<span>Email</span>
</a>
</div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank">
<span class="icon">
<i class="fab icon-linke-square"></i>
</span>
<span>LinkedIn</span>
</a>
</div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
<span class="icon">
<i class="fab icon-teleg"></i>
</span>
<span>Telegram</span>
</a>
</div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile is-hidden-tablet" href="https://github.com/AdamasFR"
target="_blank">
<span class="icon">
<i class="fab icon-github-alt"></i>
</span>
<span>Github</span>
</a>
</div>
</div>
</div>
</div>