Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(typography): typography responsive

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-11 11:42:22 +03:00 • committed by KostyaDanovsky
parent 6bd9ee6c6b
commit 1066a26f3b
2 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<div class="row">
<div class="col-md-9">
<div class="col-lg-12 col-xl-8">
<div class="row">
<div class="col-md-7">
<div class="col-sm-12 col-md-6 col-xxl-7">
<nb-card size="medium">
<nb-card-header>
Used Fonts
@ -43,7 +43,7 @@
</nb-card-body>
</nb-card>
</div>
<div class="col-md-5">
<div class="col-sm-12 col-md-6 col-xxl-5">
<nb-card size="medium">
<nb-card-header>
Headings
@ -107,7 +107,7 @@
</nb-card>
</div>
<div class="col-md-7">
<div class="col-sm-12 col-md-6 col-xxl-7">
<nb-card size="small">
<nb-card-header>
Article Example
@ -132,7 +132,7 @@
</nb-card-body>
</nb-card>
</div>
<div class="col-md-5">
<div class="col-sm-12 col-md-6 col-xxl-5">
<nb-card size="small">
<nb-card-header>
Blockquotes
@ -154,7 +154,7 @@
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-lg-12 col-xl-4">
<nb-card size="xxlarge">
<nb-card-header>
Font Colors
@ -225,9 +225,9 @@
<div class="row">
<div class="col-md-9">
<div class="col-lg-12 col-xl-8">
<div class="row">
<div class="col-md-7">
<div class="col-sm-12 col-md-6 col-xxl-7">
<nb-card size="large">
<nb-card-header>
Alerts
@ -254,7 +254,7 @@
</nb-card-body>
</nb-card>
</div>
<div class="col-md-5">
<div class="col-sm-12 col-md-6 col-xxl-5">
<nb-card size="large">
<nb-card-header>
Text Types
@ -280,7 +280,7 @@
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-lg-12 col-xl-4">
<nb-card size="large">
<nb-card-header>
Lists

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

@ -29,6 +29,7 @@
.header {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 1rem;
margin-bottom: 1rem;
@ -42,7 +43,7 @@
}
div:first-child {
flex-basis: 50%;
flex: 2;
line-height: 1;
align-items: flex-end;