diff --git a/src/css/doc.css b/src/css/doc.css index ccfe4825..a63ce91d 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -385,6 +385,8 @@ ul ul ul { /* padding-left: var(--base-space); */ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); border-radius: 5px; + align-items: center; + max-width: var(--image-block-container); } .doc .imageblock img { diff --git a/src/css/main.css b/src/css/main.css index 1b5bff8f..7f195077 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -64,7 +64,7 @@ main p { color: var(--color-brand-blue-secondary); } -.article-banner p .fab { +.article-banner p svg { margin-right: 10px; font-size: var(--heading-h3); } diff --git a/src/css/vars.css b/src/css/vars.css index 3145bbd0..6716aa93 100644 --- a/src/css/vars.css +++ b/src/css/vars.css @@ -132,4 +132,9 @@ --heading-h2-sm: 1.75rem; /* ~28px */ --heading-h3-sm: 1.25rem; /* ~20px */ --heading-h4-sm: 0.875rem; /* ~14px */ + + /* --image-block-max width */ + + --image-block-container: 64rem; /* ~ 1024px */ + }