Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-20 23:14:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(typography): first bunch of typography

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-13 11:36:59 +03:00
parent fe7ef91ada
commit 009e5788ac
5 changed files with 773 additions and 3651 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,80 @@
@import '../../../@theme/styles/variables';
@include nga-install-component() {
.font-secondary .header .name {
font-size: 4.5rem;
}
.font-main .header .name {
font-size: 2.5rem;
}
.font-row {
margin-bottom: 3rem;
}
.header {
display: flex;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid rgba(nga-theme(color-fg), 0.1);
color: nga-theme(color-fg-heading);
&:last-child {
border-bottom: none;
}
div:first-child {
flex-basis: 50%;
line-height: 1;
align-items: flex-end;
h1 {
margin-bottom: 0;
}
}
.variants {
flex: 1;
display: flex;
justify-content: space-between;
align-items: flex-end;
span {
padding-left: 1rem;
font-size: 1.5rem;
}
}
.detail {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: flex-end;
color: nga-theme(color-fg);
}
}
.colors {
display: flex;
flex-direction: column;
.item {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
&:last-child {
margin-bottom: 0;
}
}
.color {
width: 86px;
height: 60px;
border-top-right-radius: 1rem;
border-bottom-left-radius: 1rem;
margin-right: 1rem;
}
}
}