Iniciar sesión

Variables CSS de Gatey para el estado de inicio de sesión en WordPress

Gatey inserta propiedades personalizadas en :root. Úsalas para alternar la visibilidad (flex / none) o mostrar datos de Cognito mediante content.

Indicadores de inicialización​

  • --gatey-initialized
  • --gatey-not-initialized

Modo de edición​

Cuando una página está abierta en Elementor o Gutenberg, Gatey establece --gatey-in-editor en flex para que los elementos permanezcan visibles en el editor aunque estén ocultos en el sitio publicado.

body.elementor-editor-active,
body.wp-admin,
body.block-editor-iframe__body {
  --gatey-in-editor: flex;
}

Autenticación y MFA​

  • --gatey-account-authenticated / --gatey-account-not-authenticated
  • --gatey-account-mfa-enabled / --gatey-account-mfa-not-enabled

Pertenencia a grupos​

Para cada grupo de Cognito <g>, Gatey genera:

  • --gatey-account-group-<g>
  • --gatey-account-group-not-<g>

Atributos de Cognito​

  • --gatey-account-attribute-email
  • --gatey-account-attribute-family_name
  • Atributos personalizados: --gatey-account-attribute-custom-<attr>

Ejemplos de uso​

/* Visible only to admins */
.admin-panel {
  display: var(--gatey-account-group-admin);
}

/* Show element while editing, or when authenticated */
.show-in-editor-or-if-authenticated {
  display: var(--gatey-in-editor, var(--gatey-account-authenticated, none));
}