Style block list description

This commit is contained in:
luis cielak 2018-09-13 11:22:21 -04:00 committed by luisgov
parent 9b0cd0a8e4
commit 24af3a24b3
2 changed files with 17 additions and 7 deletions

View File

@ -35,6 +35,10 @@
line-height: 3rem; line-height: 3rem;
} }
@mixin block-list__description {
margin-top: $gap*2;
}
@mixin block-list__footer { @mixin block-list__footer {
@include panel-base; @include panel-base;
@include panel-theme-default; @include panel-theme-default;
@ -93,6 +97,10 @@
@include block-list__title; @include block-list__title;
} }
.block-list__description {
@include block-list__description;
}
.block-list__item { .block-list__item {
@include block-list-item; @include block-list-item;

View File

@ -52,13 +52,15 @@
{% call Modal(name='rolesModal', dismissable=False) %} {% call Modal(name='rolesModal', dismissable=False) %}
<div class="block-list"> <div class="block-list">
<header class="block-list__header"> <header class="block-list__header">
<h2 class="block-list__title"> <div>
Environment access for Danny Knight <h2 class="block-list__title">
<div class='subtitle'>Project Name - Environment Name</div> Environment access for Danny Knight
</h2> <div class='subtitle'>Project Name - Environment Name</div>
<div class="block-list__description"> </h2>
<p>An environment role determines the permissions a member of the workspace assumes when using the JEDI Cloud.</p> <div class="block-list__description">
<p>A member may have different environment roles across different projects. A member can only have one assigned environment role in a given environment.</p> <p>An environment role determines the permissions a member of the workspace assumes when using the JEDI Cloud.</p>
<p>A member may have different environment roles across different projects. A member can only have one assigned environment role in a given environment.</p>
</div>
</div> </div>
</header> </header>