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

мНет описания правки
мНет описания правки
Строка 2: Строка 2:
<includeonly><!--
<includeonly><!--
--><templatestyles src="ButtonSS14/styles.css" /><!--
--><templatestyles src="ButtonSS14/styles.css" /><!--
-->{{#vardefine: button_bg_clip_pixels|5}}<!--


--><kbd class="template-button {{lc: {{{state|normal}}}}}" style="
--><kbd class="template-button {{lc: {{{state|normal}}}}}" style="
padding: .2em calc({{#var:button_bg_clip_pixels}}px + .3em);
padding: .2em calc(5px + .3em);


clip-path: polygon(
clip-path: polygon(
0 0,  
0 0,  


calc(100% - {{#var:button_bg_clip_pixels}}px) 0,  
calc(100% - 5px) 0,  
100% {{#var:button_bg_clip_pixels}}px,  
100% 5px,  


100% 100%,  
100% 100%,  


{{#var:button_bg_clip_pixels}}px 100%,  
5px 100%,  
0 calc(100% - {{#var:button_bg_clip_pixels}}px)
0 calc(100% - 5px)
);
);
">{{{1}}}</kbd></includeonly><noinclude>{{doc}}
">{{{1}}}</kbd></includeonly><noinclude>{{doc}}
Строка 164: Строка 162:
]
]
}
}
</templatedata>
</templatedata></noinclude>
{{#css:
.template-button {
white-space: pre;
user-select: none;
cursor: pointer;
background-color: #464966;
}
 
.template-button:hover {
background-color: #575b7f;
}
 
.template-button.pressed,
.template-button:active {
background-color: #3e6c45;
}
}}
</noinclude>