Skip to content

Commit

Permalink
Add styles for app tabs, details, and permissions
Browse files Browse the repository at this point in the history
  • Loading branch information
laCour committed Sep 15, 2017
1 parent 9c6137b commit 73465bc
Showing 1 changed file with 66 additions and 0 deletions.
66 changes: 66 additions & 0 deletions scss/modules/pages/_apps.scss
Original file line number Diff line number Diff line change
Expand Up @@ -261,3 +261,69 @@ a.plastic_typeahead_item {
.service_breadcrumbs li span {
color: $color-highlight;
}

.c-tabs__tab_menu {
background-color: transparent;
box-shadow: inset 0 -2px 0 0 $color-shade-light;
}

.c-tabs__tab {
color: $color-highlight;

&:hover {
color: $base-font-color;
}

&.c-tabs__tab--active,
&:active,
&:focus {
box-shadow: inset 0 -2px 0 0 $color-shade-lightest;
color: $base-font-color;
}
}

.c-tabs__tab_menu--plastic {
background-color: transparent;
box-shadow: inset 0 -2px 0 0 $color-shade-light;
}

a.c-tabs__tab--plastic {
color: $color-highlight;

&:hover {
color: $base-font-color;
}

&.c-tabs__tab--active,
&:active,
&:focus {
box-shadow: inset 0 -2px 0 0 $color-shade-lightest;
color: $base-font-color;
}
}

.p-detail_scope {
box-shadow: inset 0 1px 0 0 $color-shade-light;

&:last-child {
border-bottom-color: $color-shade-light;
}
}

.p-detail_dangerous_scope {
border-left-color: $color-red;
border-right-color: $color-shade-light;
}

.p-detail_arrow_icon {
color: $color-highlight;

&:hover {
color: $base-font-color;
}
}

.p-detail_permissions {
background: $color-shade-dark;
border-color: $color-shade-light;
}

0 comments on commit 73465bc

Please sign in to comment.