галереи
9 результатов по Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Пломбы цвета зуба
Загрузка
{%- comment -%} Удалить начальные и конечные пробелы из `tag_name`. {%- endcomment -%} {%- assign tag_name = tag_name | strip -%} {%- comment -%} Обработать случай `tag_name: ''`. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- attrs | to_attrs -}} {{- additional_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- unless self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- endif -%} {%- endunless -%}{%- comment -%} Этот компонент может генерировать тег `img` или `div style="background-..."`.
{%- endcomment -%} {%- assign is_global_asset = is_global_asset | default: false -%} {%- if bg -%} {%- comment -%} Фоновое изображение {%- endcomment -%} {%- assign tag_name = tag_name | default: 'div' -%} {%- assign self_closing = self_closing | default: false -%} {%- comment -%} Мы сами отображаем атрибуты и отфильтровываем `style`. {%- endcomment -%} {%- assign attr_list = attrs | to_attrs: list: true -%} {%- capture additional_attrs -%} {%- comment -%} Включить атрибуты из контекста. {%- endcomment -%} {%- for attr in attr_list -%} {%- unless attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -}} {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Отображение стилей фоновой заставки. Используйте src, если изображение не получено. {%- endcomment -%} {%- assign has_bg_image = false -%} {%- assign has_bg_size = false -%} {%- assign has_bg_position_x = false -%} {%- assign has_bg_position_y = false -%} {%- assign has_bg_repeat = false -%} {%- for prop in bg -%} {%- case prop[0] -%} {%- when 'image' -%} {%- assign has_bg_image = true -%} {%- when 'size' -%} {%- assign has_bg_size = true -%} {%- when 'position' -%} {%- assign has_bg_position_x = true -%} {%- assign has_bg_position_y = true -%} {%- when 'position-x' -%} {%- assign has_bg_position_x = true -%} {%- когда 'position-y' -%} {%- назначить has_bg_position_y = true -%} {%- когда 'repeat' -%} {%- назначить has_bg_repeat = true -%} {%- endcase -%} background-{{- prop[0] -}}: {{- prop[1] -}}; {%- endfor -%} {%- если has_bg_image -%} background-image: url('{{- src | asset_url: global: is_global_asset -}}'); {%- endunless -%} {%- если has_bg_size -%} background-size: cover; {%- endunless -%} {%- если has_bg_position_x -%} background-position-x: center; {%- endunless -%} {%- unless has_bg_position_y -%} background-position-y: center; {%- endunless -%} {%- unless has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} Добавьте любые стили из атрибута style. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Удалите атрибуты, чтобы нам не приходилось отображать их дважды. {%- назначить group_attrs = group.attrs | merge_props: class: 'listcard__group' -%} {%- назначить tag_name = 'div' -%} {%- если сворачиваемый -%} {%- назначить tag_name = 'details' -%} {%- endif -%} <{{ tag_name }} {{ group_attrs | to_attrs }}> {% если заголовок == false или group.headline == nil или group.headline.size == 0 %} {% если сворачиваемый %} {% конец %} {{группа.заголовок}} {% если складной %} {% endif %} {% endunless %} {% для элемента в group.cards %} {%- включить 'cardlist/listcard/item' -%} {% endfor %} {% если group.group_button_link == nil или group.cards.size < 2 %} {{группа.метка_кнопки_группы}} {% endunless %}{% assign card_count = forloop.index %}
{%- capture curr_class -%}
listcard__card
{%- unless item.id == nil -%}
{{- ' ' -}} listcard__card--{{ item.id }}
{%- endunless -%}
{%- unless card_class == nil or card_class.size == 0 -%}
{{- ' ' -}} listcard__card--{{ card_class }}
{%- endunless -%}
{%- endcapture -%}
{%- assign card_attrs = item.attrs | merge_props: class: curr_class -%}
{% if singlelink %}
{%- assign card_attrs = card_attrs | merge_props: href: item.ctas[0].link -%}
{% endif %}
{% if linkcard %}<a {{ card_attrs | to_attrs }}>{% elsif singlelink %}<a {{ card_attrs | to_attrs }}>{% else %}<div {{ card_attrs | to_attrs }}>{% endif %}
{%- unless headline == false or item.headline == nil or item.headline.size == 0 -%}
<h2 class="listcard__card-headline">{{ item.headline }}</h2>
{%- endunless -%}
{% unless subheadline == false or item.subheadline == nil or item.subheadline.size == 0 %}
<h3 class="listcard__card-subheadline">{{ item.subheadline }}</h3>
{% endunless %}
{% unless images == false or item.images == nil or item.images.size == 0 %}
{% if compare == true %}
<div class="listcard__card-images">
<div class="listcard__comparison comparison comparison--popup">
<figure style="background-image: url('{{ item.compare_img_1 | asset_url }}')">
<a class="listcard__card-image-link listcard__card-image-link--before" href="#view-{{ item.id }}">Before</a>
<div
class="divisor"
style="
background-image: url('{{ item.compare_img_2 | asset_url }}');
clip-path: inset(0 0 0 50%);
">
<a class="listcard__card-image-link listcard__card-image-link--after" href="#view-{{ item.id }}">After</a>
</div>
</figure>
<input type="range" min="0" max="100" value="50" class="slider">
</div>
<div id="view-{{ item.id }}" class="modal-window comparison">
<a href="#" class="modal-close">Close</a>
<div class="modal-window__wrapper">
<figure style="background-image: url('{{ item.compare_img_1 | asset_url }}')">
<span class="listcard__card-image-link listcard__card-image-link--before">Before</span>
<div
class="divisor"
style="
background-image: url('{{ item.compare_img_2 | asset_url }}');
clip-path: inset(0 0 0 50%);
">
<span class="listcard__card-image-link listcard__card-image-link--after">After</span>
</div>
</figure>
<input type="range" min="0" max="100" value="50" class="slider">
</div>
</div>
</div>
{% else %}
{% if legacy %}
<div class="listcard__card-images">
{% for image in item.images %}
{% using image %}
{%- comment -%}
We're adding a class list to the `image` data before `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это в строке, например: `{%- assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} {% if image_link -%} listcard__card-image-linkable listcard__card-image-linkable--{{ forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%- endif %} {%- endcapture %} {% if image_link %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: класс: класс -%} {% включить "атом/имя" %} {% конечное использование %} {% если изображение.модальное_имя %} Закрыть {% using image %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это в строке следующим образом: `{%- assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- assign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% endif %} {% endfor %} {% если изображение.текст_изображения %} {{image.image_text}} {% конец %} {% иначе %} {% for image in item.images %} {% using image %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это в строке, например: `{%- assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} {% if image_link -%} listcard__card-image-linkable listcard__card-image-linkable--{{ forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%- endif %} {%- endcapture %} {% if image_link %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: класс: класс -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{image.image_text}} {% endif %} {% endfor %} {%- if item.images[0].modal_img -%} > < Закрыть {% for image in item.images %} {% using image.modal_img %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.