Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-05 17:18:50 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Transparent template sking added.

Browse source
This commit is contained in:
smartapant 2016-05-04 17:03:13 +03:00
parent a1a8875225
commit cd81d89297
4 changed files with 55 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/theme/sass/conf/_mixins.scss
View file

@ -117,7 +117,7 @@
}
}
@mixin overridecardBg($color, $borderColor, $dropdownColor) {
@mixin overrideCardBg($color, $borderColor, $dropdownColor) {
.card.card-blur, .card.card-blur:hover {
border-color: $borderColor;
background-color: $color;

52
src/app/theme/sass/skins/_02_transparent.scss Normal file
View file

@ -0,0 +1,52 @@
body.badmin-transparent {
&.mobile{
background: none;
.body-bg{
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
@include main-background();
background-attachment: inherit;
}
.panel-blur {
background: transparent;
}
}
@include overrideColors(#fff);
@include overrideCardBg(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
.default-color {
color: $default-text !important;;
}
.panel.panel-blur {
background-attachment: fixed;
@include scrollbars(.4em, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.8));
border-radius: 5px;
color: $default;
.panel-heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.12);
transform: translate3d(0,0,0);
}
.panel-body {
transform: translate3d(0,0,0);
}
}
.btn-default {
color: $default;
}
.form-control, .bootstrap-tagsinput input {
@include placeholderStyle($default, 0.7);
background-color: rgba(0, 0, 0, .15);
border-radius: 5px;
color: $default;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
@include placeholderStyle($default, 0.5);
}
.irs-grid-text {
color: $default;
}
}

1
src/app/theme/theme.scss
View file

@ -1,5 +1,6 @@
@import "sass/conf/conf";
@import "sass/bootstrap-overrides/overrides";
@import "sass/skins/02_transparent";
@import "sass/blur-admin-theme";
@import "sass/typography";
@import "sass/buttons";

2
src/index.html
View file

@ -19,7 +19,7 @@
</head>
<body>
<body class="badmin-transparent">
<app>
<div id="preloader">