<style media="screen">
:root {
--m-info-box-border-color: #c27fec;
}
</style>
<div class="m-info-box">
<ul>
<li>Nyttan med öppna licenser</li>
<li>Att skilja på olika sorters licenser</li>
<li>Om företagande och öppen källkod</li>
<li>Hur du använder licenserna i praktiken</li>
<li>Klargör vilka marknader du riktar dig till och registrera relevanta domäner.</li>
</ul>
</div>
<style media="screen">
:root {
--m-info-box-border-color: #c27fec;
}
</style>
<div class="m-info-box{{#if modifiers}} {{getmodifiers modifiers "m-info-box"}}{{/if}}{{#if additional_classes}} {{additional_classes}}{{/if}}">
{{{text}}}
</div>
{
"text": "<ul><li>Nyttan med öppna licenser</li><li>Att skilja på olika sorters licenser</li><li>Om företagande och öppen källkod</li><li>Hur du använder licenserna i praktiken</li><li>Klargör vilka marknader du riktar dig till och registrera relevanta domäner.</li></ul>"
}
@charset 'UTF-8';
@include molecule(info-box) {
margin: rhythm(4) 0;
padding: rhythm(4);
border-top: rem(4px) solid $color-lemon;
border-radius: $border-radius;
background-color: var(--snow-color);
> p,
> ul,
> ol {
&:last-child {
margin-bottom: 0;
}
}
@include bp-up(md) {
padding-right: rhythm(5.5);
padding-left: rhythm(5.5);
}
@include m(big) {
border-color: $color-jade;
p {
@extend %preamble;
}
}
@include m(basic) {
margin-top: 0;
padding: rhythm(2);
border-top: 0;
border-color: none;
@include bp-up(md) {
padding: rhythm(4);
}
@include bp-up(lg) {
padding-top: rhythm(6);
padding-right: rhythm(8);
padding-bottom: rhythm(6);
padding-left: rhythm(8);
}
}
@include m(custom-border) {
border-color: var(--m-info-box-border-color);
}
}
No notes defined.