mirror of
https://github.com/hariroshan/elm-native-library.git
synced 2024-12-12 01:53:40 +03:00
44 lines
946 B
SCSS
44 lines
946 B
SCSS
|
@import '@nativescript/theme/core';
|
||
|
|
@import '@nativescript/theme/default';
|
||
|
|
@import '@nativescript/theme/scss/variables/blue';
|
||
|
|
|
||
|
|
|
||
|
|
// Place any CSS rules you want to apply on both iOS and Android here.
|
||
|
|
// This is where the vast majority of your CSS code goes.
|
||
|
|
|
||
|
|
// Font icon class
|
||
|
|
.fab {
|
||
|
|
font-family: 'Font Awesome 5 Brands', 'fa-brands-400';
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fas {
|
||
|
|
font-family: 'Font Awesome 5 Free', 'fa-solid-900';
|
||
|
|
font-weight: 900;
|
||
|
|
}
|
||
|
|
|
||
|
|
.far {
|
||
|
|
font-family: 'Font Awesome 5 Free', 'fa-regular-400';
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Custom styles
|
||
|
|
.cars-list {
|
||
|
|
&__item {
|
||
|
|
padding: 0 0 8 0;
|
||
|
|
@include colorize($background-color: background-alt-10);
|
||
|
|
|
||
|
|
&-content {
|
||
|
|
padding: 8 15 4 15;
|
||
|
|
border-bottom-width: 10;
|
||
|
|
border-bottom-color: #e4e4e4;
|
||
|
|
@include colorize($background-color: background);
|
||
|
|
}
|
||
|
|
|
||
|
|
&-name,
|
||
|
|
&-icon {
|
||
|
|
@include colorize($contrasted-color: complementary background 30% 0%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|