more functionality via CSS

This commit is contained in:
Will McGugan
2022-08-29 15:00:10 +01:00
parent 10ffbc0566
commit e2306decee
6 changed files with 133 additions and 54 deletions

View File

@@ -1,22 +1,24 @@
#calculator {
layout: table;
table-columns: 1fr 1fr 1fr 1fr;
table-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
table-size: 4;
table-gutter: 1 2;
margin: 1;
table-columns: 1fr;
table-rows: 1fr;
margin: 1 2;
min-height:23;
}
.display {
column-span: 4;
content-align: center middle;
height: 100%;
background: $panel-darken-2;
}
Button {
width: 100%;
height: 100%;
height: 100%;
}
.display {
column-span: 4;
content-align: right middle;
padding: 0 1;
height: 100%;
background: $panel-darken-2;
}
.special {

View File

@@ -29,7 +29,6 @@ class CalculatorApp(App):
Button("=", variant="warning"),
id="calculator",
)
self.dark = True
app = CalculatorApp(css_path="calculator.css")