mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-08-06 06:07:33 +02:00
feat: Update contents
This commit is contained in:
Phuoc Nguyen
@@ -1,25 +0,0 @@
|
|||||||
const EleventyFetch = require("@11ty/eleventy-fetch")
|
|
||||||
|
|
||||||
async function fetchGitHubStars(repos) {
|
|
||||||
let json = await EleventyFetch(`https://api.github.com/repos/${repos}`, {
|
|
||||||
duration: '1d',
|
|
||||||
type: 'json'
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
stargazers: json.stargazers_count,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = async function() {
|
|
||||||
return {
|
|
||||||
'oneloc': await fetchGitHubStars('phuocng/1loc'),
|
|
||||||
'crossbrowser': await fetchGitHubStars('phuocng/cross-browser'),
|
|
||||||
'cssanimation': await fetchGitHubStars('phuocng/css-animation'),
|
|
||||||
'csslayout': await fetchGitHubStars('phuocng/csslayout'),
|
|
||||||
'frontendtips': await fetchGitHubStars('phuocng/frontend-tips'),
|
|
||||||
'htmldom': await fetchGitHubStars('phuocng/html-dom'),
|
|
||||||
'thisvsthat': await fetchGitHubStars('phuocng/this-vs-that'),
|
|
||||||
'reactpdfviewer': await fetchGitHubStars('react-pdf-viewer/react-pdf-viewer'),
|
|
||||||
};
|
|
||||||
};
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<div class="accordion">
|
|
||||||
<div class="accordion__item accordion__item--collapsed">
|
|
||||||
<div class="accordion__header">
|
|
||||||
<div class="accordion__toggle">
|
|
||||||
{% triangle "r" %}
|
|
||||||
</div>
|
|
||||||
<div class="accordion__title">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="accordion__item accordion__item--expanded">
|
|
||||||
<div class="accordion__header">
|
|
||||||
<div class="accordion__toggle">
|
|
||||||
{% triangle "b" %}
|
|
||||||
</div>
|
|
||||||
<div class="accordion__title">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="accordion__content">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="arrow-buttons">
|
|
||||||
<div class="arrow-buttons__corner arrow-buttons__corner--t">
|
|
||||||
<div class="arrow-button arrow-button--t"></div>
|
|
||||||
</div>
|
|
||||||
<div class="arrow-buttons__corner arrow-buttons__corner--r">
|
|
||||||
<div class="arrow-button arrow-button--r"></div>
|
|
||||||
</div>
|
|
||||||
<div class="arrow-buttons__corner arrow-buttons__corner--b">
|
|
||||||
<div class="arrow-button arrow-button--b"></div>
|
|
||||||
</div>
|
|
||||||
<div class="arrow-buttons__corner arrow-buttons__corner--l">
|
|
||||||
<div class="arrow-button arrow-button--l"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<div class="avatars">
|
|
||||||
<div class="avatars__item">
|
|
||||||
<div class="avatars__image">A</div>
|
|
||||||
</div>
|
|
||||||
<div class="avatars__item">
|
|
||||||
<div class="avatars__image">B</div>
|
|
||||||
</div>
|
|
||||||
<div class="avatars__item">
|
|
||||||
<div class="avatars__image">C</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="avatar">
|
|
||||||
<div class="avatar__image">
|
|
||||||
<svg viewBox="0 0 24 24" fill="none" height="100%" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" width="100%">
|
|
||||||
<path d="M12,3.5c2.347,0,4.25,1.903,4.25,4.25S14.347,12,12,12s-4.25-1.903-4.25-4.25S9.653,3.5,12,3.5z M5,20.5 c0-3.866,3.134-7,7-7s7,3.134,7,7H5z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<div class="badge">9+</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="box-selector-container">
|
|
||||||
<div class="box-selector box-selector--selected">{% lines "hor", 5 %}</div>
|
|
||||||
{% for i in range(0, 3) -%}
|
|
||||||
<div class="box-selector">{% lines "hor", 5 %}</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="breadcrumb">
|
|
||||||
<div class="breadcrumb__item">A</div>
|
|
||||||
<div class="breadcrumb__item">B</div>
|
|
||||||
<div class="breadcrumb__item">C</div>
|
|
||||||
<div class="breadcrumb__item">D</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<button class="button-with-icon">
|
|
||||||
{% circle "md" %}
|
|
||||||
<div class="button-with-icon__label">{% lines "hor", 5 %}</div>
|
|
||||||
</button>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<div class="calendar">
|
|
||||||
<div class="calendar__weekday">Mon</div>
|
|
||||||
<div class="calendar__weekday">Tue</div>
|
|
||||||
<div class="calendar__weekday">Wed</div>
|
|
||||||
<div class="calendar__weekday">Thu</div>
|
|
||||||
<div class="calendar__weekday">Fri</div>
|
|
||||||
<div class="calendar__weekday">Sat</div>
|
|
||||||
<div class="calendar__weekday">Sun</div>
|
|
||||||
{% for i in range(0, 3) -%}
|
|
||||||
<div class="calendar__day calendar__day--disabled">{{ i + 29 }}</div>
|
|
||||||
{%- endfor %}
|
|
||||||
{% for i in range(0, 30) -%}
|
|
||||||
<div class="calendar__day{%if i == 23 %} calendar__day--current{% endif %}">{{ i + 1 }}</div>
|
|
||||||
{%- endfor %}
|
|
||||||
{% for i in range(0, 2) -%}
|
|
||||||
<div class="calendar__day calendar__day--disabled">{{ i + 1}}</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="card-layout">
|
|
||||||
{% for i in range(0, 9) -%}
|
|
||||||
<div class="card-layout__item">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="card">
|
|
||||||
<div class="card__cover">
|
|
||||||
</div>
|
|
||||||
<div class="card__content">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="centering">
|
|
||||||
{% circle %}
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="chip">
|
|
||||||
<div class="chip__content">CSS</div>
|
|
||||||
<button class="chip__button">
|
|
||||||
<div class="chip__button-line chip__button-line--first"></div>
|
|
||||||
<div class="chip__button-line chip__button-line--second"></div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="circular-navigation-container">
|
|
||||||
<div class="circular-navigation">
|
|
||||||
{% for i in range(0, 6) -%}
|
|
||||||
<div class="circular-navigation__circle circular-navigation__circle--{{ i + 1 }}">
|
|
||||||
<div class="circular-navigation__content">{{ i + 1 }}</div>
|
|
||||||
</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<button class="close-button">
|
|
||||||
<div class="close-button__line close-button__line--first"></div>
|
|
||||||
<div class="close-button__line close-button__line--second"></div>
|
|
||||||
</button>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="swatch">
|
|
||||||
<div class="swatch__item swatch__item--1st"></div>
|
|
||||||
<div class="swatch__item swatch__item--2nd"></div>
|
|
||||||
<div class="swatch__item swatch__item--3rd"></div>
|
|
||||||
<div class="swatch__item swatch__item--4th"></div>
|
|
||||||
<div class="swatch__item swatch__item--5th"></div>
|
|
||||||
<div class="swatch__item swatch__item--6th"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="concave-corners">
|
|
||||||
<div class="concave-corners__corner concave-corners__corner--tl"></div>
|
|
||||||
<div class="concave-corners__corner concave-corners__corner--tr"></div>
|
|
||||||
<div class="concave-corners__corner concave-corners__corner--bl"></div>
|
|
||||||
<div class="concave-corners__corner concave-corners__corner--br"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="cookie-banner">
|
|
||||||
<div class="cookie-banner__content">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="corner-ribbon">
|
|
||||||
<div class="corner-ribbon__inner">
|
|
||||||
<div class="corner-ribbon__ribbon">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="curved-background">
|
|
||||||
<div class="curved-background__curved"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
{% for i in range(0, 3) %}
|
|
||||||
<label class="custom-checkbox-button">
|
|
||||||
<input type="checkbox" class="custom-checkbox-button__input" />
|
|
||||||
<div class="custom-checkbox-button__square">
|
|
||||||
<div class="custom-checkbox-button__checkbox custom-checkbox-button__checkbox--selected"></div>
|
|
||||||
</div>
|
|
||||||
{% rectangle %}
|
|
||||||
</label>
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
{% for i in range(0, 3) %}
|
|
||||||
<label class="custom-radio-button">
|
|
||||||
<input type="radio" class="custom-radio-button__input" />
|
|
||||||
<div class="custom-radio-button__circle">
|
|
||||||
<div class="custom-radio-button__radio custom-radio-button__radio--selected"></div>
|
|
||||||
</div>
|
|
||||||
{% rectangle %}
|
|
||||||
</label>
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="diagonal-section">
|
|
||||||
<div class="diagonal-section__diagonal"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="docked-at-corner">
|
|
||||||
<div class="docked-at-corner__docker"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
{% for i in range(0, 3) %}
|
|
||||||
<div class="dot-leader">
|
|
||||||
{% rectangle %}
|
|
||||||
<div class="dot-leader__dots"></div>
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="dot-navigation">
|
|
||||||
<div class="dot-navigation__item"></div>
|
|
||||||
<div class="dot-navigation__item dot-navigation__item--active"></div>
|
|
||||||
<div class="dot-navigation__item"></div>
|
|
||||||
<div class="dot-navigation__item"></div>
|
|
||||||
<div class="dot-navigation__item"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="drawer">
|
|
||||||
<div class="drawer__sidebar">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
<div class="drawer__overlay"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="drop-area">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="drop-cap">
|
|
||||||
CSS is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="dropdown">
|
|
||||||
<div class="dropdown__trigger">
|
|
||||||
{% rectangle %}
|
|
||||||
{% triangle "b" %}
|
|
||||||
</div>
|
|
||||||
<div class="dropdown__content">
|
|
||||||
<div class="dropdown__body">{% lines "hor", 5 %}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="fading-long-section">
|
|
||||||
<div class="fading-long-section__content">
|
|
||||||
{% lines "hor", 40 %}
|
|
||||||
</div>
|
|
||||||
<div class="fading-long-section__fading"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
<div class="feature-comparison">
|
|
||||||
<div class="feature-comparison__feature">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison">
|
|
||||||
<div class="feature-comparison__feature">
|
|
||||||
{% line "hor" %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison">
|
|
||||||
<div class="feature-comparison__feature">
|
|
||||||
{% line "hor" %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model"></div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison">
|
|
||||||
<div class="feature-comparison__feature">
|
|
||||||
{% line "hor" %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-comparison__model"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
<div class="feature-list">
|
|
||||||
<div class="feature-list__image">
|
|
||||||
{% circle "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-list__desc">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="feature-list feature-list--reverse">
|
|
||||||
<div class="feature-list__image">
|
|
||||||
{% circle "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="feature-list__desc">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="fixed-at-corner">
|
|
||||||
<div class="fixed-at-corner__corner fixed-at-corner__corner--tl">
|
|
||||||
{% triangle "tl", "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="fixed-at-corner__corner fixed-at-corner__corner--tr">
|
|
||||||
{% triangle "tr", "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="fixed-at-corner__corner fixed-at-corner__corner--br">
|
|
||||||
{% triangle "br", "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="fixed-at-corner__corner fixed-at-corner__corner--bl">
|
|
||||||
{% triangle "bl", "md" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="fixed-at-side">
|
|
||||||
<div class="fixed-at-side__side fixed-at-side__side--r">{% rectangle "ver", "md", 100 %}</div>
|
|
||||||
<div class="fixed-at-side__side fixed-at-side__side--l">{% rectangle "ver", "md", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="floating-label">
|
|
||||||
<input placeholder="Placeholder" class="floating-label__input" />
|
|
||||||
<label class="floating-label__label">Placeholder</label>
|
|
||||||
</div>
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
<div class="folder-structure">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="full-background">
|
|
||||||
{% lines "hor", 10 %}
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="full-screen-menu">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
<button type="button" class="full-screen-menu__close"></button>
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="holy-grail">
|
|
||||||
<div class="holy-grail__header">{% rectangle %}</div>
|
|
||||||
<div class="holy-grail__main">
|
|
||||||
<div class="holy-grail__left">{% lines "hor", 4 %}</div>
|
|
||||||
<div class="holy-grail__middle">{% lines "hor", 10 %}</div>
|
|
||||||
<div class="holy-grail__right">{% lines "hor", 8 %}</div>
|
|
||||||
</div>
|
|
||||||
<div class="holy-grail__footer">{% rectangle %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="indeterminate-progress-bar">
|
|
||||||
<div class="indeterminate-progress-bar__progress"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="initial-avatar">
|
|
||||||
PN
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="input-addon">
|
|
||||||
<div class="input-addon__addon input-addon__addon--prepended">{% circle "md" %}</div>
|
|
||||||
<input type="text" class="input-addon__input" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="input-addon">
|
|
||||||
<input type="text" class="input-addon__input" />
|
|
||||||
<div class="input-addon__addon input-addon__addon--appended">{% circle "md" %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<div class="inverted-corners">
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<kbd class="keyboard-shortcut">⌘ + C</kbd>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="layered-card">
|
|
||||||
<div class="layered-card__content"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="lined-paper">
|
|
||||||
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
|
|
||||||
</div>
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
<div class="masonry-grid">
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="masonry-grid__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="media-object">
|
|
||||||
<div class="media-object__media">
|
|
||||||
{% square "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="media-object__content">
|
|
||||||
{% lines "hor", 10 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<div class="mega-menu">
|
|
||||||
<div class="mega-menu__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="mega-menu__item mega-menu__trigger">
|
|
||||||
{% rectangle %}
|
|
||||||
{% triangle "b" %}
|
|
||||||
<div class="mega-menu__content">
|
|
||||||
<div class="mega-menu__body">{% lines "hor", 5 %}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="mega-menu__item">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="menu">
|
|
||||||
<div class="menu__item">
|
|
||||||
{% rectangle "hor", "sm", 80 %}
|
|
||||||
</div>
|
|
||||||
<div class="menu__item">
|
|
||||||
{% rectangle "hor", "sm", 60 %}
|
|
||||||
<div class="menu__hotkey">⌘ C</div>
|
|
||||||
</div>
|
|
||||||
<div class="menu__divider"></div>
|
|
||||||
<div class="menu__item">
|
|
||||||
{% rectangle "hor", "sm", 40 %}
|
|
||||||
<div class="menu__hotkey">⌘ V</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="modal">
|
|
||||||
<div class="modal__header">{% rectangle %}</div>
|
|
||||||
<div class="modal__body">{% lines "hor", 8 %}</div>
|
|
||||||
<div class="modal__footer">{% rectangle "hor", "md" %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
<ul class="nested-dropdowns">
|
|
||||||
<li>A</li>
|
|
||||||
<li>
|
|
||||||
<div class="nested-dropdowns__item">
|
|
||||||
B <div class="nested-dropdowns__arrow">{% triangle "b" %}</div>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>B.1</li>
|
|
||||||
<li>B.2</li>
|
|
||||||
<li>
|
|
||||||
<div class="nested-dropdowns__item">
|
|
||||||
B.3
|
|
||||||
<div class="nested-dropdowns__arrow">{% triangle "r" %}</div>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>B.3.1</li>
|
|
||||||
<li>B.3.2</li>
|
|
||||||
<li>B.3.3</li>
|
|
||||||
<li>B.3.4</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>B.4</li>
|
|
||||||
<li>B.5</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>C</li>
|
|
||||||
<li>D</li>
|
|
||||||
</ul>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="notification">
|
|
||||||
<div class="notification__body">{% lines "hor", 5 %}</div>
|
|
||||||
<button class="notification__close">
|
|
||||||
<div class="notification__close-line notification__close-line--first"></div>
|
|
||||||
<div class="notification__close-line notification__close-line--second"></div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="overlay-play-button">
|
|
||||||
<div class="overlay-play-button__overlay">
|
|
||||||
<div class="overlay-play-button__play">
|
|
||||||
{% triangle "r" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="pagination">
|
|
||||||
<div class="pagination__item">1</div>
|
|
||||||
<div class="pagination__item pagination__item--active">2</div>
|
|
||||||
<div class="pagination__item">3</div>
|
|
||||||
<div class="pagination__item">4</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="popover-arrow">
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--tl"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--tc"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--tr"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--rt"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--rc"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--rb"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--bl"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--bc"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--br"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--lt"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--lc"></div>
|
|
||||||
<div class="popover-arrow__arrow popover-arrow__arrow--lb"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="presence-indicator">
|
|
||||||
<div class="presence-indicator__indicator"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="previous-next-buttons">
|
|
||||||
<div class="previous-next-buttons__nav">
|
|
||||||
<div class="previous-next-buttons__button previous-next-buttons__button--l"></div>
|
|
||||||
</div>
|
|
||||||
<div class="previous-next-buttons__nav">
|
|
||||||
<div class="previous-next-buttons__button previous-next-buttons__button--r"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<div class="price-tag">99.99$</div>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<div class="pricing-table">
|
|
||||||
<div class="pricing-table__column">
|
|
||||||
{% circle "md" %}
|
|
||||||
{% lines "hor", 3 %}
|
|
||||||
{% rectangle "hor", "sm", 100 %}
|
|
||||||
</div>
|
|
||||||
<div class="pricing-table__column">
|
|
||||||
{% circle "md" %}
|
|
||||||
{% lines "hor", 6 %}
|
|
||||||
{% rectangle "hor", "sm", 100 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="progress-bar">
|
|
||||||
<div class="progress-bar__progress">40%</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
{% for i in range(0, 4) %}
|
|
||||||
<dl class="property-list">
|
|
||||||
<dt class="property-list__key">{% rectangle "hor" %}</dt>
|
|
||||||
<dd class="property-list__value">{% circle %}</dd>
|
|
||||||
</dl>
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
<div class="questions-and-answers">
|
|
||||||
<div class="questions-and-answers__item questions-and-answers__item--collapsed">
|
|
||||||
<div class="questions-and-answers__header">
|
|
||||||
<div class="questions-and-answers__title">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__toggle">
|
|
||||||
{% triangle "r" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__item questions-and-answers__item--expanded">
|
|
||||||
<div class="questions-and-answers__header">
|
|
||||||
<div class="questions-and-answers__title">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__toggle">
|
|
||||||
{% triangle "b" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__content">
|
|
||||||
{% lines "hor", 3 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__item questions-and-answers__item--collapsed">
|
|
||||||
<div class="questions-and-answers__header">
|
|
||||||
<div class="questions-and-answers__title">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
<div class="questions-and-answers__toggle">
|
|
||||||
{% triangle "r" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="radial-progress-bar">
|
|
||||||
<div class="radial-progress-bar__percentages">
|
|
||||||
75%
|
|
||||||
</div>
|
|
||||||
<div class="radial-progress-bar__curve">
|
|
||||||
<div class="radial-progress-bar__half radial-progress-bar__half--first"></div>
|
|
||||||
<div class="radial-progress-bar__half radial-progress-bar__half--second"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="radio-button-group">
|
|
||||||
<label class="radio-button-group__label">
|
|
||||||
<input type="radio" class="radio-button-group__input" /> S
|
|
||||||
</label>
|
|
||||||
<label class="radio-button-group__label radio-button-group__label--selected">
|
|
||||||
<input type="radio" class="radio-button-group__input" /> M
|
|
||||||
</label>
|
|
||||||
<label class="radio-button-group__label">
|
|
||||||
<input type="radio" class="radio-button-group__input" /> L
|
|
||||||
</label>
|
|
||||||
<label class="radio-button-group__label">
|
|
||||||
<input type="radio" class="radio-button-group__input" /> XL
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="radio-switch">
|
|
||||||
<label class="radio-switch__label">
|
|
||||||
<input type="radio" class="radio-switch__input" /> Monthly
|
|
||||||
</label>
|
|
||||||
<label class="radio-switch__label radio-switch__label--selected">
|
|
||||||
<input type="radio" class="radio-switch__input" /> Yearly
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="rating">
|
|
||||||
<button class="rating__star">☆</button>
|
|
||||||
<button class="rating__star">☆</button>
|
|
||||||
<button class="rating__star">☆</button>
|
|
||||||
<button class="rating__star">☆</button>
|
|
||||||
<button class="rating__star">★</button>
|
|
||||||
</div>
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
<div class="resizable-element">
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--tl"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--tc"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--tr"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--rc"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--rb"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--bc"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--bl"></div>
|
|
||||||
<div class="resizable-element__resizer resizable-element__resizer--lc"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="ribbon">
|
|
||||||
<div class="ribbon__side ribbon__side--l"></div>
|
|
||||||
<div class="ribbon__triangle ribbon__triangle--l"></div>
|
|
||||||
<div class="ribbon__triangle ribbon__triangle--r"></div>
|
|
||||||
<div class="ribbon__side ribbon__side--r"></div>
|
|
||||||
<div class="ribbon__content"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="same-height-columns">
|
|
||||||
{% for i in range(0, 3) -%}
|
|
||||||
<div class="same-height-columns__column">
|
|
||||||
{% rectangle "hor", "md", 100 %}
|
|
||||||
<div class="same-height-columns__content">{% lines "hor", (i + 1) * 4 %}</div>
|
|
||||||
{% rectangle "hor" %}
|
|
||||||
</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="search-box">
|
|
||||||
<input type="text" class="search-box__input" />
|
|
||||||
{% circle "md" %}
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="separator">
|
|
||||||
<div class="separator__content">{% rectangle "hor", "sm", 100 %}</div>
|
|
||||||
<div class="separator__separator"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="sidebar">
|
|
||||||
<div class="sidebar__sidebar">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
<div class="sidebar__main">
|
|
||||||
{% lines "hor", 20 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<div class="simple-grid">
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/4">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--fill">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
<div class="simple-grid">
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/3">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/3">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/3">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
<div class="simple-grid">
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/4">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/4">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/4">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
<div class="simple-grid__cell simple-grid__cell--1/4">{% rectangle "hor", "md", 100 %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="slider">
|
|
||||||
<div class="slider__left" style="width: 20%"></div>
|
|
||||||
<div class="slider__circle"></div>
|
|
||||||
<div class="slider__right"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<div class="spin-button">
|
|
||||||
<input type="text" class="spin-button__input" />
|
|
||||||
<div class="spin-button__buttons">
|
|
||||||
<button class="spin-button__button">
|
|
||||||
{% triangle "t" %}
|
|
||||||
</button>
|
|
||||||
<button class="spin-button__button">
|
|
||||||
{% triangle "b" %}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<div class="spinner"></div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<ul class="split-navigation">
|
|
||||||
<li class="split-navigation__item">{% rectangle "hor", "sm", 100 %}</li>
|
|
||||||
<li class="split-navigation__item">{% rectangle "hor", "sm", 100 %}</li>
|
|
||||||
<li class="split-navigation__item">{% rectangle "hor", "sm", 100 %}</li>
|
|
||||||
<li class="split-navigation__item split-navigation__item--right">{% rectangle "hor", "sm", 100 %}</li>
|
|
||||||
</ul>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="split-screen">
|
|
||||||
<div class="split-screen__half">
|
|
||||||
{% circle "md" %}
|
|
||||||
</div>
|
|
||||||
<div class="split-screen__half">
|
|
||||||
{% lines "hor", 10 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="stacked-cards">
|
|
||||||
<div class="stacked-cards__card stacked-cards__card--1st"></div>
|
|
||||||
<div class="stacked-cards__card stacked-cards__card--2nd"></div>
|
|
||||||
<div class="stacked-cards__card stacked-cards__card--3rd"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="stamp-border">
|
|
||||||
<div class="stamp-border__content"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="statistic">
|
|
||||||
<div class="statistic__value">
|
|
||||||
9k+
|
|
||||||
</div>
|
|
||||||
<div class="statistic__label">
|
|
||||||
stars
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="status-light">
|
|
||||||
<div class="status-light__status"></div>
|
|
||||||
<div class="status-light__content">
|
|
||||||
{% rectangle "hor", "sm", 100 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<div class="stepper-input">
|
|
||||||
<button class="stepper-input__button">-</button>
|
|
||||||
<div class="stepper-input__content">
|
|
||||||
<input type="text" class="stepper-input__input" />
|
|
||||||
</div>
|
|
||||||
<button class="stepper-input__button">+</button>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="sticky-footer">
|
|
||||||
<div class="sticky-footer__header">{% rectangle %}</div>
|
|
||||||
<div class="sticky-footer__main">{% lines "hor", 5 %}</div>
|
|
||||||
<div class="sticky-footer__footer">{% rectangle %}</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<div class="sticky-header">
|
|
||||||
<div class="sticky-header__header">
|
|
||||||
{% rectangle %}
|
|
||||||
</div>
|
|
||||||
{% lines "hor", 10 %}
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<div class="sticky-sections">
|
|
||||||
{% for i in range(0, 4) -%}
|
|
||||||
<section class="sticky-sections__section"></section>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<table class="sticky-table-column">
|
|
||||||
<tbody>
|
|
||||||
{% for i in range(0, 3) -%}
|
|
||||||
<tr>
|
|
||||||
<td class="sticky-table-column__sticky">{% rectangle %}</td>
|
|
||||||
<td>{% lines "hor", 3 %}</td>
|
|
||||||
<td>{% lines "hor", 2 %}</td>
|
|
||||||
</tr>
|
|
||||||
{%- endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<table class="sticky-table-headers">
|
|
||||||
<thead>
|
|
||||||
<tr class="sticky-table-headers__sticky">
|
|
||||||
<td>{% rectangle %}</td>
|
|
||||||
<td>{% rectangle %}</td>
|
|
||||||
<td>{% rectangle %}</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{% for i in range(0, 3) -%}
|
|
||||||
<tr>
|
|
||||||
<td>{% rectangle %}</td>
|
|
||||||
<td>{% lines "hor", 3 %}</td>
|
|
||||||
<td>{% lines "hor", 2 %}</td>
|
|
||||||
</tr>
|
|
||||||
{%- endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<label class="switch switch--off">
|
|
||||||
<input type="checkbox" class="switch__input" />
|
|
||||||
<div class="switch__circle"></div>
|
|
||||||
</label>
|
|
||||||
<label class="switch switch--on">
|
|
||||||
<input type="checkbox" class="switch__input" />
|
|
||||||
<div class="switch__circle"></div>
|
|
||||||
</label>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<div class="tab">
|
|
||||||
<div class="tab__item tab__item--active">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
<div class="tab__item tab__item--inactive">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
<div class="tab__item tab__item--inactive">
|
|
||||||
{% circle %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<div class="teardrop">
|
|
||||||
<div class="teardrop__content"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<div class="three-dimensions-card">
|
|
||||||
</div>
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
<div class="timeline">
|
|
||||||
<div class="timeline__line"></div>
|
|
||||||
<div class="timeline__items">
|
|
||||||
{% for i in range(0, 2) -%}
|
|
||||||
<div class="timeline__item">
|
|
||||||
<div class="timeline__top">
|
|
||||||
<div class="timeline__circle"></div>
|
|
||||||
<div class="timeline__title">{% rectangle %}</div>
|
|
||||||
</div>
|
|
||||||
<div class="timeline__desc">
|
|
||||||
{% lines "hor", 5 %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{%- endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div class="toggle-password-visibility">
|
|
||||||
<input type="text" class="toggle-password-visibility__input" value="*****" />
|
|
||||||
<button class="toggle-password-visibility__toggle">
|
|
||||||
<svg class="toggle-password-visibility__svg" viewBox="0 0 24 24">
|
|
||||||
<path d="M23.5,12c0,0-5.148,6.5-11.5,6.5S0.5,12,0.5,12S5.648,5.5,12,5.5S23.5,12,23.5,12z M12,8c2.209,0,4,1.791,4,4 s-1.791,4-4,4s-4-1.791-4-4S9.791,8,12,8z M12,10c1.105,0,2,0.895,2,2s-0.895,2-2,2s-2-0.895-2-2"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<div class="tooltip">
|
|
||||||
<div class="tooltip__content">{% lines "hor", 5 %}</div>
|
|
||||||
<div class="tooltip__arrow"></div>
|
|
||||||
</div>
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
<div class="tree-diagram">
|
|
||||||
<ul>
|
|
||||||
<li class="tree-diagram__root">
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{% square %}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<div class="triangle-buttons">
|
|
||||||
<div class="triangle-buttons__corner triangle-buttons__corner--t">
|
|
||||||
<div class="triangle-buttons__triangle triangle-buttons__triangle--t"></div>
|
|
||||||
</div>
|
|
||||||
<div class="triangle-buttons__corner triangle-buttons__corner--r">
|
|
||||||
<div class="triangle-buttons__triangle triangle-buttons__triangle--r"></div>
|
|
||||||
</div>
|
|
||||||
<div class="triangle-buttons__corner triangle-buttons__corner--b">
|
|
||||||
<div class="triangle-buttons__triangle triangle-buttons__triangle--b"></div>
|
|
||||||
</div>
|
|
||||||
<div class="triangle-buttons__corner triangle-buttons__corner--l">
|
|
||||||
<div class="triangle-buttons__triangle triangle-buttons__triangle--l"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user