Sha256: 2a0a8e27bfe670a40246d6088549ee28a00a00e5345ee943f60626a7d9c351f4

Contents?: true

Size: 994 Bytes

Versions: 4

Compression:

Stored size: 994 Bytes

Contents



.chip,
.Chip {
  background: var(--wco-color-2);
  border-radius: 1em 0 0 1em;

  color: var(--wco-color-2contrast);
  a {
    color: var(--wco-color-2contrast);
  }

  display: inline-block;

  height: 32px;

  margin-right: 32px;
  margin-bottom: 0.3em;

  padding: 0.1em .3em;
  padding: 0.2em 0.2em 0.2em 0.6em;
  position: relative;

  &::before {
    // border: 1px solid red;
    // background: yellow;

    content: "";
    display: block;

    position: absolute;
    right: -16px;
    top: 0;

    width: 16px;
    height: 32px;

    // border-left: 12px solid white;
    border-top: 17px solid var(--wco-color-2);
    border-right: 12px solid transparent;
    // border-bottom: 12px solid transparent;
  }
  &::after {
    // border: 1px solid red;

    content: "";
    display: block;

    position: absolute;
    right: -16px;
    bottom: 0;

    width: 16px;
    height: 32px;

    border-bottom: 17px solid var(--wco-color-2);
    border-right: 12px solid transparent;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
wco_models-3.1.0.140 app/assets/stylesheets/wco/chip.scss
wco_models-3.1.0.139 app/assets/stylesheets/wco/chip.scss
wco_models-3.1.0.138 app/assets/stylesheets/wco/chip.scss
wco_models-3.1.0.137 app/assets/stylesheets/wco/chip.scss