Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import 'src/styles/utility';
- .root {
- background-color: $black;
- padding-bottom: 56px;
- }
- .row {
- @include container;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- padding-top: 56px;
- @media (max-width: $md) {
- flex-direction: column;
- &:first-child {
- padding-bottom: 0;
- }
- }
- }
- .nav {
- display: flex;
- justify-content: space-between;
- ul {
- list-style: none;
- margin: 0;
- margin-right: 72px;
- padding: 0;
- &:last-child {
- margin-right: 0;
- }
- a {
- @include base-font();
- @include base-transition();
- color: #fff;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: 600;
- margin-bottom: 14px;
- text-decoration: none;
- text-transform: uppercase;
- &:hover {
- text-decoration: underline;
- }
- }
- }
- @media (max-width: $lg) {
- flex-basis: 40%;
- }
- @media (max-width: $md) {
- justify-content: initial;
- margin-bottom: 24px;
- }
- @media (max-width: $sm) {
- flex-direction: column;
- }
- }
- .copyright {
- @include base-transition();
- color: #fff;
- display: inline-block;
- text-decoration: none;
- span {
- color: $green;
- }
- }
- .social {
- display: flex;
- list-style: none;
- margin: 0;
- padding: 0;
- li {
- margin-right: 20px;
- &:last-child {
- margin-right: 0;
- }
- }
- }
- .extra {
- @include container();
- border-top: 1px solid rgba(255, 255, 255, 0.4);
- display: flex;
- justify-content: space-between;
- margin-top: 32px;
- padding-top: 48px;
- }
- .toTop {
- @include reset-btn();
- @include base-transition();
- color: #fff;
- text-decoration: none;
- &:hover {
- color: $green;
- cursor: pointer;
- }
- }
- .logo {
- display: block;
- position: relative;
- img {
- height: 30px;
- @media (max-width: $lg) {
- flex-basis: 40%;
- }
- @media (max-width: $md) {
- flex-basis: 100%;
- margin-bottom: 48px;
- }
- @media (max-width: $sm) {
- margin-left: -52px;
- }
- }
- figure {
- position: absolute;
- right: -88px;
- top: -25%;
- color: #fff;
- text-transform: uppercase;
- font-weight: bold;
- font-size: 0.65rem;
- background-color: #161616;
- padding: 4px 8px;
- border-radius: 3px;
- @media (max-width: $md) {
- right: 160px;
- }
- @media (max-width: $sm) {
- margin-right: -100px;
- }
- }
- }
- .offline-mode {
- opacity: 0.3;
- pointer-events: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement