Шаблон:LinkCard: различия между версиями

@@ Строка 1: / Строка 1: @@
-<div class="main-menu-frame">[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]][[файл:{{{image|Нет "image="}}}.png|32px|link=]]| '''{{{content|Название}}}'''</div><!--
+<templatestyles src="LinkCard/styles.css" /><div class="link-card noExternal mobile-image brightness-overlay {{#if:{{{горизонт_стиль|}}}|link-card__side}} {{#if:{{{ссылка|}}}{{{внешняя_ссылка|}}}|link-card-hover}}" style="
--->{{#css:
+ --bg-color:{{{фон|var(--theme-bg-color-300)}}};
-.main-menu-frame {
+ --alpha:{{{прозрачность|95%}}};
-    position: relative;
+ --font-size:{{{размер_текста|var(--font-size-xxs)}}}
+">{{#if: {{{внешняя_ссылка|}}} | [{{{внешняя_ссылка|}}} <span class="StupidButton"></span>] | {{#if: {{{ссылка|}}} | [[{{{ссылка|}}}|<span class="StupidButton"></span>]] }} }}
-    border-radius: 0.4em;
+<div class="link-card__image">{{{изображение|}}}</div>
-    list-style-type: none;
+{{#if: {{{название|}}} | <div class="link-card__name">{{{название}}}</div> }}{{#if: {{{пин|}}} | <div class="link-card__pin" style="position:absolute;">{{{пин}}}</div> }}
-    text-align: left;
+</div><noinclude>{{doc}}</noinclude>
-    transition: background-color 0.05s ease;
-}
-.main-menu-frame:hover {
-    background-color: #303039;
-}
-}}