accounts-frontend/packages/app/index.scss

115 lines
2.9 KiB
SCSS
Raw Normal View History

@import '~app/components/ui/colors.scss';
@import '~app/components/ui/fonts.scss';
2016-01-04 02:48:42 +05:30
html,
body,
.app {
height: 100%;
margin: 0;
padding: 0;
2016-01-03 14:41:08 +05:30
}
body {
font-family: $font-family-base;
background: $white;
color: #444;
font-size: 16px;
}
input,
textarea,
select {
-webkit-appearance: none;
border-radius: 0;
2017-02-01 11:01:49 +05:30
}
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');
}