mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-11-06 16:21:23 +05:30
115 lines
2.9 KiB
SCSS
115 lines
2.9 KiB
SCSS
@import '~app/components/ui/colors.scss';
|
|
@import '~app/components/ui/fonts.scss';
|
|
|
|
html,
|
|
body,
|
|
.app {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: $font-family-base;
|
|
background: $white;
|
|
color: #444;
|
|
font-size: 16px;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
select {
|
|
-webkit-appearance: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
b {
|
|
font-weight: $font-weight-bold;
|
|
}
|
|
|
|
a,
|
|
.textLink {
|
|
color: #444;
|
|
border-bottom: 1px dotted #444;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
transition: 0.25s;
|
|
|
|
&:hover {
|
|
border-bottom-color: #777;
|
|
color: #777;
|
|
}
|
|
}
|
|
|
|
ul,
|
|
li,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p {
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
button,
|
|
select,
|
|
label,
|
|
a {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
// Declare fonts here, to be sure that want be imported more than once
|
|
// @see https://github.com/majodev/google-webfonts-helper to download some other fonts
|
|
@font-face {
|
|
font-family: 'Roboto Condensed';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
|
|
url('./fonts/roboto-condensed/roboto-condensed-v17-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.woff2')
|
|
format('woff2'),
|
|
/* Super Modern Browsers */
|
|
url('./fonts/roboto-condensed/roboto-condensed-v17-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.woff')
|
|
format('woff'),
|
|
/* Modern Browsers */
|
|
url('./fonts/roboto-condensed/roboto-condensed-v17-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.ttf')
|
|
format('truetype'); /* Safari, Android, iOS */
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Roboto'), local('Roboto-Regular'),
|
|
/* Super Modern Browsers */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.woff2')
|
|
format('woff2'),
|
|
/* Modern Browsers */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.woff')
|
|
format('woff'),
|
|
/* Safari, Android, iOS */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-regular.ttf')
|
|
format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: local('Roboto Medium'), local('Roboto-Medium'),
|
|
/* Super Modern Browsers */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-500.woff2')
|
|
format('woff2'),
|
|
/* Modern Browsers */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-500.woff')
|
|
format('woff'),
|
|
/* Safari, Android, iOS */
|
|
url('./fonts/roboto/roboto-v19-vietnamese_latin-ext_greek-ext_cyrillic-ext_latin_cyrillic_greek-500.ttf')
|
|
format('truetype');
|
|
}
|