/* component1.css */
RadListView {
    background-color: #e9f0f3;
}

.list-container {
    /* I think the shorthand order is different from CSS.. so being explicit */
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 30px;
    margin-left: 30px;
}


/* component2.css */
StackLayout {
    background-color: white;
    border-radius: 15px;
    padding: 40px;
}

.title {
    font-weight: bold;
}

.description {
    color: #656668;
    max-height: 100px;
}

/* app.css */
@import '~nativescript-theme-core/css/core.light.css';

/*
For example, the following CSS rule changes the font size of all UI
components that have the btn class name.
*/
.btn {
    font-size: 18;
}

ActionBar {
    background-color: #e9f0f3;
    color: black;
}

Page {
    background-color: #e9f0f3;
    color: black;
}