diff --git a/website/source/assets/stylesheets/consul-connect/components/_section.scss b/website/source/assets/stylesheets/consul-connect/components/_section.scss index 9d6a790c88..ba795c77e9 100644 --- a/website/source/assets/stylesheets/consul-connect/components/_section.scss +++ b/website/source/assets/stylesheets/consul-connect/components/_section.scss @@ -33,22 +33,4 @@ margin: 0 0 24px; } } - - li { - list-style-type: none; - margin: 16px 0; - - &:before { - background-position: center; - background-repeat: no-repeat; - background-size: 100%; - background-image: url('data:image/svg+xml;utf8,'); - content: ""; - display: block; - float: left; - height: 24px; - margin: 4px 0 0 -40px; - width: 24px; - } - } } diff --git a/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss b/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss index 4b19e12c8f..a14fd4c542 100644 --- a/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss +++ b/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss @@ -156,4 +156,32 @@ margin-top: 16px; } } + + li { + font-size: 1.6rem; + list-style-type: none; + margin: 16px; + text-align: left; + + @media (min-width: 768px) { + margin: 16px 0; + } + + @media (min-width: 992px) { + font-size: 1.8rem; + } + + &:before { + background-position: center; + background-repeat: no-repeat; + background-size: 100%; + background-image: url('data:image/svg+xml;utf8,'); + content: ""; + display: block; + float: left; + height: 24px; + margin: 4px 0 0 -40px; + width: 24px; + } + } }