MAINHACK

Viewing / Editing File: editor-one-elements.css

input[type=checkbox] {
  width: 16px;
  height: 16px;
  background-color: var(--e-one-palette-background-default);
  border: 1px solid var(--e-one-palette-border);
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  transition: var(--e-a-transition-hover);
  flex-shrink: 0;
}
input[type=checkbox]:hover {
  border-color: var(--e-one-palette-action-focus);
}
input[type=checkbox]:focus {
  outline: none;
  border-color: var(--e-one-palette-action-focus);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25);
}
input[type=checkbox]:checked {
  background-color: var(--e-one-palette-background-default);
}
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: 2px solid var(--e-one-palette-checkbox-primary);
  border-top: none;
  border-left: none;
  border-radius: 0;
}
input[type=checkbox]:checked::before {
  content: "";
}
input[type=checkbox]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type=radio] {
  width: 16px;
  height: 16px;
  background-color: var(--e-one-palette-background-default);
  border: 1px solid var(--e-one-palette-divider);
  border-radius: 50%;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  transition: var(--e-a-transition-hover);
  flex-shrink: 0;
}
input[type=radio]:hover {
  border-color: var(--e-one-palette-action-focus);
}
input[type=radio]:focus {
  outline: none;
  border-color: var(--e-one-palette-action-focus);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px var(--e-one-palette-action-focus);
}
input[type=radio]:checked {
  background-color: var(--e-one-palette-background-default);
}
input[type=radio]:checked::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--e-one-palette-text-primary);
  border-radius: 50%;
}
input[type=radio]:checked::before {
  content: "";
}
input[type=radio]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

select,
.wp-core-ui select {
  border: 1px solid var(--e-one-palette-secondary-main);
  color: var(--e-one-palette-text-primary);
  background-color: var(--e-one-palette-background-default);
  border-radius: 3px;
  height: 34px;
  font-size: 13px;
  font-family: var(--e-one-typography-fontFamily);
  font-weight: 400;
  line-height: 1.2;
  min-height: 34px;
  transition: var(--e-a-transition-hover);
}
select:hover,
.wp-core-ui select:hover {
  border-color: var(--e-one-palette-action-focus);
}
select:focus,
.wp-core-ui select:focus {
  border-color: var(--e-one-palette-action-focus);
  box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
  outline: none;
}
select:disabled,
.wp-core-ui select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=number],
input[type=search],
input[type=tel],
textarea {
  border: 1px solid var(--e-one-palette-divider);
  color: var(--e-one-palette-text-primary);
  background-color: var(--e-one-palette-background-default);
  border-radius: var(--e-a-border-radius);
  box-shadow: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
  border-color: var(--e-one-palette-action-focus);
  box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
  outline: none;
}
/*# sourceMappingURL=editor-one-elements.css.map */

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: editor-one-elements.css

Server Info

System Features

User Info