General Updates

Updated .icon padding to make iconography appear centered.

Updated container alignment to center to remove outdated attribute.

Removed underline from links within buttons.
This commit is contained in:
Seth Cottle 2020-04-13 21:26:25 -04:00
parent 5b9ff2057d
commit 3a477974b2
4 changed files with 4 additions and 4 deletions

View file

@ -34,6 +34,7 @@
.button, .button,
button { button {
display: inline-block; display: inline-block;
text-decoration: none;
height: 48px; height: 48px;
padding: 0 16px; padding: 0 16px;
text-align: center; text-align: center;
@ -43,7 +44,6 @@ button {
font-weight: 600; font-weight: 600;
line-height: 48px; line-height: 48px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
text-decoration: none;
white-space: nowrap; white-space: nowrap;
background-color: transparent; background-color: transparent;
border-radius: 8px; border-radius: 8px;
@ -67,7 +67,7 @@ button:hover,
*/ */
.icon { .icon {
padding: 0px 8px; padding: 0px 8px 3.5px 0px;
vertical-align: middle; vertical-align: middle;
width: 20px; width: 20px;
height: 20px; height: 20px;

View file

@ -37,6 +37,7 @@
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
text-align: center;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; } box-sizing: border-box; }

View file

@ -37,6 +37,7 @@
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
text-align: center;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; } box-sizing: border-box; }

View file

@ -35,7 +35,6 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="column" style="margin-top: 10%"> <div class="column" style="margin-top: 10%">
<center>
<!-- Your Image Here --> <!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x"> <img src="images/avatar.png" srcset="images/avatar@2x.png 2x">
@ -134,7 +133,6 @@
<br> <br>
<p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p> <p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p>
</center>
</div> </div>
</div> </div>
</div> </div>