Internetstiftelsen Styleguide

Logotype 

<!-- Default -->
<svg class="logotype">
    <use xlink:href="#logotype-default"></use>
</svg>


<!-- Horizontal -->
<svg class="logotype">
    <use xlink:href="#logotype-horizontal"></use>
</svg>


<!-- Vertical -->
<svg class="logotype">
    <use xlink:href="#logotype-vertical"></use>
</svg>


<!-- Goto 10 -->
<svg class="logotype">
    <use xlink:href="#logotype-goto10"></use>
</svg>


<!-- Bredbandskollen -->
<svg class="logotype">
    <use xlink:href="#logotype-bredbandskollen"></use>
</svg>


<!-- Internetmuseum -->
<svg class="logotype">
    <use xlink:href="#logotype-internetmuseum"></use>
</svg>


<!-- Digitala Lektioner -->
<svg class="logotype">
    <use xlink:href="#logotype-digitala-lektioner"></use>
</svg>


<!-- Svenskarna Och Internet -->
<svg class="logotype">
    <use xlink:href="#logotype-svenskarna-och-internet"></use>
</svg>


<!-- Internetdagarna -->
<svg class="logotype">
    <use xlink:href="#logotype-internetdagarna"></use>
</svg>


<!-- Internetkunskap -->
<svg class="logotype">
    <use xlink:href="#logotype-internetkunskap"></use>
</svg>


<svg class="logotype{{#if additional_classes}} {{ additional_classes }}{{/if}}">
	{{#each id}}
	<use xlink:href="#logotype-{{ this }}"></use>
	{{else}}
	<use xlink:href="#logotype-{{ id }}"></use>
	{{/each}}
</svg>
 
/* Default */
{
  "additional_classes": "",
  "id": "default"
}


/* Horizontal */
{
  "additional_classes": "",
  "id": "horizontal"
}


/* Vertical */
{
  "additional_classes": "",
  "id": "vertical"
}


/* Goto 10 */
{
  "additional_classes": "",
  "id": "goto10"
}


/* Bredbandskollen */
{
  "additional_classes": "",
  "id": "bredbandskollen"
}


/* Internetmuseum */
{
  "additional_classes": "",
  "id": "internetmuseum"
}


/* Digitala Lektioner */
{
  "additional_classes": "",
  "id": "digitala-lektioner"
}


/* Svenskarna Och Internet */
{
  "additional_classes": "",
  "id": "svenskarna-och-internet"
}


/* Internetdagarna */
{
  "additional_classes": "",
  "id": "internetdagarna"
}


/* Internetkunskap */
{
  "additional_classes": "",
  "id": "internetkunskap"
}
  • Content: 
    @charset "UTF-8";
@use '../../configurations/mixins' as mixin;

@include mixin.atom(logotype) {
	display: flex;
	width: 100%;
}
  • URL: /components/raw/logotype/_logotype.scss
  • Filesystem Path: src/atoms/logotype/_logotype.scss
  • Size: 128 Bytes

No notes defined.