diff --git a/dist/components/PDF.scss b/dist/components/PDF.scss index a5dfe54..2c4fec6 100644 --- a/dist/components/PDF.scss +++ b/dist/components/PDF.scss @@ -58,6 +58,8 @@ $padding-horizontal-table-data: 4px; $padding-vertical-no-border-table-header: 0px; $padding-vertical-no-border-table-data: 2px; +$column-gap-grid: 20px; + $scaling-for-signed-documents: 1.10802; html, @@ -239,32 +241,40 @@ body { list-style: none; } } - &[style*="--title-width"] { - display: flex; - flex-flow: row wrap; - align-items: end; - dt { - width: var(--title-width); - } - dd { - flex-basis: calc(100% - var(--title-width)); - flex-grow: 1; + &[style*="--display-type: inline"], + &:not([style*="--display-type"]) { + &[style*="--title-width"] { + display: flex; + flex-flow: row wrap; + align-items: end; + dt { + width: var(--title-width); + } + dd { + flex-basis: calc(100% - var(--title-width)); + flex-grow: 1; + } } - } - &:not([style*="--title-width"]) { - dt { - display: inline; - &::before { - display: block; - content: ""; + &:not([style*="--title-width"]) { + dt { + display: inline; + &::before { + display: block; + content: ""; + } + &::after { + display: inline; + content: " "; + } } - &::after { + dd { display: inline; - content: " "; } } + } + &[style*="--display-type: stacked"] { dd { - display: inline; + margin-bottom: $margin-bottom-list; } } } @@ -344,6 +354,13 @@ body { } } + .grid { + display: grid; + justify-content: space-between; + grid-template-columns: repeat(var(--columns), 1fr); + column-gap: $column-gap-grid; + } + blockquote { background: var(--color-secondary-x-light, colors.$color-secondary-x-light); border-left: $border-left-width-blockquote solid var(--color-border, colors.$color-border); @@ -495,12 +512,20 @@ body { dd { margin: calc($margin-vertical-description-list * $scaling-for-signed-documents) 0; } - &[style*="--title-width"] { - dt { - width: calc(var(--title-width) * $scaling-for-signed-documents); + &[style*="--display-type: inline"], + &:not([style*="--display-type"]) { + &[style*="--title-width"] { + dt { + width: calc(var(--title-width) * $scaling-for-signed-documents); + } + dd { + flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents)); + } } + } + &[style*="--display-type: stacked"] { dd { - flex-basis: calc(100% - (var(--title-width) * $scaling-for-signed-documents)); + margin-bottom: calc($margin-bottom-list * $scaling-for-signed-documents); } } } @@ -546,6 +571,10 @@ body { } } + .grid { + column-gap: calc($column-gap-grid * $scaling-for-signed-documents); + } + blockquote { background: var(--color-secondary-x-light, colors.$color-secondary-x-light); border-left: calc($border-left-width-blockquote * $scaling-for-signed-documents) solid diff --git a/dist/style/pdf.css b/dist/style/pdf.css index a248e71..4aa1138 100644 --- a/dist/style/pdf.css +++ b/dist/style/pdf.css @@ -185,32 +185,35 @@ body { margin: 0; list-style: none; } -.page dl[style*="--title-width"] { +.page dl[style*="--display-type: inline"][style*="--title-width"], .page dl:not([style*="--display-type"])[style*="--title-width"] { display: flex; flex-flow: row wrap; align-items: end; } -.page dl[style*="--title-width"] dt { +.page dl[style*="--display-type: inline"][style*="--title-width"] dt, .page dl:not([style*="--display-type"])[style*="--title-width"] dt { width: var(--title-width); } -.page dl[style*="--title-width"] dd { +.page dl[style*="--display-type: inline"][style*="--title-width"] dd, .page dl:not([style*="--display-type"])[style*="--title-width"] dd { flex-basis: calc(100% - var(--title-width)); flex-grow: 1; } -.page dl:not([style*="--title-width"]) dt { +.page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt { display: inline; } -.page dl:not([style*="--title-width"]) dt::before { +.page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt::before, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt::before { display: block; content: ""; } -.page dl:not([style*="--title-width"]) dt::after { +.page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dt::after, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dt::after { display: inline; content: " "; } -.page dl:not([style*="--title-width"]) dd { +.page dl[style*="--display-type: inline"]:not([style*="--title-width"]) dd, .page dl:not([style*="--display-type"]):not([style*="--title-width"]) dd { display: inline; } +.page dl[style*="--display-type: stacked"] dd { + margin-bottom: 12px; +} .page table { border-collapse: collapse; width: 100%; @@ -268,6 +271,12 @@ body { .page table tbody tr td.indent { width: 18px; } +.page .grid { + display: grid; + justify-content: space-between; + grid-template-columns: repeat(var(--columns), 1fr); + column-gap: 20px; +} .page blockquote { background: var(--color-secondary-x-light, #ebf4fa); border-left: 4px solid var(--color-border, #89bad6); @@ -411,12 +420,15 @@ body { .page.signed-document div.content-container dl dd { margin: 3.32406px 0; } -.page.signed-document div.content-container dl[style*="--title-width"] dt { +.page.signed-document div.content-container dl[style*="--display-type: inline"][style*="--title-width"] dt, .page.signed-document div.content-container dl:not([style*="--display-type"])[style*="--title-width"] dt { width: calc(var(--title-width) * 1.10802); } -.page.signed-document div.content-container dl[style*="--title-width"] dd { +.page.signed-document div.content-container dl[style*="--display-type: inline"][style*="--title-width"] dd, .page.signed-document div.content-container dl:not([style*="--display-type"])[style*="--title-width"] dd { flex-basis: calc(100% - var(--title-width) * 1.10802); } +.page.signed-document div.content-container dl[style*="--display-type: stacked"] dd { + margin-bottom: 13.29624px; +} .page.signed-document div.content-container table thead tr { border-width: 1.10802px; } @@ -449,6 +461,9 @@ body { .page.signed-document div.content-container table tbody tr td .indent { width: 19.94436px; } +.page.signed-document div.content-container .grid { + column-gap: 22.1604px; +} .page.signed-document div.content-container blockquote { background: var(--color-secondary-x-light, #ebf4fa); border-left: 4.43208px solid var(--color-border, #89bad6); diff --git a/dist/style/pdf.css.map b/dist/style/pdf.css.map index 15da885..19b9971 100644 --- a/dist/style/pdf.css.map +++ b/dist/style/pdf.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"} \ No newline at end of file