Design System

Article 

<div class="Article"></div>
 
<div class="Article"></div>
 
{
  "company": "Ascend Performance Materials",
  "url": "https://www.ascendmaterials.com",
  "placeholders": {
    "copy": "Cozy lummox gives smart squid who asks for job pen"
  }
}
  • Content: 
    .Article {
	@apply my-8
		3xl:mb-12;

	&__share {
		@apply my-8;

		.jssocials-share-twitter {
			a {
				@apply bg-black
					hover:bg-black
					border
					border-black
					hover:border-black;
			}
		}
	}

	&__related {
		@apply mt-10
			xl:mt-12;

		a {
			@apply font-bold;
		}

		li {
			@apply py-4 
				3xl:py-6
				border-t
				border-gray-300;

			span {
				@apply block;
			}
		}

		.Article__subtitle {
			@apply mb-4
				lg:mb-8;
		}
	}
}
  • URL: /components/raw/article/article.scss
  • Filesystem Path: src/components/01-elements/article/article.scss
  • Size: 453 Bytes

No notes defined.