diff --git a/opentech/static_src/src/sass/components/_link.scss b/opentech/static_src/src/sass/components/_link.scss index 5034a9524c336847dfc5c24472b2d8178c42101b..122cf34a433a3877d3b51dca97c7928f631e9e80 100644 --- a/opentech/static_src/src/sass/components/_link.scss +++ b/opentech/static_src/src/sass/components/_link.scss @@ -38,4 +38,23 @@ display: none; } } + + &--fixed-apply { + @include button($color--purple); + position: fixed; + bottom: 0; + z-index: 100; + display: none; + color: $color--white; + border: 0; + + @include media-query(tablet-portrait) { + right: 5%; + display: block; + } + + @include media-query(tablet-landscape) { + right: 10%; + } + } } diff --git a/opentech/templates/base.html b/opentech/templates/base.html index 7e0b0e363586387eaef7adb4b86bf6d8ed150f4d..7b16d2cf96d14c1f3f02997d37bd9d8b43b744de 100644 --- a/opentech/templates/base.html +++ b/opentech/templates/base.html @@ -75,6 +75,7 @@ <header class="header header--standard"> {% endif %} + <a href="#" class="link link--fixed-apply">Apply</a> <div class="header__inner wrapper wrapper--large"> <a href="{% slugurl 'home' %}"> <svg class="header__logo header__logo--desktop"><use xlink:href="#logo-desktop"></use></svg>