From cdef9505866c98214979ed511d8d56e8ca9736f5 Mon Sep 17 00:00:00 2001 From: nixa <4dmitr@gmail.com> Date: Fri, 13 May 2016 11:27:38 +0300 Subject: [PATCH] unused styles removed --- .../components/layouts/layouts.component.ts | 2 +- .../forms/components/layouts/layouts.scss | 123 ------------------ 2 files changed, 1 insertion(+), 124 deletions(-) delete mode 100644 src/app/pages/forms/components/layouts/layouts.scss diff --git a/src/app/pages/forms/components/layouts/layouts.component.ts b/src/app/pages/forms/components/layouts/layouts.component.ts index b8d59856..fb5565f8 100644 --- a/src/app/pages/forms/components/layouts/layouts.component.ts +++ b/src/app/pages/forms/components/layouts/layouts.component.ts @@ -12,7 +12,7 @@ import {WithoutLabelsForm} from './components/withoutLabelsForm'; selector: 'layouts', encapsulation: ViewEncapsulation.None, directives: [BaCard, InlineForm, BlockForm, HorizontalForm, BasicForm, WithoutLabelsForm], - styles: [require('./layouts.scss')], + styles: [], template: require('./layouts.html'), }) export class Layouts { diff --git a/src/app/pages/forms/components/layouts/layouts.scss b/src/app/pages/forms/components/layouts/layouts.scss deleted file mode 100644 index 817083f8..00000000 --- a/src/app/pages/forms/components/layouts/layouts.scss +++ /dev/null @@ -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); - } -}