Gatey CSS-változók a WordPress bejelentkezési állapotához

A Gatey egyéni tulajdonságokat szúr be a :root elembe. Ezekkel válthatja a láthatóságot (flex / none), vagy a content segítségével Cognito-adatokat jeleníthet meg.


Inicializálási jelzők

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

Szerkesztőmód

Amikor egy oldal az Elementorban vagy a Gutenbergben van megnyitva, a Gatey a --gatey-in-editor értékét flex-re állítja, így az elemek akkor is láthatók maradnak a szerkesztőben, ha az élő webhelyen rejtve lennének.

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

Hitelesítés és MFA

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

Csoporttagság

A Gatey minden <g> Cognito-csoporthoz a következőket adja ki:

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

Cognito-attribútumok

  • --gatey-account-attribute-email
  • --gatey-account-attribute-family_name
  • Egyéni attribútumok: --gatey-account-attribute-custom-<attr>

Használati példák

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