Merge Anmeldeformular into main #21
|
@ -10,38 +10,25 @@
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
input,
|
|
||||||
button {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
//button {
|
|
||||||
// background-color: #0366d6;
|
|
||||||
//}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
color: white;
|
|
||||||
background-color: #1576d5;
|
|
||||||
}
|
|
||||||
.flexContainerRow {
|
.flexContainerRow {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.width50 {
|
.width50 {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
.width20 {
|
.width20 {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
|
.width30 {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
.flexContainerColumn {
|
.flexContainerColumn {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
&.width30 {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.leftContainer {
|
.leftContainer {
|
||||||
|
@ -59,14 +46,10 @@ button {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
mat-icon {
|
|
||||||
color: white;
|
|
||||||
scale: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
border-radius: 10px 10px 0px 0px;
|
border-radius: 10px 10px 0px 0px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
resize: none;
|
resize: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
@include mat.core();
|
@include mat.core();
|
||||||
|
|
||||||
$my-primary: mat.define-palette(mat.$blue-palette);
|
$my-primary: mat.define-palette(mat.$blue-palette);
|
||||||
$my-accent: mat.define-palette(mat.$gray-palette);
|
$my-accent: mat.define-palette(mat.$blue-palette);
|
||||||
|
|
||||||
|
|
||||||
$my-theme: mat.define-light-theme((
|
$my-theme: mat.define-light-theme((
|
||||||
|
@ -19,12 +19,12 @@ $my-theme: mat.define-light-theme((
|
||||||
|
|
||||||
// Emit theme-dependent styles for common features used across multiple components.
|
// Emit theme-dependent styles for common features used across multiple components.
|
||||||
@include mat.core-theme($my-theme);
|
@include mat.core-theme($my-theme);
|
||||||
|
@include mat.all-component-themes($my-theme);
|
||||||
|
|
||||||
|
.mdc-button {
|
||||||
|
background: rgba(255, 255, 255, 0.82) !important;
|
||||||
|
}
|
||||||
|
|
||||||
// Emit styles for MatButton based on `$my-theme`. Because the configuration
|
|
||||||
// passed to `define-light-theme` omits typography, `button-theme` will not
|
|
||||||
// emit any typography styles.
|
|
||||||
@include mat.all-component-colors($my-theme);
|
|
||||||
@include mat.button-color($my-theme);
|
|
||||||
// Include the theme mixins for other components you use here.
|
// Include the theme mixins for other components you use here.
|
||||||
//a {
|
//a {
|
||||||
// color: #0366d6;
|
// color: #0366d6;
|
||||||
|
|
Loading…
Reference in New Issue