Adjust panel headings
This commit is contained in:
parent
cb548cc3e3
commit
965b5113fc
@ -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 {
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user