dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.button-burger -> .nav-button

This commit is contained in:
Raphael Goetter 2017-09-07 18:48:39 +02:00
parent 0f91666bbc
commit 5e1c4bced1
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/knacss-unminified.css
View File

@ -2205,8 +2205,8 @@ button:focus {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 2.4rem;
width: 2.4rem;
height: 2.6rem;
width: 2.6rem;
padding: 0;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
@ -2214,7 +2214,7 @@ button:focus {
background-position: center;
background-repeat: no-repeat;
background-origin: content-box;
background-size: 100% calc(2.4rem * (18 / 100));
background-size: 100% 5px;
-webkit-transition: .25s;
transition: .25s;
-webkit-transition-property: background, -webkit-transform;
@ -2226,7 +2226,7 @@ button:focus {
.button-burger > *::before, .button-burger > *::after {
content: "";
height: calc(2.4rem * (18 / 100));
height: 5px;
background: #333;
-webkit-transition: .25s;
transition: .25s;

2
css/knacss.css
View File

File diff suppressed because one or more lines are too long

4
sass/_config/_variables.scss
View File

@ -78,8 +78,8 @@ $border-radius-tabs : 0;
$color-burger : $color-gray1;
$background-burger : transparent;
$background-burger-hover : transparent;
$size-burger : 2.4rem;
$weight-burger : 18; // sort of percentage
$size-burger : 2.6rem;
$weight-burger : 5px; // size of stripes
$padding-burger : 0;
// spacings (choose unit you prefer)

4
sass/components/_buttons.scss
View File

@ -117,7 +117,7 @@ button {
background-position: center;
background-repeat: no-repeat;
background-origin: content-box;
background-size: 100% calc(#{$size-burger} * (#{$weight-burger} / 100));
background-size: 100% $weight-burger;
transition: .25s;
transition-property: transform, background;
will-change: transform, background;
@ -125,7 +125,7 @@ button {
&::before,
&::after {
content: "";
height: calc(#{$size-burger} * (#{$weight-burger} / 100));
height: $weight-burger;
background: $color-burger;
transition: .25s;
transition-property: transform, top;