Create helper class for smaller font sizes
MODIFY
resources/assets/sass/components/helpers.scss
resources/assets/sass/components/helpers.scss
}
}
+.fs-sm {
+ font-size: 14px;
+ font-weight: 600; // To prevent anti-aliasing from fucking it up
+}
+
// Colors
.theme-light .color-dark {
color: #000;

MODIFY
resources/views/layout.blade.php
resources/views/layout.blade.php
@yield('body')
@if (auth()->check())
<div class="text-center mb-3">
- <a href="/ideas/create" style="font-size: 14px;">Know how to make this app better?</a>
+ <a class="fs-sm" href="/ideas/create">Know how to make this app better?</a>
</div>
@endif
</div>

MODIFY
resources/views/login.blade.php
resources/views/login.blade.php
</div>
</form>
</div>
- <div class="box__section box__section--highlight text-center">
- <a href="/register">New to Budget?</a>
</div>
+ <div class="text-center mt-2">
+ <a class="fs-sm" href="/register">New to Budget?</a>
</div>
</div>
@endsection

MODIFY
resources/views/register.blade.php
resources/views/register.blade.php
<button class="button">Register</button>
</form>
</div>
- <div class="box__section box__section--highlight text-center">
- <a href="/login">Already on Budget?</a>
</div>
+ <div class="text-center mt-2">
+ <a class="fs-sm" href="/login">Already on Budget?</a>
</div>
</div>
@endsection

Create helper class for smaller font sizes