Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

unused styles removed

Browse source
This commit is contained in:
nixa 2016-05-13 11:27:38 +03:00
parent 72b075b4f8
commit cdef950586
2 changed files with 1 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/forms/components/layouts/layouts.component.ts
View file

@ -12,7 +12,7 @@ import {WithoutLabelsForm} from './components/withoutLabelsForm';
selector: 'layouts', selector: 'layouts',
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
directives: [BaCard, InlineForm, BlockForm, HorizontalForm, BasicForm, WithoutLabelsForm], directives: [BaCard, InlineForm, BlockForm, HorizontalForm, BasicForm, WithoutLabelsForm],
styles: [require('./layouts.scss')], styles: [],
template: require('./layouts.html'), template: require('./layouts.html'),
}) })
export class Layouts { export class Layouts {

123
src/app/pages/forms/components/layouts/layouts.scss
View file

@ -1,123 +0,0 @@
@import '../../../../theme/sass/conf/conf';
@mixin icon-hover($color) {
i:hover {
color: $color;
}
}
.icons-list {
& > div {
text-align: center;
margin-bottom: 32px;
}
i {
font-weight: $font-normal;
font-size: 18px;
cursor: pointer;
}
&.primary {
@include icon-hover($primary);
}
&.success {
@include icon-hover($success);
}
&.warning {
@include icon-hover($warning);
}
&.danger {
@include icon-hover($danger);
}
}
a.see-all-icons {
float: right;
}
.awesomeIcons {
height: 308px;
}
.kameleon-row {
display: inline-block;
min-width: 102px;
width: 20%;
.kameleon-icon {
padding: 0 10px;
img {
width: 81px;
}
}
}
@media (max-width: 750px) {
.kameleon-row {
width: 25%;
}
}
@media (max-width: 550px) {
.kameleon-row {
width: 33%;
}
}
@media (max-width: 430px) {
.kameleon-row {
width: 50%;
}
}
.kameleon-icon-tabs {
max-width: 84px;
img {
width: 100%;
min-width: 81px;
min-height: 81px;
}
}
.kameleon-icon {
text-align: center;
margin: 0 auto;
img {
width: 100%;
}
span {
display: block;
text-align: center;
white-space: nowrap;
}
}
@mixin setImgBg($color) {
img {
background: $color;
}
}
.with-round-bg {
margin-bottom: 6px;
img {
border-radius: 50%;
margin-bottom: 4px;
}
@include setImgBg($default);
&.success {
@include setImgBg($success);
}
&.danger {
@include setImgBg($danger);
}
&.warning {
@include setImgBg($warning);
}
&.info {
@include setImgBg($info);
}
&.primary {
@include setImgBg($primary);
}
}