FM / scss

/var/www/flurhymez/resources/admin/scss/

/var/www/flurhymez/resources/admin/scss

Name	Size	Mode	Actions
accent-variations/	-	0755	rm
blocks/	-	0755	rm
components/	-	0755	rm
plugins/	-	0755	rm
templates/	-	0755	rm
utilities/	-	0755	rm
app-rtl.scss	4918	0644	edit dl rm
app.scss	5404	0644	edit dl rm
_alert.scss	294	0644	edit dl rm
_badge.scss	260	0644	edit dl rm
_button-group.scss	92	0644	edit dl rm
_buttons.scss	1567	0644	edit dl rm
_card.scss	411	0644	edit dl rm
_custom-forms.scss	809	0644	edit dl rm
_custom-sliders.scss	553	0644	edit dl rm
_dropdown.scss	363	0644	edit dl rm
_icons.scss	186	0644	edit dl rm
_images.scss	67	0644	edit dl rm
_input-group.scss	776	0644	edit dl rm
_list-group.scss	188	0644	edit dl rm
_navbar.scss	777	0644	edit dl rm
_overrides-rtl.scss	1650	0644	edit dl rm
_overrides.scss	1613	0644	edit dl rm
_reboot.scss	793	0644	edit dl rm
_rtl.scss	2014	0644	edit dl rm
_utilities.scss	84	0644	edit dl rm
_variables.scss	14010	0644	edit dl rm

Edit: /var/www/flurhymez/resources/admin/scss/_buttons.scss (1567B)

// Buttons Adjustments

// White and black button adjustments specific to Shards Dashboard.
// If you want to use the default Shards buttons just comment the
// styles below.

.btn-white,
.btn-black {
  // Set the defaults to use the accent color.
  &:not([disabled]):not(.disabled):active,
  &:not([disabled]):not(.disabled).active {
    box-shadow: none !important;
    background-color: $accent-color;
    border-color: $accent-color;
    color: $white;

+ .btn {
      border-left: 1px solid $accent-color;
    }
  }

&:hover {
    background: $white;
    border-color: $white;
    box-shadow: 0px 0.125rem 0.625rem rgba($reagent-gray, .2),
                0 0.0625rem 0.125rem rgba($reagent-gray, .3);
  }
}

// White button accent color modifiers.
// Selector specificity to override existing active state.
.btn.btn-white {
  border: 1px solid $border-color;
  color: $fiord-blue;

@mixin btn-active-modifier($color, $value) {
    &:not([disabled]):not(.disabled).active-#{$color} {
      &.active,
      &:active {
        background-color: $value;
        border-color: $value;
        color: color-yiq($value);

& + .btn {
          border-left: 1px solid red;
        }
      }
    }
  }

// Existent theme colors
  @each $color, $value in $theme-colors {
    @include btn-active-modifier($color, $value);
  }
}

// Button variation for the accent color.
.btn-accent {
  @include button-variant($accent-color);
}

// Outline button variation for the accent color.
.btn-outline-accent {
  @include button-outline-variant($accent-color);
}

// Buttons Adjustments // White and black button adjustments specific to Shards Dashboard. // If you want to use the default Shards buttons just comment the // styles below. .btn-white, .btn-black { // Set the defaults to use the accent color. &:not([disabled]):not(.disabled):active, &:not([disabled]):not(.disabled).active { box-shadow: none !important; background-color: $accent-color; border-color: $accent-color; color: $white; + .btn { border-left: 1px solid $accent-color; } } &:hover { background: $white; border-color: $white; box-shadow: 0px 0.125rem 0.625rem rgba($reagent-gray, .2), 0 0.0625rem 0.125rem rgba($reagent-gray, .3); } } // White button accent color modifiers. // Selector specificity to override existing active state. .btn.btn-white { border: 1px solid $border-color; color: $fiord-blue; @mixin btn-active-modifier($color, $value) { &:not([disabled]):not(.disabled).active-#{$color} { &.active, &:active { background-color: $value; border-color: $value; color: color-yiq($value); & + .btn { border-left: 1px solid red; } } } } // Existent theme colors @each $color, $value in $theme-colors { @include btn-active-modifier($color, $value); } } // Button variation for the accent color. .btn-accent { @include button-variant($accent-color); } // Outline button variation for the accent color. .btn-outline-accent { @include button-outline-variant($accent-color); }