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); margin-right: env(safe-area-inset-right);
} }
.btn-centered div.column.hasContent { .button {
padding-left: 5%; min-width: 155px;
}
.btn-centered .button+.button {
margin-left: 80px;
}
.btn-centered .button {
min-width: 150px;
} }
@media screen and (max-width: 768px) { @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-left: env(safe-area-inset-left);
margin-right: env(safe-area-inset-right); } margin-right: env(safe-area-inset-right); }
.btn-centered div.column.hasContent { .button {
padding-left: 5%; } min-width: 155px; }
.btn-centered .button + .button {
margin-left: 80px; }
.btn-centered .button {
min-width: 150px; }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.button.is-fullw-mobile { .button.is-fullw-mobile {

62
index.html
View File

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