_touch-copy-paste.scss 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /**********************
  2. * Touch Copy & Paste *
  3. *********************/
  4. //touch selection handlebars for the Popover.osd above
  5. cursor-handle {
  6. background-color: transparent;
  7. background-image: none;
  8. box-shadow: none;
  9. border-style: none;
  10. @each $s,$as in ('',''),
  11. (':hover','-hover'),
  12. (':active','-active') { //no need for insensitive and backdrop
  13. &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) {
  14. $_url: 'assets/text-select-start#{$as}#{$asset_suffix}';
  15. -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
  16. url('#{$_url}@2.png'));
  17. padding-left: 10px;
  18. }
  19. &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) {
  20. $_url: 'assets/text-select-end#{$as}#{$asset_suffix}';
  21. -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
  22. url('#{$_url}@2.png'));
  23. padding-right: 10px;
  24. }
  25. &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) {
  26. $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}';
  27. -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
  28. url('#{$_url}@2.png'));
  29. }
  30. }
  31. }
  32. .context-menu { font: initial; } // Decouple the font of context menus from their entry/textview
  33. button.circular { // FIXME: aggregate to buttons
  34. border-radius: 20px;
  35. -gtk-outline-radius: 20px;
  36. label { padding: 0; }
  37. }
  38. // shortcut window keys
  39. .keycap {
  40. min-width: 20px;
  41. min-height: 25px;
  42. margin-top: 2px;
  43. padding-bottom: 3px;
  44. padding-left: 6px;
  45. padding-right: 6px;
  46. color: $fg_color;
  47. background-color: $base_color;
  48. border: 1px solid;
  49. border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);
  50. border-radius: 5px;
  51. box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%));
  52. font-size: smaller;
  53. &:backdrop {
  54. background-color: $backdrop_base_color;
  55. color: $backdrop_fg_color;
  56. transition: $backdrop_transition;
  57. }
  58. }
  59. *:drop(active):focus,
  60. *:drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die
  61. border-color: $drop_target_color;
  62. box-shadow: inset 0 0 0 1px $drop_target_color;
  63. }
  64. stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons
  65. stackswitcher button.circular,
  66. stackswitcher button.text-button.circular { // FIXME aggregate with buttons
  67. min-width: 32px;
  68. min-height: 32px;
  69. padding: 0;
  70. }