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

refactor(buttons): fix styles

Browse source
This commit is contained in:
Alexander Zhukov 2017-06-02 16:05:11 +03:00
parent 59ef144716
commit 774fe48d65
11 changed files with 955 additions and 595 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app/pages/ui-features/buttons/shape-buttons/shape-buttons.component.html
View file

@ -1,9 +1,9 @@
<div class="row">
<div class="col-md-4">
<div class="btn-shape-name">
<div class="shape-container col-md-4">
<div class="header">
<span>Rectangle Button</span>
</div>
<div class="btn-shape-details">
<div class="subheader">
<span>Border radius:</span>
<span>4px</span>
</div>
@ -11,11 +11,11 @@
<button class="btn btn-primary btn-rectangle btn-demo">Rectangle</button>
</div>
</div>
<div class="col-md-4">
<div class="btn-shape-name">
<div class="shape-container col-md-4">
<div class="header">
<span>Semi-round Button</span>
</div>
<div class="btn-shape-details">
<div class="subheader">
<span>Border radius:</span>
<span>12px</span>
</div>
@ -23,11 +23,11 @@
<button class="btn btn-primary btn-semi-round btn-demo">Semi-round</button>
</div>
</div>
<div class="col-md-4">
<div class="btn-shape-name">
<div class="shape-container col-md-4">
<div class="header">
<span>Rounded Button</span>
</div>
<div class="btn-shape-details">
<div class="subheader">
<span>Border radius:</span>
<span>round</span>
</div>

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

@ -1,9 +1,11 @@
.btn-shape-name {
.shape-container .header {
margin-bottom: 7px;
}
.btn-shape-details {
.shape-container .subheader {
margin-bottom: 19px;
font-weight: 300;
font-size: 0.875rem;
span:nth-child(2) {
color: #ffffff;