Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 10:20:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(demo): improve dashboard and ui features pages

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-20 18:13:11 +03:00
parent 8127f98f3c
commit b10e5e9ae5
20 changed files with 158 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/pages/ui-features/typography/typography.component.html
View file

@ -117,8 +117,7 @@
<p class="text-indent">
Far far away, behind the word mountains, far from the countries <strong>Vokalia</strong> and <strong>Consonantia</strong>,
there live the blind texts.
Separated they live in <strong>Bookmarksgrove</strong>
right at the coast of the Semantics, a large language ocean.
Separated they live in <strong>Bookmarksgrove</strong>.
</p>
<p class="text-indent">
A small <strong>river named Duden</strong> flows by their place and supplies it with the
@ -140,14 +139,14 @@
</nga-card-header>
<nga-card-body>
<blockquote class="blockquote">
<p class="mb-0">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
<p class="mb-0">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.
</blockquote>
<blockquote class="blockquote">
<p class="mb-0">Far far away, behind the word mountains, far from the countries.</p>
<footer class="blockquote-footer">Vladimir Lugovsky</footer>
</blockquote>
<blockquote class="blockquote-reverse">
<p class="mb-0">Far far away, behind the word mountains, far from the countries.</p>
<p class="mb-0">Far far away, behind the word mountains.</p>
<footer class="blockquote-footer">Vladimir Lugovsky</footer>
</blockquote>
</nga-card-body>
@ -164,56 +163,56 @@
<div class="colors">
<div class="item text-heading">
<div class="color bg-heading"></div>
<div class="color-name">
<div>
<h5 class="text-heading">Heading Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-body">
<div class="color bg-body"></div>
<div class="color-name">
<div>
<h5 class="text-body">Body Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-hint">
<div class="color bg-hint"></div>
<div class="color-name">
<div>
<h5 class="text-hint">Hint Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-primary">
<div class="color bg-primary"></div>
<div class="color-name">
<div>
<h5 class="text-primary">Primary Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-success">
<div class="color bg-success"></div>
<div class="color-name">
<div>
<h5 class="text-success">Link/Hightlight Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-info">
<div class="color bg-info"></div>
<div class="color-name">
<div>
<h5 class="text-info">Info Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-warning">
<div class="color bg-warning"></div>
<div class="color-name">
<div>
<h5 class="text-warning">Warning Text</h5>
Far far away, behind the your awesomeness.
</div>
</div>
<div class="item text-danger">
<div class="color bg-danger"></div>
<div class="color-name">
<div>
<h5 class="text-danger">Danger Text</h5>
Far far away, behind the your awesomeness.
</div>

21
src/app/pages/ui-features/typography/typography.component.scss
View file

@ -14,22 +14,31 @@
}
.font-row {
margin-bottom: 3rem;
&:first-child {
margin-bottom: 2rem;
}
.header {
align-items: baseline;
}
p {
margin: 0;
}
}
.header {
display: flex;
align-items: center;
padding-bottom: 1.125rem;
margin-bottom: 1.125rem;
border-bottom: 1px solid rgba(nga-theme(color-fg), 0.1);
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid nga-theme(separator);
color: nga-theme(color-fg-heading);
&:last-child {
border-bottom: none;
padding: 0;
margin: 0;
}
div:first-child {
@ -83,5 +92,9 @@
border-bottom-left-radius: 1rem;
margin-right: 1rem;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.25rem;
}
}
}