OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	11/12/2024 08:53:06 AM	rwxr-xr-x
📄 _alert.scss	242 bytes	11/12/2024 08:53:04 AM	rw-r--r--
📄 _background-variant.scss	474 bytes	11/12/2024 08:53:04 AM	rw-r--r--
📄 _badge.scss	318 bytes	11/12/2024 08:53:04 AM	rw-r--r--
📄 _border-radius.scss	1.31 KB	11/12/2024 08:53:04 AM	rw-r--r--
📄 _box-shadow.scss	532 bytes	11/12/2024 08:53:04 AM	rw-r--r--
📄 _breakpoints.scss	4.38 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _buttons.scss	3.29 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _caret.scss	1.37 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _clearfix.scss	93 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _deprecate.scss	613 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _float.scss	386 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _forms.scss	4.8 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _gradients.scss	2 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _grid-framework.scss	1.79 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _grid.scss	1.53 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _hover.scss	749 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _image.scss	1.13 KB	11/12/2024 08:53:05 AM	rw-r--r--
📄 _list-group.scss	431 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _lists.scss	168 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _nav-divider.scss	261 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _pagination.scss	462 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _reset-text.scss	479 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _resize.scss	202 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _screen-reader.scss	733 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _size.scss	148 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _table-row.scss	792 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _text-emphasis.scss	364 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _text-hide.scss	326 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _text-truncate.scss	168 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _transition.scss	364 bytes	11/12/2024 08:53:05 AM	rw-r--r--
📄 _visibility.scss	189 bytes	11/12/2024 08:53:05 AM	rw-r--r--

Editing: _forms.scss

// Form control focus state
//
// Generate a customized focus state and for any input with the specified color,
// which defaults to the `$input-focus-border-color` variable.
//
// We highly encourage you to not customize the default value, but instead use
// this to tweak colors on an as-needed basis. This aesthetic change is based on
// WebKit's default styles, but applicable to a wider range of browsers. Its
// usability and accessibility should be taken into account with any change.
//
// Example usage: change the default blue border and shadow to white for better
// contrast against a dark gray background.
@mixin form-control-focus() {
  &:focus {
    color: $input-focus-color;
    background-color: $input-focus-bg;
    border-color: $input-focus-border-color;
    outline: 0;
    // Avoid using mixin so we can pass custom focus shadow properly
    @if $enable-shadows {
      box-shadow: $input-box-shadow, $input-focus-box-shadow;
    } @else {
      box-shadow: $input-focus-box-shadow;
    }
  }
}

@mixin form-validation-state($state, $color, $icon) {
  .#{$state}-feedback {
    display: none;
    width: 100%;
    margin-top: $form-feedback-margin-top;
    @include font-size($form-feedback-font-size);
    color: $color;
  }

.#{$state}-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%; // Contain to parent when possible
    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
    margin-top: .1rem;
    @include font-size($form-feedback-tooltip-font-size);
    line-height: $form-feedback-tooltip-line-height;
    color: color-yiq($color);
    background-color: rgba($color, $form-feedback-tooltip-opacity);
    @include border-radius($form-feedback-tooltip-border-radius);
  }

.form-control {
    .was-validated &:#{$state},
    &.is-#{$state} {
      border-color: $color;

@if $enable-validation-icons {
        padding-right: $input-height-inner;
        background-image: $icon;
        background-repeat: no-repeat;
        background-position: center right $input-height-inner-quarter;
        background-size: $input-height-inner-half $input-height-inner-half;
      }

&:focus {
        border-color: $color;
        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
      }

~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }
    }
  }

// stylelint-disable-next-line selector-no-qualifying-type
  textarea.form-control {
    .was-validated &:#{$state},
    &.is-#{$state} {
      @if $enable-validation-icons {
        padding-right: $input-height-inner;
        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
      }
    }
  }

.custom-select {
    .was-validated &:#{$state},
    &.is-#{$state} {
      border-color: $color;

@if $enable-validation-icons {
        padding-right: $custom-select-feedback-icon-padding-right;
        background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
      }

&:focus {
        border-color: $color;
        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
      }

~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }
    }
  }

.form-control-file {
    .was-validated &:#{$state},
    &.is-#{$state} {
      ~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }
    }
  }

.form-check-input {
    .was-validated &:#{$state},
    &.is-#{$state} {
      ~ .form-check-label {
        color: $color;
      }

~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }
    }
  }

.custom-control-input {
    .was-validated &:#{$state},
    &.is-#{$state} {
      ~ .custom-control-label {
        color: $color;

&::before {
          border-color: $color;
        }
      }

~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }

&:checked {
        ~ .custom-control-label::before {
          border-color: lighten($color, 10%);
          @include gradient-bg(lighten($color, 10%));
        }
      }

&:focus {
        ~ .custom-control-label::before {
          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
        }

&:not(:checked) ~ .custom-control-label::before {
          border-color: $color;
        }
      }
    }
  }

// custom file
  .custom-file-input {
    .was-validated &:#{$state},
    &.is-#{$state} {
      ~ .custom-file-label {
        border-color: $color;
      }

~ .#{$state}-feedback,
      ~ .#{$state}-tooltip {
        display: block;
      }

&:focus {
        ~ .custom-file-label {
          border-color: $color;
          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
        }
      }
    }
  }
}