Recherche des tweets de réponse avec l'API Tweeter

resources/sass/dashmix/mixins/_alert.scss

@@ -0,0 +1,14 @@
+@mixin alert-variant($background, $border, $color) {
+  --#{$prefix}alert-color: #{$color};
+  --#{$prefix}alert-bg: #{$background};
+  --#{$prefix}alert-border-color: #{$border};
+  --#{$prefix}alert-link-color: #{shade-color($color, 20%)};
+
+  @if $enable-gradients {
+    background-image: var(--#{$prefix}gradient);
+  }
+
+  .alert-link {
+    color: var(--#{$prefix}alert-link-color);
+  }
+}

resources/sass/dashmix/mixins/_background-variant.scss

@@ -0,0 +1,24 @@
+//
+// Backgrounds
+// --------------------------------------------------
+
+// Original Bootstrap 4 mixin
+@mixin bg-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+    background-color: $color !important;
+  }
+
+  a#{$parent},
+  button#{$parent} {
+    &:hover,
+    &:focus {
+      background-color: darken($color, 10%) !important;
+    }
+  }
+}
+
+@mixin bg-gradient-variant-linear($parent, $deg, $color1, $color2) {
+  #{$parent} {
+    background: $color1 linear-gradient($deg, $color1 0%, $color2 100%) !important;
+  }
+}

resources/sass/dashmix/mixins/_buttons.scss

@@ -0,0 +1,45 @@
+//
+// Buttons
+// --------------------------------------------------
+
+// Hero variant
+@mixin button-hero-variant($background, $hover-background: lighten($background, 10%), $active-background: darken($background, 15%)) {
+  $btn-hero-box-shadow: 0 .125rem .75rem rgba($active-background, .25);
+  $btn-hero-box-shadow-hover: 0 .375rem .75rem rgba($active-background, .4);
+
+  text-transform: uppercase;
+  letter-spacing: .0625rem;
+  font-weight: 700;
+  @include button-size($btn-hero-padding-y, $btn-hero-padding-x, $font-size-sm, $btn-hero-border-radius);
+  box-shadow: $btn-hero-box-shadow;
+  transition: $btn-transition, transform .12s ease-out;
+
+  &:hover {
+    box-shadow: $btn-hero-box-shadow-hover;
+    transform: translateY(-1px);
+  }
+
+  .btn-check:focus + &,
+  &:focus {
+    box-shadow: $btn-hero-box-shadow;
+  }
+
+  .btn-check:checked + &,
+  .btn-check:active + &,
+  &:active,
+  &.active,
+  .show > &.dropdown-toggle {
+    box-shadow: $btn-hero-box-shadow;
+    transform: translateY(0);
+
+    &:focus {
+      box-shadow: $btn-hero-box-shadow;
+    }
+  }
+  
+  &.disabled,
+  &:disabled {
+    box-shadow: $btn-hero-box-shadow;
+    transform: translateY(0);
+  }
+}

resources/sass/dashmix/mixins/_content.scss

@@ -0,0 +1,61 @@
+//
+// Content
+// --------------------------------------------------
+
+@mixin content-layout($x, $y, $overflow: visible) {
+  width: 100%;
+  margin: 0 auto;
+  padding: $y $x 1px;
+  overflow-x: $overflow;
+
+  > .pull-t,
+  > .pull-y {
+    margin-top: -$y;
+  }
+
+  > .pull-b,
+  > .pull-y {
+    margin-bottom: -1px;
+  }
+
+  > .pull-r,
+  > .pull-x {
+    margin-right: -$x;
+  }
+
+  > .pull-r,
+  > .pull-x {
+    margin-left: -$x;
+  }
+
+  > .pull {
+    margin: (-$y) (-$x) (-1px);
+  }
+
+  @at-root {
+    #{&}#{&}-full {
+      padding-bottom: $y;
+
+      > .pull-b,
+      > .pull-y,
+      > .pull {
+        margin-bottom: -$y;
+      }
+    }
+  }
+
+  p,
+  .push,
+  .block,
+  .items-push > div {
+    margin-bottom: $y;
+  }
+
+  .items-push-2x > div {
+    margin-bottom: $y*2;
+  }
+
+  .items-push-3x > div {
+    margin-bottom: $y*3;
+  }
+}

resources/sass/dashmix/mixins/_ribbon.scss

@@ -0,0 +1,22 @@
+//
+// Ribbon
+// --------------------------------------------------
+
+@mixin ribbon-variation($bg-color, $text-color) {
+  .ribbon-box {
+    color: $text-color;
+    background-color: $bg-color;
+  }
+
+  &.ribbon-bookmark {
+    .ribbon-box::before {
+      border-color: $bg-color;
+      border-left-color: transparent;
+    }
+
+    &.ribbon-left .ribbon-box::before {
+      border-color: $bg-color;
+      border-right-color: transparent;
+    }
+  }
+}

resources/sass/dashmix/mixins/_text-emphasis.scss

@@ -0,0 +1,20 @@
+//
+// Text emphasis
+// --------------------------------------------------
+
+@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+    color: $color !important;
+  }
+
+  a#{$parent} {
+    &.link-fx::before {
+      background-color: $color !important;
+    }
+
+    &:hover,
+    &:focus {
+      color: darken($color, 10%) !important;
+    }
+  }
+}