diff --git a/_scss/components/theme/_buttons.scss b/_scss/components/theme/_buttons.scss index 6129449..3ddc463 100644 --- a/_scss/components/theme/_buttons.scss +++ b/_scss/components/theme/_buttons.scss @@ -21,7 +21,7 @@ input[type='submit'] { text-transform: uppercase; white-space: nowrap; - @include borderradius(.4rem); + @include border-radius(.4rem); &:focus, &:hover { diff --git a/_scss/components/theme/_code.scss b/_scss/components/theme/_code.scss index 8146739..d825933 100644 --- a/_scss/components/theme/_code.scss +++ b/_scss/components/theme/_code.scss @@ -7,7 +7,7 @@ code { padding: .2rem .5rem; white-space: nowrap; - @include borderradius(.4rem); + @include border-radius(.4rem); } pre { @@ -20,6 +20,6 @@ pre { padding: 1rem 1.5rem; white-space: pre; - @include borderradius(0); + @include border-radius(0); } } diff --git a/_scss/components/theme/_form.scss b/_scss/components/theme/_form.scss index 2a69de5..211383c 100644 --- a/_scss/components/theme/_form.scss +++ b/_scss/components/theme/_form.scss @@ -26,9 +26,9 @@ textarea { width: 100%; @include appearance(none); - @include borderradius(.4rem); - @include boxshadow(none); - @include boxsizing(inherit); + @include border-radius(.4rem); + @include box-shadow(none); + @include box-sizing(inherit); &:focus { border-color: $color-primary; diff --git a/_scss/utilities/_borderradius.scss b/_scss/utilities/_borderradius.scss index dd8f133..5164302 100644 --- a/_scss/utilities/_borderradius.scss +++ b/_scss/utilities/_borderradius.scss @@ -6,7 +6,7 @@ // Default: 0 // // https://www.w3.org/TR/css-backgrounds-3/#propdef-border-radius -@mixin borderradius($value: 0) { +@mixin border-radius($value: 0) { -webkit-border-radius: $value; -moz-border-radius: $value; border-radius: $value; diff --git a/_scss/utilities/_boxshadow.scss b/_scss/utilities/_boxshadow.scss index 4e1d200..0cc33ce 100644 --- a/_scss/utilities/_boxshadow.scss +++ b/_scss/utilities/_boxshadow.scss @@ -6,7 +6,7 @@ // Default: none // // https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow -@mixin boxshadow($value: none) { +@mixin box-shadow($value: none) { -webkit-box-shadow: $value; -moz-box-shadow: $value; box-shadow: $value; diff --git a/_scss/utilities/_boxsizing.scss b/_scss/utilities/_boxsizing.scss index 93a9250..7e06a3e 100644 --- a/_scss/utilities/_boxsizing.scss +++ b/_scss/utilities/_boxsizing.scss @@ -7,7 +7,7 @@ // Default: content-box // // https://www.w3.org/TR/css-ui-3/#box-sizing -@mixin boxsizing($value: content-box) { +@mixin box-sizing($value: content-box) { -webkit-box-sizing: $value; -moz-box-sizing: $value; -ms-box-sizing: $value;