| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- blockquote {
- padding: 0;
- position: relative;
- margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
- > * {
- margin-top: var(--global--spacing-unit);
- margin-bottom: var(--global--spacing-unit);
- &:first-child {
- margin-top: 0;
- }
- &:last-child {
- margin-bottom: 0;
- }
- }
- p {
- letter-spacing: var(--heading--letter-spacing-h4);
- font-family: var(--quote--font-family);
- font-size: var(--quote--font-size);
- font-style: var(--quote--font-style);
- font-weight: var(--quote--font-weight);
- line-height: var(--quote--line-height);
- }
- cite,
- footer {
- font-weight: normal;
- color: var(--global--color-primary);
- font-size: var(--global--font-size-xs);
- letter-spacing: var(--global--letter-spacing);
- }
- &.alignleft,
- &.alignright {
- padding-left: inherit;
- p {
- font-size: var(--heading--font-size-h5);
- max-width: inherit;
- width: inherit;
- }
- cite,
- footer {
- font-size: var(--global--font-size-xs);
- letter-spacing: var(--global--letter-spacing);
- }
- }
- strong {
- font-weight: var(--quote--font-weight-strong);
- }
- &:before {
- content: "\201C";
- font-size: var(--quote--font-size);
- line-height: var(--quote--line-height);
- position: absolute;
- left: calc(-0.5 * var(--global--spacing-horizontal));
- }
- .wp-block-quote__citation,
- cite,
- footer {
- color: var(--global--color-primary);
- font-size: var(--global--font-size-xs);
- font-style: var(--quote--font-style-cite);
- }
- @include media(mobile-only) {
- padding-left: calc(0.5 * var(--global--spacing-horizontal));
- &:before {
- left: 0;
- }
- }
- }
|
