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

resources/sass/dashmix/forms/_form-check.scss

@@ -0,0 +1,82 @@
+//
+// Form Check
+// --------------------------------------------------
+
+// Form Switch
+.form-switch {
+  min-height: 2em;
+  line-height: 2em;
+
+  .form-check-input {
+    height: 1.5em;
+  }
+}
+
+// Form Block
+.form-block {
+  position: relative;
+  padding: 0;
+  z-index: 1;
+  
+  .form-check-input {
+    position: absolute;
+    left: 0;
+    z-index: -1;
+    opacity: 0;
+  }
+
+  .form-check-label {
+    width: 100%;
+    padding: .75rem;
+    border: 2px solid $body-bg-dark;
+    border-radius: $border-radius-sm;
+    cursor: pointer;
+
+    &:hover {
+      border-color: darken($body-bg-dark, 5%);
+    }
+
+    &::before {
+      position: absolute;
+      top: 0rem;
+      right: 0rem;
+      width: 1.5rem;
+      height: 1.5rem;
+      display: none;
+      line-height: 1.5rem;
+      color: $white;
+      font-size: .625rem;
+      text-align: center;
+      background-color: $primary;
+      border-bottom-left-radius: .25rem;
+      font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro';
+      font-weight: 900;
+      content: '\f00c';
+      z-index: 1;
+    }
+  }
+
+  .form-check-input:checked ~ .form-check-label {
+    border-color: $primary;
+  }
+
+  .form-check-input:focus ~ .form-check-label {
+    border-color: $primary;
+    box-shadow: 0 0 0 0.25rem rgba($primary, .25);
+  }
+
+  .form-check-input:checked ~ .form-check-label::before {
+    display: block;
+  }
+
+  .form-check-input:disabled + .form-check-label,
+  .form-check-input[readonly] + .form-check-label {
+    opacity: .5;
+    cursor: not-allowed;
+  }
+
+  .form-check-input:disabled:not([checked]) + .form-check-label:hover,
+  .form-check-input[readonly]:not([checked]) + .form-check-label:hover { 
+    border-color: $body-bg-dark;
+  }
+}

resources/sass/dashmix/forms/_form-control.scss

@@ -0,0 +1,41 @@
+//
+// Textual form controls
+//
+
+.form-control {
+  font-family: $font-family-base;
+
+  // Alternative Style
+  &.form-control-alt {
+    border-color: $light;
+    background-color: $light;
+    transition: none;
+
+    &:focus {
+      border-color: $body-bg-dark;
+      background-color: $body-bg-dark;
+      box-shadow: none;
+    }
+
+    &.is-valid {
+      border-color: $success-light;
+      background-color: $success-light;
+
+      &:focus {
+        border-color: darken($success-light, 5%);
+        background-color: darken($success-light, 5%);
+      }
+    }
+
+    &.is-invalid {
+      border-color: $danger-light;
+      background-color: $danger-light;
+
+
+      &:focus {
+        border-color: darken($danger-light, 5%);
+        background-color: darken($danger-light, 5%);
+      }
+    }
+  }
+}

resources/sass/dashmix/forms/_form-select.scss

@@ -0,0 +1,41 @@
+//
+// Textual form controls
+//
+
+.form-select {
+  font-family: $font-family-base;
+
+  // Alternative Style
+  &.form-control-alt {
+    border-color: $light;
+    background-color: $light;
+    transition: none;
+
+    &:focus {
+      border-color: $body-bg-dark;
+      background-color: $body-bg-dark;
+      box-shadow: none;
+    }
+
+    &.is-valid {
+      border-color: $success-light;
+      background-color: $success-light;
+
+      &:focus {
+        border-color: darken($success-light, 5%);
+        background-color: darken($success-light, 5%);
+      }
+    }
+
+    &.is-invalid {
+      border-color: $danger-light;
+      background-color: $danger-light;
+
+
+      &:focus {
+        border-color: darken($danger-light, 5%);
+        background-color: darken($danger-light, 5%);
+      }
+    }
+  }
+}

resources/sass/dashmix/forms/_input-group.scss

@@ -0,0 +1,8 @@
+//
+// Input Group
+// --------------------------------------------------
+
+.input-group-text.input-group-text-alt {
+  background-color: $body-bg-dark;
+  border-color: $body-bg-dark;
+}