status-im
/
artproject
mirror of https://github.com/status-im/artproject.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix button offset and hover bug

This commit is contained in:
Maciej Matuszewski 2018-01-25 21:21:52 +01:00
parent 73d990dffb
commit 1d1f4c371b
3 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/hbs/partials/components/button.hbs
View File

@ -1,7 +1,6 @@
<{{#if href}}a href={{href}} rel="noopener" target="_blank"{{else}}button{{/if}}
class="button {{ class }}"
>
<div class="js-reveal-block {{ternary orangeReveal "js-reveal-orange" ""}} js-parallax"
<div class="button {{ class }}">
<{{#if href}}a href={{href}} rel="noopener" target="_blank"{{else}}button{{/if}}
class="button__hover-trigger js-reveal-block {{ternary orangeReveal "js-reveal-orange" ""}} js-parallax"
data-rellax-speed="{{ternary rellax-speed rellax-speed 0}}"
>
<div

6
src/styles/components/_button.scss
View File

@ -2,13 +2,17 @@ $_button_transition: all .25s ease-in-out;
.button {
width: 100%;
&,
&__hover-trigger {
font-family: 'Work Sans';
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
transition: $_button_transition;
}
&:hover &__wrapper {
&__hover-trigger:hover &__wrapper {
&::before {
transform: scaleX(1);
}

2
src/styles/components/_header.scss
View File

@ -1,7 +1,7 @@
.header {
position: fixed;
top: 0;
z-index: 10;
z-index: 11;
width: 100%;
height: $header-height--mobile;
background-color: $color-navy;