Add responsiveness for footer. Update gulpjs, package.json and bootstrap sass

static/assets/bootstrap/sass/mixins/_buttons.sass

@@ -0,0 +1,102 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+=button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%))
+  color: color-yiq($background)
+
+  +gradient-bg($background)
+
+  border-color: $border
+
+  +box-shadow($btn-box-shadow)
+
+  +hover
+    color: color-yiq($hover-background)
+
+    +gradient-bg($hover-background)
+
+    border-color: $hover-border
+
+
+  &:focus,
+  &.focus
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows
+      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, 0.5)
+    @else
+      box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5)
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled
+    color: color-yiq($background)
+    background-color: $background
+    border-color: $border
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle
+    color: color-yiq($active-background)
+    background-color: $active-background
+
+    @if $enable-gradients
+      background-image: none
+
+      // Remove the gradient for the pressed/active state
+
+    border-color: $active-border
+
+    &:focus
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, 0.5)
+      @else
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, 0.5)
+
+=button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color)
+  color: $color
+  background-color: transparent
+  background-image: none
+  border-color: $color
+
+  &:hover
+    color: $color-hover
+    background-color: $active-background
+    border-color: $active-border
+
+  &:focus,
+  &.focus
+    box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5)
+
+  &.disabled,
+  &:disabled
+    color: $color
+    background-color: transparent
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle
+    color: color-yiq($active-background)
+    background-color: $active-background
+    border-color: $active-border
+
+    &:focus
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows and $btn-active-box-shadow != none
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, 0.5)
+      @else
+        box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5)
+
+// Button sizes
+=button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius)
+  padding: $padding-y $padding-x
+  font-size: $font-size
+  line-height: $line-height
+
+  // Manually declare to provide an override to the browser default
+  @if $enable-rounded
+    border-radius: $border-radius
+  @else
+    border-radius: 0