New themes (Aussie Aussie Aussie!)

Localises fonts
SCSS improvements
This commit is contained in:
gloriousCode
2018-02-17 17:56:22 +11:00
parent f2a368fe16
commit 2123245299
43 changed files with 455 additions and 13 deletions

View File

@@ -4,7 +4,7 @@ html,
body {
margin: 0;
padding: 0;
font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
.loading-spinner {
@@ -12,6 +12,32 @@ body {
margin-right: 50%;
}
///////////////////////////////////////////////////////////////
// Font stuff
///////////////////////////////////////////////////////////////
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(assets/material-icons.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
////////////////////////////////////////////////////////////////
// Default settings for cards
////////////////////////////////////////////////////////////////
@@ -20,11 +46,26 @@ body {
margin: 10px auto;
}
////////////////////////////////////////////////////////////////
// Default setting for spacers
////////////////////////////////////////////////////////////////
.flex-spacer {
flex-grow: 1;
}
.flexer {
display: flex;
}
.one-margin {
margin: 1rem;
}
////////////////////////////////////////////////////////////////
// Default settings for expandable tile menus
////////////////////////////////////////////////////////////////
.mat-expansion-panel {
width: 80%;
width: 90%;
margin: 0px auto !important;
}
@@ -40,13 +81,17 @@ body {
.mat-expansion-panel-spacing {
margin: 16px auto !important;
width: 85%;
width: 100%;
}
.mat-drawer {
background: none !important;
}
.mat-drawer-content {
margin-top: 5rem;
}
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
/*