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;
}
@mixin block-list__description {
margin-top: $gap*2;
}
@mixin block-list__footer {
@include panel-base;
@include panel-theme-default;
@ -93,6 +97,10 @@
@include block-list__title;
}
.block-list__description {
@include block-list__description;
}
.block-list__item {
@include block-list-item;

View File

@ -52,13 +52,15 @@
{% call Modal(name='rolesModal', dismissable=False) %}
<div class="block-list">
<header class="block-list__header">
<h2 class="block-list__title">
Environment access for Danny Knight
<div class='subtitle'>Project Name - Environment Name</div>
</h2>
<div class="block-list__description">
<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>
<h2 class="block-list__title">
Environment access for Danny Knight
<div class='subtitle'>Project Name - Environment Name</div>
</h2>
<div class="block-list__description">
<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>
</header>