FM / mixins

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap/mixins/

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap/mixins

Name	Size	Mode	Actions
_alert.scss	242	0644	edit dl rm
_background-variant.scss	474	0644	edit dl rm
_badge.scss	230	0644	edit dl rm
_border-radius.scss	722	0644	edit dl rm
_box-shadow.scss	87	0644	edit dl rm
_breakpoints.scss	4469	0644	edit dl rm
_buttons.scss	3245	0644	edit dl rm
_caret.scss	1478	0644	edit dl rm
_clearfix.scss	93	0644	edit dl rm
_float.scss	193	0644	edit dl rm
_forms.scss	3487	0644	edit dl rm
_gradients.scss	2050	0644	edit dl rm
_grid-framework.scss	1899	0644	edit dl rm
_grid.scss	1606	0644	edit dl rm
_hover.scss	749	0644	edit dl rm
_image.scss	1172	0644	edit dl rm
_list-group.scss	431	0644	edit dl rm
_lists.scss	168	0644	edit dl rm
_nav-divider.scss	261	0644	edit dl rm
_pagination.scss	453	0644	edit dl rm
_reset-text.scss	547	0644	edit dl rm
_resize.scss	202	0644	edit dl rm
_screen-reader.scss	733	0644	edit dl rm
_size.scss	98	0644	edit dl rm
_table-row.scss	647	0644	edit dl rm
_text-emphasis.scss	259	0644	edit dl rm
_text-hide.scss	398	0644	edit dl rm
_text-truncate.scss	168	0644	edit dl rm
_transition.scss	274	0644	edit dl rm
_visibility.scss	134	0644	edit dl rm

Edit: /home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap/mixins/_caret.scss (1478B)

@mixin caret-down {
  border-top: $caret-width solid;
  border-right: $caret-width solid transparent;
  border-bottom: 0;
  border-left: $caret-width solid transparent;
}

@mixin caret-up {
  border-top: 0;
  border-right: $caret-width solid transparent;
  border-bottom: $caret-width solid;
  border-left: $caret-width solid transparent;
}

@mixin caret-right {
  border-top: $caret-width solid transparent;
  border-right: 0;
  border-bottom: $caret-width solid transparent;
  border-left: $caret-width solid;
}

@mixin caret-left {
  border-top: $caret-width solid transparent;
  border-right: $caret-width solid;
  border-bottom: $caret-width solid transparent;
}

@mixin caret($direction: down) {
  @if $enable-caret {
    &::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: $caret-width * .85;
      vertical-align: $caret-width * .85;
      content: "";
      @if $direction == down {
        @include caret-down;
      } @else if $direction == up {
        @include caret-up;
      } @else if $direction == right {
        @include caret-right;
      }
    }

@if $direction == left {
      &::after {
        display: none;
      }

&::before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: $caret-width * .85;
        vertical-align: $caret-width * .85;
        content: "";
        @include caret-left;
      }
    }

&:empty::after {
      margin-left: 0;
    }
  }
}

@mixin caret-down { border-top: $caret-width solid; border-right: $caret-width solid transparent; border-bottom: 0; border-left: $caret-width solid transparent; } @mixin caret-up { border-top: 0; border-right: $caret-width solid transparent; border-bottom: $caret-width solid; border-left: $caret-width solid transparent; } @mixin caret-right { border-top: $caret-width solid transparent; border-right: 0; border-bottom: $caret-width solid transparent; border-left: $caret-width solid; } @mixin caret-left { border-top: $caret-width solid transparent; border-right: $caret-width solid; border-bottom: $caret-width solid transparent; } @mixin caret($direction: down) { @if $enable-caret { &::after { display: inline-block; width: 0; height: 0; margin-left: $caret-width * .85; vertical-align: $caret-width * .85; content: ""; @if $direction == down { @include caret-down; } @else if $direction == up { @include caret-up; } @else if $direction == right { @include caret-right; } } @if $direction == left { &::after { display: none; } &::before { display: inline-block; width: 0; height: 0; margin-right: $caret-width * .85; vertical-align: $caret-width * .85; content: ""; @include caret-left; } } &:empty::after { margin-left: 0; } } }