| 20 августа, пятница, 2021 | 14:36:58

Скопировано в буфер обмена!  Копировать Боковая панель Переносы строк Сырой код
1a.button,
2button.button {
3// display styles
4 display: inline-flex;
5 align-items: center;
6 justify-content: center;
7
8//size
9 padding: 0.25em 0.75em;
10 min-width: 10ch;
11 min-height: 44px;
12
13//visual
14 background-color: $btnColor;
15 color: #fff;
16 border-radius: 8px;
17 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
18
19//text
20 text-align: center;
21 line-height: 1.1;
22
23//state
24 transition: 220ms all ease-in-out;
25 &:hover {
26 background-color: scale-color($btnColor, $lightness: -20%);
27 }
28 &:focus {
29 outline-style: solid;
30 outline-color: transparent;
31 box-shadow: 0 0 0 4px scale-color($btnColor, $lightness: -40%);
32 }
33&:hover,
34&:active {
35 background-color: scale-color($btnColor, $lightness: -20%);
36}
37}
```
Язык
Библиотека
VM
Скорость
JavaScript 20.3.0
Highlight.js 10.4.1
GraalVM
Быстро
Ruby 2.6.6
Rouge 3.26.0
GraalVM
Приемлемо
Время рендеринга подсветки синтаксиса на сервере: 3365ms.
```
Версия Code Polyglot: 1.0.0, 40b65db_190, 19-Jan-2021 15:55:44