Remove responsive breakpoints and make compact

This commit is contained in:
Luis Cielak 2018-06-11 14:13:12 -04:00
parent 2e6a6bb53d
commit 10fb969d33
7 changed files with 33 additions and 67 deletions

View File

@ -8,6 +8,7 @@
@import 'components/empty_state'; @import 'components/empty_state';
@import 'sections/layout'; @import 'sections/navigation';
@import 'sections/footer';
@import 'sections/login'; @import 'sections/login';

View File

@ -0,0 +1 @@
$nav-width: 300px;

View File

@ -0,0 +1,9 @@
footer {
position: fixed;
bottom: 0;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 1em;
background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter;
}

View File

@ -1,17 +0,0 @@
.content {
}
header {
}
section {
}
footer {
position: fixed;
bottom: 0;
width: 100%;
}

View File

@ -0,0 +1,16 @@
.usa-navbar {
height: 5rem;
width: 5%;
}
.usa-nav {
padding-top: 1rem;
padding-left: 0;
}
.usa-nav-primary {
li:last-child {
padding-left: 3rem;
}
}

View File

@ -1,52 +1,9 @@
<footer class="usa-footer usa-footer-slim" role="contentinfo"> <footer class="usa-footer usa-footer-slim">
<div class="usa-grid usa-footer-return-to-top">
<a href="#">Return to top</a> <div class="usa-grid">
</div> <div class="usa-footer-logo">
<div class="usa-footer-primary-section"> <h5 class="usa-footer-slim-logo-heading">Joint Enterprise Defense Infrastructure</h5>
<div class="usa-grid">
<nav class="usa-footer-nav usa-width-two-thirds">
<ul class="usa-unstyled-list">
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Home</a>
</li>
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Accounts</a>
</li>
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Requests</a>
</li>
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Users</a>
</li>
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Reports</a>
</li>
<li class="usa-width-one-fourth usa-footer-primary-content">
<a class="usa-footer-primary-link" href="javascript:void(0);">Usage Calculator</a>
</li>
</ul>
</nav>
<address>
<div class="usa-width-one-third">
<div class="usa-footer-primary-content usa-footer-contact_info">
<p>
<a href="tel:1-800-555-5555">(800) CALL-GOVT</a>
</p>
</div>
<div class="usa-footer-primary-content usa-footer-contact_info">
<p><a href="mailto:info@dds.mil">info@dds.mil</a></p>
</div>
</div>
</address>
</div> </div>
</div> </div>
<div class="usa-footer-secondary_section">
<div class="usa-grid">
<div class="usa-footer-logo">
<img class="usa-footer-slim-logo-img" src="/static/img/logo.png" alt="Defense Digital Service Logo">
<h3 class="usa-footer-slim-logo-heading">Defense Digital Service</h3>
</div>
</div>
</div>
</footer> </footer>

View File

@ -16,7 +16,6 @@
['requests', 'Requests'], ['requests', 'Requests'],
['users', 'Users' ], ['users', 'Users' ],
['reports', 'Reports' ], ['reports', 'Reports' ],
['calculator','Usage Calculator'],
] ]
%} %}
<li> <li>