Merge pull request #274 from sailpoint-oss/273-ambassador-css-fix

updated css to handle dynamic card sizing
This commit is contained in:
Philip Ellis
2023-06-23 09:33:31 -05:00
committed by GitHub

View File

@@ -1,5 +1,9 @@
/* Getting Started Card */ /* Getting Started Card */
.link {
max-width: 420px;
}
.link:hover { .link:hover {
text-decoration: none; text-decoration: none;
} }
@@ -7,8 +11,8 @@
.card { .card {
position: relative; position: relative;
margin-top: 20px; margin-top: 20px;
height: 500px; min-height: 500px;
max-width: 420px;
/* UI Properties */ /* UI Properties */
background: var(--dev-card-background); background: var(--dev-card-background);
box-shadow: var(--dev-card-shadow); box-shadow: var(--dev-card-shadow);
@@ -89,15 +93,13 @@
.bio { .bio {
position: absolute;
margin: 30px auto; margin: 30px auto;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
width: 100%; width: 100%;
top: 100px;
left: 0;
color: var(--ifm-color-primary); color: var(--ifm-color-primary);
padding: 30px; padding: 30px;
margin-bottom: 50px;
} }