Skip to content

Commit

Permalink
update style
Browse files Browse the repository at this point in the history
  • Loading branch information
izabela.horodenska committed Apr 18, 2024
1 parent 798ce4f commit 8779fb1
Show file tree
Hide file tree
Showing 21 changed files with 428 additions and 492 deletions.
5 changes: 2 additions & 3 deletions styleguide/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,11 @@
<link rel="stylesheet" href="/dist/styles/styles.css" />
<title>frontend</title>
</head>

<body>
<div class="root">
<a href="nav.html" class="nav-box nav-box--styleguide" id="styleguide-link">
<a href="main.html" class="nav-box nav-box--styleguide" id="styleguide-link">
<span class="nav-box__link">Living Styleguide</span>
</a>
</a>
<div class="nav-box nav-box--pages">
<span class="nav-box__link">Sample Pages</span>
<div class="page-list">
Expand Down
87 changes: 0 additions & 87 deletions styleguide/js/banner.js
View file

This file was deleted.

83 changes: 83 additions & 0 deletions styleguide/js/banners.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
import { html, render } from 'https://unpkg.com/[email protected]/lit-html.js';

export const bannersTemplate = () => {
return html`
<div class="ls-library theme-content-element" id="banners">
<h1>Banner</h1>
<div class="theme-content-element-description">
<div class="ls-example">
<h5 class="ls-example__heading">Example</h5>
<div class="ls-example__body">
<div class="banner block" data-block-name="banner" data-block-status="loaded">
<!---->
<div id="banner">
<div class="content">
<header>
<h1><!--?lit$126102149$-->Hi, I’m Editorial by HTML5 UP!</h1>
<p><!--?lit$126102149$-->A FREE AND FULLY RESPONSIVE SITE TEMPLATE</p>
</header>
<!--?lit$126102149$--><!---->
<p>
<!--?lit$126102149$-->Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam
facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper,
amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas.
Pellentesque sapien ac quam. Lorem ipsum dolor sit nullam.
</p>
<!----><!---->
<p>
<!--?lit$126102149$-->Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas.
Pellentesque sapien ac quam. Lorem ipsum dolor sit nullam.
</p>
<!---->
<ul class="actions">
<!--?lit$126102149$--><!---->
<li>
<a class="button big" href="http://localhost:3000/#"><!--?lit$126102149$-->Learn more</a>
</li>
<!----><!---->
<li>
<a class="button big" href="http://localhost:3000/generic"
><!--?lit$126102149$-->Gehe zu Generic</a
>
</li>
<!---->
</ul>
</div>
<span class="image object"
><!--?lit$126102149$--><picture>
<source
type="image/webp"
srcset="
./media_18fca17b5770aad624cc462619b04b3c9236b61f0.png?width=2000&amp;format=webply&amp;optimize=medium
"
media="(min-width: 600px)"
/>
<source
type="image/webp"
srcset="
./media_18fca17b5770aad624cc462619b04b3c9236b61f0.png?width=750&amp;format=webply&amp;optimize=medium
"
/>
<source
type="image/png"
srcset="
./media_18fca17b5770aad624cc462619b04b3c9236b61f0.png?width=2000&amp;format=png&amp;optimize=medium
"
media="(min-width: 600px)"
/>
<img
loading="eager"
alt=""
src="./media_18fca17b5770aad624cc462619b04b3c9236b61f0.png?width=750&amp;format=png&amp;optimize=medium"
width="736"
height="512"
/> </picture
></span>
</div>
</div>
</div>
</div>
</div>
</div>
`;
};
20 changes: 10 additions & 10 deletions styleguide/js/buttons.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ import { html, render } from 'https://unpkg.com/[email protected]/lit-html.js';
export const buttonsTemplate = () => {
return html`
<div class="theme-content-category" id="buttons">
<div class="i-library theme-content-element">
<h1 class="display-4 theme-content-element-title">Buttons</h1>
<div class="ls-library theme-content-element">
<h1>Buttons</h1>
<div class="theme-content-element-description">
<p>Button / Anchor element.</p>
<p>Default button size is <strong>l</strong>. Default button type is <strong>secondary</strong>.</p>
Expand All @@ -17,38 +17,38 @@ export const buttonsTemplate = () => {
<li><p>tag: "button" | "a"</p></li>
<li><p>label: string</p></li>
</ul>
<div class="i-example">
<h5 class="i-example__heading">Example</h5>
<div class="i-example__body">
<div class="ls-example">
<h5 class="ls-example__heading">Example</h5>
<div class="ls-example__body">
<ul class="actions">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions small">
<ul class="actions">
<li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<div class="row">
<div class="col-6 col-12-small">
<ul class="actions stacked">
<ul class="actions">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
</div>
<div class="col-6 col-12-small">
<ul class="actions stacked">
<ul class="actions">
<li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
</div>
<div class="col-6 col-12-small">
<ul class="actions stacked">
<ul class="actions">
<li><a href="#" class="button primary fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li>
</ul>
</div>
<div class="col-6 col-12-small">
<ul class="actions stacked">
<ul class="actions">
<li><a href="#" class="button primary small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li>
</ul>
Expand Down
Loading

0 comments on commit 8779fb1

Please sign in to comment.