azul_native_style

Constant WINDOWS_CSS

Source
pub const WINDOWS_CSS: &str = ".__azul-native-button {\n    display: flex;\n    box-sizing: border-box;\n    font-size: 13px;\n    border: 1px solid rgb(172, 172, 172);\n    background: linear-gradient(to bottom, rgb(239, 239, 239), rgb(229, 229, 229));\n    text-align: center;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    flex-grow: 1;\n    font-family: sans-serif;\n    padding: 5px;\n}\n\n.__azul-native-button:hover {\n    background: linear-gradient(to bottom, rgb(234, 243, 252), rgb(126, 180, 234));\n    border: 1px solid rgb(126, 180, 234);\n}\n\n.__azul-native-button:active {\n    background: linear-gradient(to bottom, rgb(217, 235, 252), rgb(86, 157, 229));\n    border: 1px solid rgb(86, 157, 229);\n}\n\n.__azul-native-button:focus {\n    border: 1px solid rgb(51, 153, 255);\n}\n\n.__azul-native-label {\n    display: flex;\n    box-sizing: border-box;\n    font-size: 13px;\n    text-align: center;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex-grow: 1;\n    font-family: sans-serif;\n}\n\n.__azul-native-input-text {\n    display: flex;\n    box-sizing: border-box;\n    font-size: 13px;\n    flex-grow: 1;\n    background-color: white;\n    border: 1px solid #9b9b9b;\n    padding: 1px;\n    overflow: hidden;\n    text-align: left;\n    flex-direction: row;\n    align-content: flex-end;\n    justify-content: flex-end;\n    font-family: sans-serif;\n}\n\n.__azul-native-input-text:hover {\n    border: 1px solid #4286f4;\n}\n\n.__azul-native-input-text-label {\n\n}.__azul-native-table-iframe {\n    display: flex;\n    flex-grow: 1;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n}\n\n.__azul-native-table-container * {\n    display: flex;\n    box-sizing: border-box;\n}\n\n.__azul-native-table-container {\n    flex-direction: row;\n}\n\n.__azul-native-table-column-container {\n    flex-direction: row;\n    position: relative;\n}\n\n.__azul-native-table-column {\n    flex-direction: column;\n    min-width: 100px;\n    border-right: 1px solid #d1d1d1;\n}\n\n.__azul-native-table-row-number-wrapper {\n    flex-direction: column;\n    max-width: 30px;\n}\n\n.__azul-native-table-column-name {\n    height: 20px;\n}\n\n.__azul-native-table-top-left-rect {\n    height: 20px;\n    background-color: #e6e6e6;\n    border-bottom: 1px solid #b5b5b5;\n    border-right: 1px solid #b5b5b5;\n}\n\n.__azul-native-table-cell {\n    font-family: sans-serif;\n    color: black;\n    text-align: left;\n    align-items: flex-start;\n    font-size: 14px;\n    border-bottom: 1px solid #d1d1d1;\n    height: 20px;\n}\n\n.__azul-native-table-row {\n    font-size: 14px;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    min-height: 20px;\n    border-bottom: 0.6px solid #b5b5b5;\n}\n\n.__azul-native-table-column-name {\n    font-family: sans-serif;\n    color: #2d2d2d;\n    font-size: 14px;\n    background-color: #e6e6e6;\n    flex-direction: row;\n    align-items: center;\n    border-right: 1px solid #b5b5b5;\n    box-shadow-bottom: 0px 0px 3px black;\n}\n\n.__azul-native-table-row-numbers {\n    font-family: sans-serif;\n    color: #2d2d2d;\n    background-color: #e6e6e6;\n    flex-direction: column;\n    box-shadow-right: 0px 0px 3px black;\n}\n\n.__azul-native-table-selection {\n    width: 100px;\n    height: 20px;\n    margin-top: 500px;\n    margin-left: 100px;\n    position: absolute;\n    border: 2px solid #407c40;\n}\n\n.__azul-native-table-selection-handle {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: #407c40;\n    bottom: -5px;\n    right: -5px;\n}";
Expand description

CSS mimicking the OS-native look - Windows: styles/native_windows.css