Skip to content

Commit

Permalink
Merge branch 'io-627' into test
Browse files Browse the repository at this point in the history
  • Loading branch information
cristain7 committed Apr 17, 2024
2 parents a175619 + 11261e9 commit c656d7c
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 77 deletions.
105 changes: 35 additions & 70 deletions src/components/cards/portrait_card/portrait_card.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,7 @@ <h2 class="ods-devtools-text-preset-1">White</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -37,8 +36,7 @@ <h2 class="ods-devtools-text-preset-1">Light gray</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -58,8 +56,7 @@ <h2 class="ods-devtools-text-preset-1">Default</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -79,8 +76,7 @@ <h2 class="ods-devtools-text-preset-1">Hide image on small screens</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -97,8 +93,7 @@ <h2 class="ods-devtools-text-preset-1">No image</h2>
<div class="ods-portrait-card">
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -118,8 +113,7 @@ <h2 class="ods-devtools-text-preset-1">Animated</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -139,8 +133,7 @@ <h2 class="ods-devtools-text-preset-1">Extra small</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -162,8 +155,7 @@ <h2 class="ods-devtools-text-preset-1">Actions</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
</div>
Expand All @@ -183,8 +175,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
</div>
Expand Down Expand Up @@ -216,8 +207,7 @@ <h2 class="ods-devtools-text-preset-1">Custom content</h2>
<span class="ods-margin-left-1">10:00</span>
</p>
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -236,8 +226,7 @@ <h3 class="ods-portrait-card__heading">
<div class="ods-portrait-card__content">
<p class="ods-text--size-lima ods-text--weight-medium ods-margin-bottom-4 ods-color-text-red">PLANER</p>
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -260,8 +249,7 @@ <h2 class="ods-devtools-text-preset-1">Grid layout example</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -275,8 +263,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -290,8 +277,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -305,8 +291,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -320,8 +305,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -335,8 +319,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -350,8 +333,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -365,8 +347,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -380,8 +361,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Simply dummy text</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand Down Expand Up @@ -410,8 +390,7 @@ <h2 class="ods-devtools-text-preset-2">Default</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -432,8 +411,7 @@ <h2 class="ods-devtools-text-preset-2">White</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -449,8 +427,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">I will hide my image on small screensize!</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -469,8 +446,7 @@ <h2 class="ods-devtools-text-preset-2">Animated</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -485,8 +461,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -506,8 +481,7 @@ <h2 class="ods-devtools-text-preset-2">No image</h2>
<div class="ods-portrait-card">
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -527,8 +501,7 @@ <h2 class="ods-devtools-text-preset-2">Extra small</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -542,8 +515,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -557,8 +529,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -572,8 +543,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -595,8 +565,7 @@ <h2 class="ods-devtools-text-preset-2">Card actions</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
</div>
Expand All @@ -612,8 +581,7 @@ <h3 class="ods-portrait-card__heading">
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
</div>
Expand Down Expand Up @@ -654,8 +622,7 @@ <h2 class="ods-devtools-text-preset-2">Cards with custom content</h2>
<span class="ods-margin-left-1">10:00</span>
</p>
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -670,8 +637,7 @@ <h3 class="ods-portrait-card__heading">
<div class="ods-portrait-card__content">
<p class="ods-text--size-lima ods-text--weight-medium ods-margin-bottom-4 ods-color-text-red">PLANER</p>
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand All @@ -690,8 +656,7 @@ <h2 class="ods-devtools-text-preset-2">External</h2>
</div>
<div class="ods-portrait-card__content">
<h3 class="ods-portrait-card__heading">
Heading
<a class="ods-portrait-card__link" href="javascript:void(0)"></a>
<a class="ods-portrait-card__link" href="javascript:void(0)">Heading</a>
</h3>
<p class="ods-portrait-card__text">Lorem ipsum</p>
<p class="ods-portrait-card__published">Published: 01.01.2021</p>
Expand Down
Loading

0 comments on commit c656d7c

Please sign in to comment.