Styleguide

Vote: Yes 

<div class="m-vote">
    <div class="m-vote__tag">
        <div aria-label="" class="a-vote-tag a-vote-tag--yes">ja</div>
    </div>
    <h3 class="m-vote__title">Ehe für alle</h3>
</div>
 
<div class="m-vote{{#if excerpt}} m-vote--excerpt{{/if}}">
	<div class="m-vote__tag">
		{{> @a-vote-tag vote-tag}}
	</div>
	<h3 class="m-vote__title">{{ label }}</h3>
	{{#if excerpt}}
		<p class="m-vote__excerpt">{{ excerpt }}</p>
		<div class="m-vote__link-button">
			{{> @a-link-button url='' label="Mehr über die Vorlage"}}
		</div>
	{{/if}}
</div>
  • Content: 
    .m-vote {
	position: relative;
	width: 100%;
	max-width: 689px;
	padding: 1em 0;

	@include media($_DESKTOP) {
		padding: 0.5em 0;
	}

	&__title {
		margin: 0 3.2em 0 0;

		@include media($_MOBILE) {
			font-size: 1rem;
		}
	}

	&--excerpt &__title::after {
		display: none;
	}

	&__tag {
		float: right;
		margin-left: 1em;

		@include media($_DESKTOP) {
			margin-top: 0.1em;
		}
	}

	&__excerpt {
		margin: 0.5em 3.2em 0.5em 0;

		@include media($_DESKTOP) {
			margin-right: 4.7em;
		}
	}
}
  • URL: /components/raw/m-vote/_m-vote.scss
  • Filesystem Path: styleguide/src/components/molecules/m-vote/_m-vote.scss
  • Size: 495 Bytes 
{
  "label": "Ehe für alle",
  "vote-tag": {
    "label": "ja",
    "modifiers": [
      "yes"
    ]
  }
}

No notes defined.