123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .comment-respond {
- margin-top: var(--global--spacing-vertical);
- }
- .comment-respond > * {
- margin-top: var(--global--spacing-unit);
- margin-bottom: var(--global--spacing-unit);
- &:first-child {
- margin-top: 0;
- }
- &:last-child {
- margin-bottom: 0;
- &.comment-form {
- margin-bottom: var(--global--spacing-vertical);
- }
- }
- }
- .comment-author {
- padding-top: 3px;
- .url {
- border-bottom: none;
- color: currentColor;
-
- &:hover,
- &:focus {
- color: var(--global--color-primary-hover);
- border-bottom: 1px solid var(--global--color-secondary);
- }
- }
- }
- .comment-form {
- display: flex;
- flex-wrap: wrap;
- > * {
- flex-basis: 100%;
- }
- .comment-notes {
- font-size: var(--global--font-size-sm);
- }
- .comment-form-url,
- .comment-form-comment {
- width: 100%;
- }
- .comment-form-author,
- .comment-form-email {
- flex-basis: 0;
- flex-grow: 1;
- }
- .comment-form-cookies-consent > label,
- .comment-notes {
- font-size: var(--global--font-size-xs);
- }
- }
- .comment-form > p {
- margin-bottom: var(--global--spacing-unit);
- &:first-of-type {
- margin-top: 0;
- }
- &:last-of-type {
- margin-bottom: 0;
- }
- label,
- input[type="email"],
- input[type="text"],
- input[type="url"],
- textarea {
- display: block;
- font-size: var(--global--font-size-sm);
- margin-bottom: calc( .5 * var(--global--spacing-unit) );
- width: 100%;
- }
- &.comment-form-cookies-consent {
- display: flex;
- }
- @include media(mobile) {
- &.comment-form-author {
- margin-right: calc( 1.5 * var(--global--spacing-horizontal) );
- }
- &.comment-notes,
- &.logged-in-as {
- display: block;
- }
- }
- }
|