Change name

Author: moyus

scss/_base.media.scss

@@ -7,5 +7,5 @@
 }
 
 .embed-fluid {
-  @include embed-ratio(16, 9);
+  @include embed(16, 9);
 }

scss/_functions.scss

@@ -6,7 +6,7 @@
   @return mix(black, $color, $level * 8%);
 }
 
-@function round-color($color, $dark: $grey-dark, $light: $white) {
+@function invert-color($color, $dark: $grey-dark, $light: $white) {
   $r: red($color);
   $g: green($color);
   $b: blue($color);

scss/_variables.scss

@@ -1,4 +1,4 @@
-// Color
+// Colors
 // -----------------------------------------------------------------------------
 $color-primary:                         #636AFF !default; // primary
 $color-danger:                          #ff2d20 !default; // negative
@@ -86,7 +86,7 @@ $spacings: (
   "9": 64px,
 ) !default;
 
-// Base
+// Typo
 // -----------------------------------------------------------------------------
 $text-size-xs:                          12px !default;
 $text-size-sm:                          14px !default;
@@ -194,6 +194,12 @@ $link-color:                            $color-primary !default;
 $code-color:                            #d73e48 !default;
 $code-bg:                               #fcf2f2 !default;
 
+// Elevation
+// -----------------------------------------------------------------------------
+$shadow-sm:                             0 1px 2px rgba($black, .08) !default;
+$shadow-md:                             0 2px 6px rgba($black, .08), 0 0 0 1px rgba($black, 0.04) !default;
+$shadow-lg:                             0 4px 16px rgba($black, 0.2), 0 0 0 1px rgba($black, 0.04) !default;
+
 // Grid
 // -----------------------------------------------------------------------------
 $grid-columns:                          12 !default;

scss/mixins/_badge.scss

@@ -2,7 +2,7 @@
 // -----------------------------------------------------------------------------
 @mixin badge-variant(
   $background,
-  $color: round-color($background)
+  $color: invert-color($background)
 ) {
   color: $color;
   background-color: $background;

scss/mixins/_button.scss

@@ -3,13 +3,13 @@
 @mixin btn-variant(
   $background,
   $border: $background,
-  $color: round-color($background),
+  $color: invert-color($background),
   $hover-background: shade-color($background, 1),
   $hover-border: shade-color($border, 1),
-  $hover-color: round-color($hover-background),
+  $hover-color: invert-color($hover-background),
   $active-background: shade-color($background, 2),
   $active-border: shade-color($border, 2),
-  $active-color: round-color($active-background)
+  $active-color: invert-color($active-background)
 ) {
   & {
     color: $color;
@@ -57,10 +57,10 @@
 @mixin btn-outline-variant(
   $color,
   $border: $color,
-  $hover-color: round-color($color),
+  $hover-color: invert-color($color),
   $hover-border: shade-color($color, 1),
   $hover-background: shade-color($color, 1),
-  $active-color: round-color($color),
+  $active-color: invert-color($color),
   $active-border: shade-color($color, 2),
   $active-background: shade-color($color, 2),
 ) {

scss/mixins/_form.scss

@@ -1,11 +1,4 @@
-@mixin full-bg() {
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-
-@mixin oneline() {
-  max-width: 100%;
+@mixin truncate() {
   word-wrap: normal;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -17,7 +10,7 @@
   -webkit-overflow-scrolling: touch;
 }
 
-@mixin embed-ratio($width, $height) {
+@mixin embed($width, $height) {
   position: relative;
   display: block;
   width: 100%;

scss/mixins/_misc.scss

@@ -1,6 +1,6 @@
 // note variant
 // -----------------------------------------------------------------------------
-@mixin note-variant($background, $color: round-color($background)) {
+@mixin note-variant($background, $color: invert-color($background)) {
   color: $color;
   background-color: $background,;