JSFiddle - React, Tailwind, and code Playground

by mzilverberg

HTML

<script src="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700%7cYrsa:400,500"></script>
<script src="https://fonts.googleapis.com/css?family=Open+Sans:800,800i"></script>
<link rel="stylesheet" href="https://www.vi.nl/.resources/vinl-website-theme/css/vi.min~2018-04-12-09-40-12-000~cache.css">
<div onclick="window.location.href='https://toto.nederlandseloterij.nl/web/toto/toto?utm_campaign=tot-werving&utm_content=toto-eredivisie-sponsored-poll&utm_medium=bac&utm_source=tot-wv-vi-sponsored-poll#m203881/all/s-441/cc-4466/t-17204'" class="c-frame c-frame--toto">
	<div class="c-frame__header">
		Mede mogelijk gemaakt door:
		<img src="http://vi-digital.nl/files/commercie/toto/toto-logo.png" alt="Toto logo" />
	</div>
	<div class="c-frame__content">
		<ol class="c-liveblog__posts-list c-liveblog__posts-list--sticky js-sticky-posts-container"><li id="post-1132253797" class="post c-liveblog-list__item c-liveblog-list__item--poll c-liveblog-list__item--sticky last-post-of-day" data-sticky="true" data-hash="84d95a84752f2e860b11b0b5dc9d7902" data-day-id="20180601" data-day-content="vrijdag 1 juni" data-timestamp="1527876000000" style=""><div class="c-liveblog-item__content">   <dl id="poll-138951" class="c-liveblog-poll"><dt class="c-liveblog-poll__question">Wat verwacht jij van Argentinië - Kroatië?</dt><dd class="c-liveblog-poll__answer"><a href="#stem" class="c-liveblog-anchor js-poll-vote" data-poll-id="138951" data-answer-id="505556"><div class="c-custom-input__control"><label class="c-custom-input__faux-input c-custom-input__faux-input--radio c-liveblog-faux-input">Zege Argentinië</label></div><label class="c-custom-input__label c-liveblog-faux-input-label">Zege Argentinië</label></a></dd><dd class="c-liveblog-poll__answer"><a href="#stem" class="c-liveblog-anchor js-poll-vote" data-poll-id="138951" data-answer-id="505557"><div class="c-custom-input__control"><label class="c-custom-input__faux-input c-custom-input__faux-input--radio...

SCSS

.c-frame {

	&--toto {
		display: block;
		background: #20262f;
		border: 0 none;
		color: #979797;
		font-size: .875rem;
		font-size: 14px;
		line-height: 1.71;
		padding: 12px;

		&:hover,
		&:focus {
			text-decoration: none;
			color: #979797;
		}
	}
	
	/* &__content {
		background: #fff;
		padding: 12px;
	} */
	
	&__header {
		padding-bottom: 18px;
		
		img {
			height: 19px;
		}
	}
}