:root { font-family: sans-serif; } /* .pj-popin-big-authent { .pj-popin-authent { max-width: 96rem; } .authent-container { display: grid; grid-template-columns: 43rem auto; grid-template-rows: 1fr; gap: 1px 1px; grid-template-areas: "authent-banner authent-footer"; height: 100%; } .authent-banner { background-color:yellow; grid-area: authent-banner; padding: 13rem 6rem 6rem; background-image: url('../images/boussole.svg'), url('../images/coeur.svg'), url('../images/poi.svg'); background-position: -1.6rem -1.6rem,110% 35rem, -10px 104%; background-size: 15rem, 15rem, 11rem; } .authent-footer { grid-area: authent-footer; padding: 9rem 4rem 2rem; } } .authent-banner { background-size: 15rem; padding: 7rem; } .authent-footer { padding: 14rem; } */ .pj-popin-big-authent .pj-popin-authent { max-width: 96rem; } .pj-popin-big-authent .authent-banner { background-color: yellow; } .pj-popin-big-authent #kc-content-wrapper { display: grid; grid-template-columns: calc(50% - 20px) 40px calc(50% - 20px); grid-template-rows: 1fr 1fr; grid-template-areas: "auth-left auth-divide auth-right" "auth-info auth-info auth-info"; height: 100%; } .pj-popin-big-authent #kc-content-wrapper .pj-form { position: relative; background-color: azure; grid-area: auth-right; } .pj-popin-big-authent #kc-content-wrapper hr, .pj-popin-big-authent #kc-content-wrapper .hr { text-align: center; width: 100%; display: block; color: transparent; background-color: transparent; border: none; position: relative; grid-area: auth-divide; } .pj-popin-big-authent #kc-content-wrapper hr:before, .pj-popin-big-authent #kc-content-wrapper .hr:before { content: ""; position: absolute; display: block; width: 2px; height: 100%; left: calc(50% - 1px); background-color: black; } .pj-popin-big-authent #kc-content-wrapper hr:after, .pj-popin-big-authent #kc-content-wrapper .hr:after { color: black; position: absolute; content: "OU"; display: block; background-color: white; height: 40px; line-height: 40px; bottom: calc(50% - 20px); left: 0; right: 0; } .pj-popin-big-authent #kc-content-wrapper #kc-info { grid-area: auth-info; } .pj-popin-big-authent #kc-content-wrapper .social-providers { position: relative; grid-area: auth-left; } /*# sourceMappingURL=grid.css.map */