Styleguide

Info Event 

<div class="contentbox ">
    <div class="label-title">Laber kommt hier</div>
    <h3 class="title-small">Und der eigentliche Titel hier</h3>
    <div class="contentbox-content">hier kommmt irgendwelcher content rein. optional kann auch noch ein button hinzugefügt werden</div>
    <a href="" target="_self" class="btn btn-grey">lorem 1</a>
</div>
 
<div class="contentbox {{ background }}">
    <div class="label-title">{{ label }}</div>
    <h3 class="title-small">{{ title }}</h3>
    <div class="contentbox-content">{{ content }}</div>
    {% if btn_text %}
        <a href="{{ btn_href }}"{% if btn_target %} target="{{ btn_target }}"{% endif %} class="btn {{ btn_type }}" >{{ btn_text}}</a>
    {% endif %}
</div>
 
{
  "label": "Laber kommt hier",
  "title": "Und der eigentliche Titel hier",
  "content": "hier kommmt irgendwelcher content rein. optional kann auch noch ein button hinzugefügt werden",
  "btn_text": "lorem 1",
  "btn_href": "",
  "btn_type": "btn-grey",
  "btn_target": "_self",
  "background": ""
}
  • Content: 
    .contentbox {
	background: $color-light-grey;
	padding: 1rem;

	&.transparent {
		background: none;
	}

	.label-title {
		color: $primary;
		margin-bottom: 0.5rem;
	}
	.title-small {
		font-style: normal;
		margin-bottom: 0.5rem;
	}

	.contentbox-content {
		+ .btn {
			margin-top: 1.5rem;
		}
	}
}

.sidebar-group {
	.contentbox {
		@include media-breakpoint-down(md) {
			padding: 0;
		}
	}
}
  • URL: /components/raw/contentbox/contentbox.scss
  • Filesystem Path: components/02-components/sidebar/contentbox/contentbox.scss
  • Size: 396 Bytes

There are no notes for this item.