One Hat Cyber Team

Your IP: 216.73.216.37
Server IP: 41.128.143.86
Server: Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software: Apache
PHP Version: 8.3.23
Buat File | Buat Folder

Dir : ~/usr/share/grafana/public/sass/mixins/

Edit File: _buttons.scss

@use 'sass:color';

// Button backgrounds
// ------------------
@mixin buttonBackground($startColor, $endColor, $text-color: #fff, $textShadow: 0px 1px 0 rgba(0, 0, 0, 0.1)) {
  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
  @include gradientBar($startColor, $endColor, $text-color, $textShadow);

// in these cases the gradient won't cover the background, so we override
  &:hover,
  &:focus,
  &:active,
  &.active,
  &.disabled,
  &[disabled] {
    color: $text-color;
    background-image: none;
    background-color: $startColor;
  }
}

// Button sizes
@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
  padding: $padding-y $padding-x;
  font-size: $font-size;
  //box-shadow: inset 0 (-$padding-y/3) rgba(0,0,0,0.15);

@include border-radius($border-radius);
}

@mixin button-outline-variant($color) {
  color: $white;
  background-image: none;
  background-color: transparent;
  border: 1px solid $white;

@include hover {
    color: $white;
    background-color: $color;
  }

&:focus,
  &.focus {
    color: $white;
    background-color: $color;
  }

&:active,
  &.active,
  .open > &.dropdown-toggle {
    color: $white;
    background-color: $color;

&:hover,
    &:focus,
    &.focus {
      color: $white;
      background-color: color.adjust($color, $lightness: -17%);
      border-color: color.adjust($color, $lightness: -25%);
    }
  }

&.disabled,
  &:disabled {
    &:focus,
    &.focus {
      border-color: color.adjust($color, $lightness: 20%);
    }
    @include hover {
      border-color: color.adjust($color, $lightness: 20%);
    }
  }
}