mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-27 00:52:36 +03:00
Updated signup and private page forms for consistency (#20208)
ref TRI-92
This commit is contained in:
parent
d2da9d3c17
commit
60da243d0c
@ -1,10 +1,10 @@
|
||||
/* Flow
|
||||
/* ---------------------------------------------------------- */
|
||||
.gh-flow:has(form.gh-signin) {
|
||||
.gh-flow:has(form:is(.gh-signin, .gh-signup)) {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.gh-flow:has(form.gh-signin) .gh-flow-content {
|
||||
.gh-flow:has(form:is(.gh-signin, .gh-signup)) .gh-flow-content {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
@ -73,6 +73,7 @@
|
||||
.gh-signup .gh-btn-signup span {
|
||||
font-size: 1.8rem;
|
||||
color: #fff;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.gh-signin .gh-btn-reset {
|
||||
@ -134,11 +135,11 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.gh-signin .form-group label {
|
||||
:is(.gh-signin, .gh-signup) .form-group label {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.gh-signin .gh-input {
|
||||
:is(.gh-signin, .gh-signup) .gh-input {
|
||||
height: auto;
|
||||
padding: 1.4rem 1.6rem;
|
||||
border: 1px solid #f3f6f7;
|
||||
|
@ -656,6 +656,10 @@ h2 {
|
||||
background: linear-gradient(315deg,#efefef,#fff);
|
||||
}
|
||||
|
||||
.gh-flow:has(.gh-flow-content.private) {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.gh-flow-content-wrap {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -686,7 +690,7 @@ h2 {
|
||||
line-height: 1.5em;
|
||||
font-weight: 300;
|
||||
border-radius: 3px;
|
||||
box-shadow:
|
||||
box-shadow:
|
||||
0 2.8px 2.2px rgba(0,0,0,.02),
|
||||
0 6.7px 5.3px rgba(0,0,0,.02),
|
||||
0 12.5px 10px rgba(0,0,0,.02),
|
||||
@ -704,6 +708,10 @@ h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gh-flow-content.private {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.gh-flow-content {
|
||||
padding: 0;
|
||||
@ -820,6 +828,9 @@ h2 {
|
||||
padding: 12px 16px;
|
||||
font-size: 1.8rem;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #f3f6f7;
|
||||
background: #f3f6f7;
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.gh-signin .gh-input::placeholder {
|
||||
@ -846,7 +857,7 @@ h2 {
|
||||
|
||||
.gh-signin .gh-input:focus {
|
||||
border-color: #30cf43;
|
||||
box-shadow: 0 0 0 3px rgba(26,170,96,.15);
|
||||
box-shadow: 0 0 0 3px rgba(48,207,67,.25);
|
||||
}
|
||||
|
||||
.gh-signin .gh-btn {
|
||||
|
Loading…
Reference in New Issue
Block a user