aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/shared/tabs/tabs.component.less
diff options
context:
space:
mode:
authorTal Gitelman <tg851x@intl.att.com>2017-12-10 18:55:03 +0200
committerTal Gitelman <tg851x@intl.att.com>2017-12-10 19:33:38 +0200
commit51d50f0ef642e0f996a1c8b8d2ef4838bdfec892 (patch)
tree3ac236a864d74d19b0f5c9020891a7a7e5c31b44 /catalog-ui/src/app/ng2/shared/tabs/tabs.component.less
parentb5cc2e0695f195716d6ccdc65e73807a6632ec70 (diff)
Final commit to master merge from
Change-Id: Ib464f9a8828437c86fe6def8af238aaf83473507 Issue-ID: SDC-714 Signed-off-by: Tal Gitelman <tg851x@intl.att.com>
Diffstat (limited to 'catalog-ui/src/app/ng2/shared/tabs/tabs.component.less')
-rw-r--r--catalog-ui/src/app/ng2/shared/tabs/tabs.component.less84
1 files changed, 0 insertions, 84 deletions
diff --git a/catalog-ui/src/app/ng2/shared/tabs/tabs.component.less b/catalog-ui/src/app/ng2/shared/tabs/tabs.component.less
deleted file mode 100644
index 6f9e57aaf2..0000000000
--- a/catalog-ui/src/app/ng2/shared/tabs/tabs.component.less
+++ /dev/null
@@ -1,84 +0,0 @@
-@import '../../../../assets/styles/variables';
-
-tab {
- height: 100%;
-}
-
-.tabs {
- display:flex;
- flex: 0 0 auto;
- flex-direction:row;
-}
-
-.tab {
- flex: 1 0 auto;
- cursor: pointer;
- padding: .5em;
-}
-
-.tab-content-container {
- flex: 1;
- width:100%;
- overflow-y:hidden;
-}
-
-.tab-content {
- height:100%;
-}
-
-/*Tab styles*/
-.tabs{
- &.round-tabs .tab{
- background-color: #f8f8f8;
- color: #959595;
- border: solid 1px #d2d2d2;
- border-bottom:none;
- border-left:none;
- position:relative;
-
- &:first-child {
- border-left:solid 1px #d2d2d2;
- }
-
- &.active {
- background-color:#009fdb;
- color:#e9e9e9;
- border-color:#009fdb;
- }
-
- .tab-indication {
- position: absolute;
- top: -10px;
- background-color: #009fdb;
- right: 10px;
- padding: 2px 0;
- border-radius: 15px;
- border: solid 1px #d2d2d2;
- color:white;
- width: 25px;
- height: 25px;
- text-align: center;
-
- }
- }
-
- &.simple-tabs .tab {
- font-size: 12px;
- color: @main_color_n;
-
- &:after {
- display:block;
- content: '';
- border-bottom: 2px solid @main_color_a;
- transform: scaleX(0);
- transition: transform 200ms ease-in-out;
- }
-
- &.active {
- color: @main_color_a;
- &:after {
- transform: scaleX(1.2);
- }
- }
- }
-}