Import des sources angular à partir de 'headup_app'
This commit is contained in:
Rampeur
Executable
+345
@@ -0,0 +1,345 @@
|
||||
/*
|
||||
Template Name: Material HeadUp
|
||||
Author: UnEspace
|
||||
Email: rampeur@gmail.com
|
||||
File: scss
|
||||
*/
|
||||
@use 'sass:color';
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
background: $white;
|
||||
.page-wrapper{
|
||||
height:calc(100vh - 64px);
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
font-family: $bodyfont;
|
||||
overflow-x: hidden;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
* {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.link {
|
||||
color: $headingtext;
|
||||
text-decoration: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
a.warn {
|
||||
color: $warn;
|
||||
}
|
||||
a.warn:hover {
|
||||
color: color.adjust($warn, $alpha: -0.3);
|
||||
}
|
||||
a.accent {
|
||||
color: $accent;
|
||||
}
|
||||
a.accent:hover {
|
||||
color: color.adjust($accent, $alpha: -0.3);
|
||||
}
|
||||
|
||||
.no-shrink {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.flex-spacer {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.error-messages {
|
||||
color: $error !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
.footer {
|
||||
background-color: $sidebar-footer;
|
||||
font-size: 0.88em;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
a {
|
||||
color: $empty;
|
||||
}
|
||||
.copyright {
|
||||
color: $empty;
|
||||
}
|
||||
}
|
||||
.img-responsive {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
.img-fluid {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.shadow-none {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
.font-monospace.fw-lighter,
|
||||
.font-monospace .fw-lighter {
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
.dark-theme {
|
||||
app-full-layout {
|
||||
/*--mat-sidenav-content-background-color: $sidenav-content;*/
|
||||
.mat-drawer-content {
|
||||
background-color: color.scale($sidebar, $lightness: 4%);
|
||||
}
|
||||
.mat-expansion-panel {
|
||||
background-color: color.scale($sidebar, $lightness: 14%);
|
||||
}
|
||||
.mat-mdc-card {
|
||||
background-color: color.scale($sidebar, $lightness: 8%);
|
||||
.mat-mdc-paginator {
|
||||
background-color: color.scale($sidebar, $lightness: 8%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
app-full-layout {
|
||||
--mat-card-title-text-size: 22px;
|
||||
--mat-card-subtitle-text-line-height: 24px;
|
||||
--mat-card-subtitle-text-size: 16px;
|
||||
.mat-mdc-form-field,
|
||||
.mdc-text-field--filled .mdc-floating-label {
|
||||
font-size: initial;
|
||||
}
|
||||
.mat-mdc-form-field-infix {
|
||||
min-height: 40px;
|
||||
}
|
||||
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {
|
||||
.mat-mdc-form-field-infix {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
}
|
||||
.mat-mdc-icon-button {
|
||||
.mat-icon {
|
||||
line-height: 0.87;
|
||||
}
|
||||
}
|
||||
.mat-mdc-table {
|
||||
background-color: initial;
|
||||
}
|
||||
}
|
||||
.mat-icon.mini {
|
||||
--mat-menu-item-icon-size: 22px;
|
||||
&.material-icons {
|
||||
font-size: var(--mat-menu-item-icon-size);
|
||||
}
|
||||
}
|
||||
.badge .mat-icon {
|
||||
width: 0.76rem;
|
||||
height: 0.76rem;
|
||||
font-size: 0.76rem;
|
||||
}
|
||||
|
||||
/* Chrome, Safari, Edge, Opera */
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
/* Firefox */
|
||||
input[type=number] {
|
||||
appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
/****************
|
||||
* Definitions *
|
||||
****************/
|
||||
dl.dl-horizontal {
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
color: $light;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
dt,
|
||||
dd {
|
||||
line-height: 1.42857143;
|
||||
min-height: 1.42857143em;
|
||||
}
|
||||
dd {
|
||||
margin-left: 140px;
|
||||
/* color: $extra-light; */
|
||||
}
|
||||
.dl-large dt {
|
||||
width: 200px;
|
||||
}
|
||||
.dl-large dd {
|
||||
margin-left: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
/**********************
|
||||
* Extra Text Colors *
|
||||
**********************/
|
||||
.text-primary {
|
||||
color: $primary;
|
||||
}
|
||||
.text-accent {
|
||||
color: $accent;
|
||||
}
|
||||
.text-warn {
|
||||
color: $warn;
|
||||
}
|
||||
.text-white {
|
||||
color: $white !important;
|
||||
}
|
||||
.text-red {
|
||||
color: $red !important;
|
||||
}
|
||||
.text-red-dark {
|
||||
color: $red-dark !important;
|
||||
}
|
||||
.text-green {
|
||||
color: $green !important;
|
||||
}
|
||||
.text-blue {
|
||||
color: $blue !important;
|
||||
}
|
||||
.text-grey {
|
||||
color: $grey !important;
|
||||
}
|
||||
.text-muted {
|
||||
color: $muted !important;
|
||||
}
|
||||
.text-extra-muted {
|
||||
color: $extra-muted !important;
|
||||
}
|
||||
.text-empty {
|
||||
color: $empty !important;
|
||||
}
|
||||
.text-error {
|
||||
color: $error !important;
|
||||
}
|
||||
.text-light-danger {
|
||||
color: $light-danger !important;
|
||||
}
|
||||
.text-light-success {
|
||||
color: $light-success !important;
|
||||
}
|
||||
.text-light-warning {
|
||||
color: $light-warning !important;
|
||||
}
|
||||
.text-light-primary {
|
||||
color: $light-primary !important;
|
||||
}
|
||||
.text-light-info {
|
||||
color: $light-info !important;
|
||||
}
|
||||
.text-light-inverse {
|
||||
color: $light-inverse !important;
|
||||
}
|
||||
.text-light-megna {
|
||||
color: $light-megna !important;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* Extra Background Colors *
|
||||
****************************/
|
||||
.bg-primary {
|
||||
background-color: $headingtext !important; /* $primary */
|
||||
}
|
||||
.bg-accent {
|
||||
background-color: $accent !important;
|
||||
}
|
||||
.bg-warn {
|
||||
background-color: $warn !important;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: $white !important;
|
||||
}
|
||||
.bg-red {
|
||||
background-color: $red !important;
|
||||
}
|
||||
.bg-red-dark {
|
||||
background-color: $red-dark !important;
|
||||
}
|
||||
.bg-green {
|
||||
background-color: $green !important;
|
||||
}
|
||||
.bg-blue {
|
||||
background-color: $blue !important;
|
||||
}
|
||||
.bg-grey {
|
||||
background-color: $grey !important;
|
||||
}
|
||||
.bg-muted {
|
||||
background-color: $muted !important;
|
||||
}
|
||||
.bg-extra-muted {
|
||||
background-color: $extra-muted !important;
|
||||
}
|
||||
.bg-empty {
|
||||
background-color: $empty !important;
|
||||
}
|
||||
.bg-error {
|
||||
background-color: $error !important;
|
||||
}
|
||||
.bg-light-danger {
|
||||
background-color: $light-danger !important;
|
||||
}
|
||||
.bg-light-success {
|
||||
background-color: $light-success !important;
|
||||
}
|
||||
.bg-light-warning {
|
||||
background-color: $light-warning !important;
|
||||
}
|
||||
.bg-light-primary {
|
||||
background-color: $light-primary !important;
|
||||
}
|
||||
.bg-light-info {
|
||||
background-color: $light-info !important;
|
||||
}
|
||||
.bg-light-inverse {
|
||||
background-color: $light-inverse !important;
|
||||
}
|
||||
.bg-light-megna {
|
||||
background-color: $light-megna !important;
|
||||
}
|
||||
.bg-crystal,
|
||||
.bg-crystal .mdc-text-field--filled:not(.mdc-text-field--disabled) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.bg-dark-transparent {
|
||||
background-color: $dark-transparent !important;
|
||||
}
|
||||
Reference in New Issue
Block a user