textual/examples/calculator.css

Screen {
    overflow: auto;
}

#calculator {
    layout: table;
    table-size: 4;
    table-gutter: 1 2;
    table-columns: 1fr;
    table-rows: 2fr 1fr 1fr 1fr 1fr 1fr;
    margin: 1 2;
    min-height:25;  
    min-width: 26; 
}

Button {
    width: 100%;
    height: 100%;    
}

#numbers {
    column-span: 4;
    content-align: right middle;
    padding: 0 1;
    height: 100%;
    background: $primary-lighten-2;
    color: $text-primary-lighten-2;
}

#ac,#c,#plus-minus,#percent {
    tint: $primary 25%;    
}

#number-0 {
    column-span: 2;
}