/*
 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

:host {
  white-space: nowrap;
}

.color-swatch {
  position: relative;
  margin-left: 1px;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  top: 1px;
  display: inline-block;
  user-select: none;
  background-image: url(Images/checker.png);
  line-height: 10px;
}

.color-swatch-inner {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 1px solid rgb(128 128 128 / 60%);
  box-sizing: border-box;
  cursor: default;
}

.color-swatch:not(.read-only) .color-swatch-inner:hover {
  border: 1px solid rgb(64 64 64 / 80%);
}

@media (forced-colors: active) {
  .color-swatch {
    forced-color-adjust: none;
  }
}

/*
 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

:host {
  white-space: nowrap;
}

.color-swatch {
  position: relative;
  margin-left: 1px;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  top: 1px;
  display: inline-block;
  user-select: none;
  background-image: url(Images/checker.png);
  line-height: 10px;
}

.color-swatch-inner {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 1px solid rgb(128 128 128 / 60%);
  box-sizing: border-box;
  cursor: pointer;
}

.color-swatch:not(.read-only) .color-swatch-inner:hover {
  border: 1px solid rgb(64 64 64 / 80%);
}

@media (forced-colors: active) {
  .color-swatch {
    forced-color-adjust: none;
  }
}

Change cursor to pointer when hovering over color swatches
Change cursor to pointer when hovering over color swatches

The next step would be to figure out what cursor we should use when
hovering over swatches holding `shift`.

Bug: chromium:1156835
Change-Id: I0dec0d1495f487cc16ae6ad584d1e89fa64f50b8
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2601713
Auto-Submit: Changhao Han <68542faf32f0a558a873c0f094ca9bedb2744bff@chromium.org>
Reviewed-by: Mathias Bynens <17a2cbc4e33156874a9862b0f530521117e66a3d@chromium.org>
Reviewed-by: Changhao Han <68542faf32f0a558a873c0f094ca9bedb2744bff@chromium.org>
Commit-Queue: Changhao Han <68542faf32f0a558a873c0f094ca9bedb2744bff@chromium.org>
