f1a7e39e13
So far, the basic structure of the Login view has been imported. The css properties need to be converted to use rem. The component also needs to be made functional and reactive. Planning on using property callbacks for Child -> Parent communication.
58 lines
1.6 KiB
CSS
58 lines
1.6 KiB
CSS
/*******************************************************************************
|
|
* *
|
|
* Fonts *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
@font-face {
|
|
font-family: 'Avenir Book';
|
|
src: url('../../static/fonts/Avenir-Book.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Avenir Medium';
|
|
src: url('../../static/fonts/Avenir-Medium.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Ringbearer';
|
|
src: url('../../static/fonts/Ringbearer.ttf');
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Element Styles *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
/* TODO: Temp for development */
|
|
body {
|
|
background-image: url('../../assets/images/backgrounds/3.jpg');
|
|
background-size: cover;
|
|
}
|
|
|
|
/* Set height to 100% */
|
|
html {
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
height: 100vh;
|
|
}
|
|
|
|
/* Reset body, html, and div presets. */
|
|
body, html, div {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Reset p presets. */
|
|
p {
|
|
-webkit-margin-before: 0em;
|
|
-webkit-margin-after: 0em;
|
|
}
|
|
|
|
/* Set default font and color. */
|
|
body, button {
|
|
font-family: 'Avenir Book';
|
|
color: white;
|
|
} |