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

.button-burger -> .nav-button

Browse source
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; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
height: 2.4rem; height: 2.6rem;
width: 2.4rem; width: 2.6rem;
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)); background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
@ -2214,7 +2214,7 @@ button:focus {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-origin: content-box; background-origin: content-box;
background-size: 100% calc(2.4rem * (18 / 100)); background-size: 100% 5px;
-webkit-transition: .25s; -webkit-transition: .25s;
transition: .25s; transition: .25s;
-webkit-transition-property: background, -webkit-transform; -webkit-transition-property: background, -webkit-transform;
@ -2226,7 +2226,7 @@ button:focus {
.button-burger > *::before, .button-burger > *::after { .button-burger > *::before, .button-burger > *::after {
content: ""; content: "";
height: calc(2.4rem * (18 / 100)); height: 5px;
background: #333; background: #333;
-webkit-transition: .25s; -webkit-transition: .25s;
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; $color-burger : $color-gray1;
$background-burger : transparent; $background-burger : transparent;
$background-burger-hover : transparent; $background-burger-hover : transparent;
$size-burger : 2.4rem; $size-burger : 2.6rem;
$weight-burger : 18; // sort of percentage $weight-burger : 5px; // size of stripes
$padding-burger : 0; $padding-burger : 0;
// spacings (choose unit you prefer) // spacings (choose unit you prefer)

4
sass/components/_buttons.scss
View file

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