Se connecter

Variables CSS Gatey pour l'état de connexion WordPress

Gatey injecte des propriétés personnalisées sur :root. Utilisez-les pour basculer la visibilité (flex / none) ou afficher des données Cognito via content.

Indicateurs d'initialisation​

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

Mode éditeur​

Lorsqu'une page est ouverte dans Elementor ou Gutenberg, Gatey définit --gatey-in-editor sur flex afin que les éléments restent visibles dans l'éditeur même s'ils seraient masqués sur le site en ligne.

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

Authentification et MFA​

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

Appartenance à un groupe​

Pour chaque groupe Cognito <g>, Gatey génère :

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

Attributs Cognito​

  • --gatey-account-attribute-email
  • --gatey-account-attribute-family_name
  • Attributs personnalisés : --gatey-account-attribute-custom-<attr>

Exemples d'utilisation​

/* 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));
}