Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): fix button styles (#8)

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-07 17:15:32 +03:00 • committed by GitHub
parent 51b68b9d65
commit fa8342cc6d
4 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/@theme/styles/global.scss
View file

@ -9,7 +9,12 @@
}
}
//global styles for thw whole application
//global styles for the whole application
[class^='col-'] {
padding: 0 0.75rem;
}
.row {
margin-right: -0.75rem;
margin-left: -0.75rem;
}

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

@ -14,10 +14,12 @@
.header {
color: white;
font-size: 0.875rem;
line-height: 1rem;
}
.subheader {
font-size: 0.875rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 300;
color: nga-theme(color-fg-hint);
@ -54,7 +56,7 @@
}
.example-container .container-btn {
margin-bottom: 1rem;
margin-bottom: 1.5rem;
}
.actions-groups {

8
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.html
View file

@ -2,7 +2,7 @@
<nga-card-header>Button Sizes</nga-card-header>
<nga-card-body>
<div class="row">
<div class="size-container">
<div class="size-container col-md-3">
<div class="container-title">
<span>Rectangle Button</span>
</div>
@ -13,7 +13,7 @@
<button class="btn btn-primary btn-lg">Large Button</button>
</div>
</div>
<div class="size-container">
<div class="size-container col-md-3">
<div class="container-title">
<span>Medium Button</span>
</div>
@ -24,7 +24,7 @@
<button class="btn btn-primary btn-md">Medium Button</button>
</div>
</div>
<div class="size-container">
<div class="size-container col-md-3">
<div class="container-title">
<span>Small Button</span>
</div>
@ -35,7 +35,7 @@
<button class="btn btn-primary btn-sm">Small Button</button>
</div>
</div>
<div class="size-container">
<div class="size-container col-md-3">
<div class="container-title">
<span>Tiny Button</span>
</div>

8
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.scss
View file

@ -2,14 +2,6 @@
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
@include nga-install-component() {
.row {
padding: 0 1rem;
}
.size-container {
margin-right: 1rem;
}
.subheader {
margin-bottom: 1rem;
color: nga-theme(color-fg-heading);