1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
Screen {
overflow: auto;
}
#calculator {
layout: grid;
grid-size: 4;
grid-gutter: 1 2;
grid-columns: 1fr;
grid-rows: 2fr 1fr 1fr 1fr 1fr 1fr;
margin: 1 2;
min-height: 25;
min-width: 26;
height: 100%;
&:inline {
margin: 0 2;
}
}
Button {
width: 100%;
height: 100%;
}
#numbers {
column-span: 4;
padding: 0 1;
height: 100%;
background: $panel;
color: $text;
content-align: center middle;
text-align: right;
}
#number-0 {
column-span: 2;
}
|
