/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:52 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: _mixins.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: _mixins.scss
 */

@import "../../sass/_appwork/functions";

@mixin bs-material-datetimepicker-theme($background, $color: null) {
  $color: if($color, $color, yiq($background));

  .dtp-date,
  .dtp-time {
    background: $background;
    color: $color;
  }

  .dtp-close > a { color: $color; }

  header.dtp-header {
    background: rgba-to-hex(rgba($background, .85), $background: #000);
    color: $color;
  }

  table.dtp-picker-days tr > td > a.selected {
    background: $background;
    color: $color !important;
  }

  .dtp-actual-meridien a.selected {
    background: $background !important;
    color: $color !important;
  }

  .dtp .year-picker-item {
    &:hover { color: $background; }
    &.active { color: $background; }
  }

  .dtp .svg-clock [stroke="#8BC34A"] { stroke: $background !important; }
  .dtp .svg-clock [fill="#8BC34A"] { fill: $background !important; }
  .dtp .svg-clock [fill="#fff"] { fill: $color !important; }
}