fixed text color and added card hover states (#12790)

This commit is contained in:
Jake Herschman 2022-04-14 12:27:01 -04:00 committed by GitHub
parent 9b87e6b61c
commit aad5547c79
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions

View File

@ -7,3 +7,8 @@
.consul-server-list {
@extend %consul-server-list;
}
%consul-server-list a:hover div {
box-shadow: var(--decor-elevation-800);
--tone-border: var(--tone-gray-500);
}

View File

@ -12,6 +12,9 @@ section[data-route='dc.show.license'] {
@extend %h200;
}
%license-validity p {
color: rgb(var(--tone-gray-700));
}
%license-validity dl {
@extend %horizontal-kv-list;
font-size: var(--typo-size-400);
@ -21,7 +24,7 @@ section[data-route='dc.show.license'] {
}
%license-validity dl dt::before {
content: '';
margin-right: 0.250rem; /* 4px */
margin-right: 0.25rem; /* 4px */
}
%license-validity dl .expired::before {
--icon-name: icon-x-circle;
@ -36,7 +39,6 @@ section[data-route='dc.show.license'] {
--icon-color: rgb(var(--green-500));
}
%license-route-learn-more {
@extend %panel;
box-shadow: var(--decor-elevation-000);
@ -52,11 +54,10 @@ section[data-route='dc.show.license'] {
margin-bottom: 1rem; /* 16px */
}
%license-route-learn-more li {
margin-bottom: 0.250rem; /* 4px */
margin-bottom: 0.25rem; /* 4px */
}
%license-route-learn-more a::before {
--icon-name: icon-docs-link;
content: '';
margin-right: 0.375rem; /* 6px */
}