Adjust panel headings

This commit is contained in:
luis cielak 2018-08-23 14:55:59 -04:00 committed by luisgov
parent cb548cc3e3
commit 965b5113fc
2 changed files with 12 additions and 5 deletions

View File

@ -67,9 +67,17 @@
margin: $gap * 4;
}
&--tight {
margin: $gap*2;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
display: inline-block;
.subtitle {
color: $color-gray;
}
}
.icon-tooltip {

View File

@ -37,15 +37,14 @@
</form>
<div class="panel">
<div class="panel__heading">
<h3>Manage Access</h3>
<div class="subtitle"><h3>Grant access to an environment</h3></div>
<div class="panel__heading panel__heading--tight">
<h2 class="h3">Manage Access <div class="subtitle">Grant access to an environment</div></h2>
</div>
</div>
<div class='block-list project-list-item'>
<header class='block-list__header'>
<h2 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h2>
<h3 class='block-list__title'>{{ Icon('arrow-down') }}Code.mil</h3>
<span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span>
</header>
<ul>
@ -78,7 +77,7 @@
<div class='block-list project-list-item'>
<header class='block-list__header'>
<h2 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h2>
<h3 class='block-list__title'>{{ Icon('arrow-right') }} Digital Dojo</h3>
<span class="label">no access</span>
</header>
</div>