/**********************

 * Touch Copy & Paste *

 *********************/

//touch selection handlebars for the Popover.osd above

cursor-handle {

  background-color: transparent;

  background-image: none;

  box-shadow: none;

  border-style: none;

  @each $s,$as in ('',''),

                  (':hover','-hover'),

                  (':active','-active') { //no need for insensitive and backdrop

    &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) {

      $_url: 'assets/text-select-start#{$as}#{$asset_suffix}';

      -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),

                                    url('#{$_url}@2.png'));

      padding-left: 10px;

    }

    &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) {

      $_url: 'assets/text-select-end#{$as}#{$asset_suffix}';

      -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),

                                    url('#{$_url}@2.png'));

      padding-right: 10px;

    }

    &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) {

      $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}';

      -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),

                                    url('#{$_url}@2.png'));

    }

  }

}

.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview

button.circular { // FIXME: aggregate to buttons

  border-radius: 20px;

  -gtk-outline-radius: 20px;

  label { padding: 0; }

}

// shortcut window keys

.keycap {

  min-width: 20px;

  min-height: 25px;

  margin-top: 2px;

  padding-bottom: 3px;

  padding-left: 6px;

  padding-right: 6px;

  color: $fg_color;

  background-color: $base_color;

  border: 1px solid;

  border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);

  border-radius: 5px;

  box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%));

  font-size: smaller;

  &:backdrop {

    background-color: $backdrop_base_color;

    color: $backdrop_fg_color;

    transition: $backdrop_transition;

  }

}

*:drop(active):focus,

*:drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die

  border-color: $drop_target_color;

  box-shadow: inset 0 0 0 1px $drop_target_color;

}

stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons

stackswitcher button.circular,

stackswitcher button.text-button.circular { // FIXME aggregate with buttons

  min-width: 32px;

  min-height: 32px;

  padding: 0;

}