add customer page: password-change.component.html
This commit is contained in:
Roland Schneider
68
customer/app/src/styles/bootstrap-custom.scss
vendored
Normal file
68
customer/app/src/styles/bootstrap-custom.scss
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
/*!
|
||||
* Bootstrap v5.1.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
|
||||
// scss-docs-start import-stack
|
||||
// Configuration
|
||||
@import "node_modules/bootstrap/scss/functions";
|
||||
@import "node_modules/bootstrap/scss/variables";
|
||||
@import "node_modules/bootstrap/scss/mixins";
|
||||
@import "node_modules/bootstrap/scss/utilities";
|
||||
|
||||
$utilities: () !default;
|
||||
|
||||
$utilities: map-merge(
|
||||
(
|
||||
// scss-docs-start utils-vertical-align
|
||||
"max-width2": (
|
||||
property: max-width,
|
||||
responsive: true,
|
||||
class: mw2,
|
||||
values: ( 25: 25%, 50: 50%, 100: 100%)
|
||||
),
|
||||
),
|
||||
$utilities
|
||||
);
|
||||
@import "node_modules/bootstrap/scss/root";
|
||||
@import "node_modules/bootstrap/scss/reboot";
|
||||
@import "node_modules/bootstrap/scss/type";
|
||||
@import "node_modules/bootstrap/scss/images";
|
||||
@import "node_modules/bootstrap/scss/containers";
|
||||
@import "node_modules/bootstrap/scss/grid";
|
||||
@import "node_modules/bootstrap/scss/tables";
|
||||
@import "node_modules/bootstrap/scss/forms";
|
||||
@import "node_modules/bootstrap/scss/buttons";
|
||||
@import "node_modules/bootstrap/scss/transitions";
|
||||
@import "node_modules/bootstrap/scss/dropdown";
|
||||
@import "node_modules/bootstrap/scss/button-group";
|
||||
@import "node_modules/bootstrap/scss/nav";
|
||||
@import "node_modules/bootstrap/scss/navbar";
|
||||
@import "node_modules/bootstrap/scss/card";
|
||||
@import "node_modules/bootstrap/scss/accordion";
|
||||
@import "node_modules/bootstrap/scss/breadcrumb";
|
||||
@import "node_modules/bootstrap/scss/pagination";
|
||||
|
||||
// Layout & components
|
||||
@import "node_modules/bootstrap/scss/badge";
|
||||
@import "node_modules/bootstrap/scss/alert";
|
||||
@import "node_modules/bootstrap/scss/progress";
|
||||
@import "node_modules/bootstrap/scss/list-group";
|
||||
@import "node_modules/bootstrap/scss/close";
|
||||
@import "node_modules/bootstrap/scss/toasts";
|
||||
@import "node_modules/bootstrap/scss/modal";
|
||||
@import "node_modules/bootstrap/scss/tooltip";
|
||||
@import "node_modules/bootstrap/scss/popover";
|
||||
@import "node_modules/bootstrap/scss/carousel";
|
||||
@import "node_modules/bootstrap/scss/spinners";
|
||||
@import "node_modules/bootstrap/scss/offcanvas";
|
||||
@import "node_modules/bootstrap/scss/placeholders";
|
||||
|
||||
// Helpers
|
||||
@import "node_modules/bootstrap/scss/helpers";
|
||||
|
||||
// Utilities
|
||||
@import "node_modules/bootstrap/scss/utilities/api";
|
||||
// scss-docs-end import-stack
|
||||
98
customer/app/src/styles/styles-old.scss
Normal file
98
customer/app/src/styles/styles-old.scss
Normal file
@@ -0,0 +1,98 @@
|
||||
|
||||
|
||||
.fit-content{
|
||||
|
||||
.fit-navbar{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
font-size: 13px; }
|
||||
.btn:hover, .btn:active, .btn:focus {
|
||||
outline: none; }
|
||||
.btn.btn-primary {
|
||||
background: #e5ce48;
|
||||
border: 1px solid #e5ce48;
|
||||
color: #000; }
|
||||
.btn.btn-primary:hover,.btn.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
|
||||
border: 1px solid #e5ce48;
|
||||
background: transparent;
|
||||
color: #e5ce48; }
|
||||
.btn.btn-primary.btn-outline-primary {
|
||||
border: 1px solid #e5ce48;
|
||||
background: transparent;
|
||||
color: #e5ce48; }
|
||||
.btn.btn-primary.btn-outline-primary:hover {
|
||||
border: 1px solid transparent;
|
||||
background: #e5ce48;
|
||||
color: #fff; }
|
||||
.btn.btn-white {
|
||||
background: #fff;
|
||||
border: 1px solid #fff;
|
||||
color: #000; }
|
||||
.btn.btn-white:hover {
|
||||
border: 1px solid #000;
|
||||
background: #000;
|
||||
color: #fff; }
|
||||
.btn.btn-white.btn-outline-white {
|
||||
border-color: rgba(255, 255, 255, 0.8);
|
||||
background: none;
|
||||
border-width: 1px;
|
||||
color: #fff; }
|
||||
.btn.btn-white.btn-outline-white:hover, .btn.btn-white.btn-outline-white:focus, .btn.btn-white.btn-outline-white:active {
|
||||
background: #e5ce48;
|
||||
border-color: #e5ce48;
|
||||
color: #000; }
|
||||
.btn.btn-outline-black {
|
||||
border-color: black;
|
||||
background: none;
|
||||
border-width: 1px;
|
||||
color: #000; }
|
||||
.btn.btn-outline-black:hover, .btn.btn-outline-black:focus, .btn.btn-outline-black:active {
|
||||
background: #000;
|
||||
border-color: #000;
|
||||
color: #fff; }
|
||||
|
||||
|
||||
.login-form .form-group {
|
||||
position: relative; }
|
||||
|
||||
.login-form .form-control {
|
||||
border: transparent !important;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
|
||||
height: 58px !important;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
background: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
font-size: 13px;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important; }
|
||||
.login-form .form-control::-webkit-input-placeholder {
|
||||
/* Chrome/Opera/Safari */
|
||||
color: rgba(255, 255, 255, 0.9); }
|
||||
.login-form .form-control::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: rgba(255, 255, 255, 0.9); }
|
||||
.login-form .form-control:-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: rgba(255, 255, 255, 0.9); }
|
||||
.login-form .form-control:-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: rgba(255, 255, 255, 0.9); }
|
||||
.login-form .form-control:focus, .login-form .form-control:active {
|
||||
border-color: #e5ce48 !important; }
|
||||
|
||||
.login-form textarea.form-control {
|
||||
height: inherit !important; }
|
||||
Reference in New Issue
Block a user