Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-21 09:50:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): add an outline buttons view

Browse source
This commit is contained in:
Alexander Zhukov 2017-07-21 18:04:40 +03:00
parent d10c90c279
commit 82c4635828
3 changed files with 153 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/app/pages/ui-features/buttons/default-buttons/default-buttons.component.scss
View file

@ -3,6 +3,18 @@
@include nga-install-component() {
nga-card-header {
display: flex;
span {
flex: 1;
}
.dropdown {
width: 30%;
}
}
.example-container:nth-child(n + 4) {
margin-top: 2rem;
}
@ -19,16 +31,9 @@
}
}
.warning-container {
.original {
background-color: nga-theme(btn-warning-bg);
}
.hover {
@include btn-warning-hover();
}
.active {
@include btn-warning-active();
}
.primary-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-primary-bg);
}
.success-container {
@ -43,6 +48,28 @@
}
}
.success-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-success-bg);
}
.warning-container {
.original {
background-color: nga-theme(btn-warning-bg);
}
.hover {
@include btn-warning-hover();
}
.active {
@include btn-warning-active();
}
}
.warning-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-warning-bg);
}
.info-container {
.original {
background-color: nga-theme(btn-info-bg);
@ -55,6 +82,11 @@
}
}
.info-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-info-bg);
}
.danger-container {
.original {
background-color: nga-theme(btn-danger-bg);
@ -67,9 +99,14 @@
}
}
.danger-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-danger-bg);
}
.secondary-container {
.original {
background-color: nga-theme(btn-secondary-border);
border: 2px solid nga-theme(btn-secondary-border);
}
.hover {
@include btn-secondary-hover();
@ -78,4 +115,9 @@
@include btn-secondary-active();
}
}
.secondary-container.outline .original {
background-color: transparent;
border: 2px solid nga-theme(btn-secondary-border);
}
}