Template:modernbutton

Вернуться

Line 3: Line 3:
<div class="modern-button__content"><span class="modern-button__title">{{{text|Mousey Mouse}}}</span>{{#if:{{{subtext|The most voracious mouse on the wiki.}}}|<em class="modern-button__subtext">{{{subtext|The most voracious mouse on the wiki.}}}</em>}}
<div class="modern-button__content"><span class="modern-button__title">{{{text|Mousey Mouse}}}</span>{{#if:{{{subtext|The most voracious mouse on the wiki.}}}|<em class="modern-button__subtext">{{{subtext|The most voracious mouse on the wiki.}}}</em>}}
</div></div><!--
</div></div><!--
-->
-->
{{#css:
{{#css:
Line 10: Line 9:
     display: flex;
     display: flex;
     min-width: 45%;
     min-width: 45%;
     background: #31313b;
     background: var(--wiki-surface-2);
     border-radius: 8px;
     border-radius: 8px;
     min-height: 64px;
     min-height: 64px;
Line 17: Line 16:
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
}
.modern-button__image {
.modern-button__image {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     background: #40404d;
     background: var(--wiki-surface-3);
     padding: 4px;
     padding: 4px;
     box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
     box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
}
.modern-button__content {
.modern-button__content {
     display: flex;
     display: flex;
Line 34: Line 31:
     padding: 8px 10px;
     padding: 8px 10px;
}
}
.modern-button__title {
.modern-button__title {
     font-size: 1.8em;
     font-size: 1.8em;
Line 40: Line 36:
     font-family: "Oswald";
     font-family: "Oswald";
}
}
.modern-button__subtext {
.modern-button__subtext {
     font-size: 0.8em;
     font-size: 0.8em;