diff --git a/assets/css/010_spacing.css b/assets/css/010_spacing.css index 370d7d4..bf5eb7f 100644 --- a/assets/css/010_spacing.css +++ b/assets/css/010_spacing.css @@ -84,17 +84,6 @@ p + :is({{ $elementsWithXLBlockMargins }}) { } } -/* Blockquotes */ - -blockquote { - --border-width: var(--space-xs); - --inline-padding: var(--space-l); - - border-inline-start: var(--border-width) solid #eee; - margin-inline: 0 var(--inline-padding); - padding-inline-start: calc(var(--inline-padding) - var(--border-width)); -} - /* Type size classes */ .title { diff --git a/assets/css/050_quotations.css b/assets/css/050_quotations.css new file mode 100644 index 0000000..e0a78e1 --- /dev/null +++ b/assets/css/050_quotations.css @@ -0,0 +1,21 @@ +{{/* + 050_quotations.css + Eryn Wells +*/}} + + + + + +/************* + * QUOTATIONS + *************/ + +blockquote { + --border-width: var(--space-xs); + --inline-padding: var(--space-l); + + border-inline-start: var(--border-width) solid var(--gray4); + margin-inline: 0 var(--inline-padding); + padding-inline-start: calc(var(--inline-padding) - var(--border-width)); +}