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 {

12
index.html
View File

@ -154,13 +154,16 @@
<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">
<div class="column is-3 is-offset-2-desktop">
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc"> <a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
<span class="icon"> <span class="icon">
<i class="fab icon-envelope-open"></i> <i class="fab icon-envelope-open"></i>
</span> </span>
<span>Email</span> <span>Email</span>
</a> </a>
</div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/" <a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank"> target="_blank">
<span class="icon"> <span class="icon">
@ -168,13 +171,17 @@
</span> </span>
<span>LinkedIn</span> <span>LinkedIn</span>
</a> </a>
</div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank"> <a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
<span class="icon"> <span class="icon">
<i class="fab icon-teleg"></i> <i class="fab icon-teleg"></i>
</span> </span>
<span>Telegram</span> <span>Telegram</span>
</a> </a>
<a class="button is-large is-fullw-mobile is-hidden-desktop" href="https://github.com/AdamasFR" </div>
<div class="column is-3">
<a class="button is-large is-fullw-mobile is-hidden-tablet" href="https://github.com/AdamasFR"
target="_blank"> target="_blank">
<span class="icon"> <span class="icon">
<i class="fab icon-github-alt"></i> <i class="fab icon-github-alt"></i>
@ -184,6 +191,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="footer has-text-centered dontPrint"> <footer class="footer has-text-centered dontPrint">