MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

moved section card classes out of the theme file

pull/1/head
Chris Veilleux 2019-01-28 13:17:47 -06:00
parent cda2273c08
commit 8bf3e84ce8
6 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/account/src/app/profile/agreements/agreements.component.scss
View File

@ -1,3 +1,5 @@
@import "~src/stylesheets/components/cards";
#agreement-panels {
margin: 8px;
}

2
projects/account/src/app/profile/delete/delete.component.scss
View File

@ -1,3 +1,5 @@
@import "~src/stylesheets/components/cards";
mat-card {
button {
color: white;

2
projects/account/src/app/profile/login/login.component.scss
View File

@ -1,3 +1,5 @@
@import "~src/stylesheets/components/cards";
#antisocial-login {
margin: 16px;

1
projects/account/src/app/profile/personal/personal.component.scss
View File

@ -1,5 +1,6 @@
@import '~@angular/material/theming';
@import "mycroft-colors";
@import "~src/stylesheets/components/cards";
// Angular Material does not support a form field with a map control inside it.
// Do our best to make this look like the other form fields

2
projects/account/src/app/profile/subscription/subscription.component.scss
View File

@ -1,3 +1,5 @@
@import "~src/stylesheets/components/cards";
.mat-h3 {
margin-bottom: 10px;
}

26
src/stylesheets/components/_cards.scss Normal file
View File

@ -0,0 +1,26 @@
@import "~@angular/material/theming";
@import "mycroft-colors";
.section-card {
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
min-width: 260px;
.section-card-title-bar {
background-color: mat-color($mycroft-primary, 50);
border-radius: 6px;
margin-bottom: 20px;
max-width: 1000px;
min-width: 260px;
.section-card-title {
color: mat-color($mycroft-primary, 500);
text-align: center;
font-size: 24px;
font-weight: bold;
width: 100%;
}
}
}