Compare commits
1 Commits
master
...
fix-button
Author | SHA1 | Date | |
---|---|---|---|
|
319acb105d |
@ -8,32 +8,59 @@ Layout Component:
|
||||
[CDB-Button][CDB-Button--primary | CDB-Button--secondary]
|
||||
|
||||
```
|
||||
<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--big">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--big">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
</button>
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--big is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--big is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
</button>
|
||||
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</button>
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</button>
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--small">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--small">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</button>
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--small is-disabled">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small">SAVE</span>
|
||||
</button>
|
||||
|
||||
<a href="#" class="CDB-Button CDB-Button--primary CDB-Button--icon">
|
||||
<i class="CDB-IconFont CDB-IconFont-ray CDB-Size-small"></i>
|
||||
</a>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--icon">
|
||||
<i class="CDB-IconFont CDB-IconFont-ray CDB-Size-small"></i>
|
||||
</button>
|
||||
@ -83,6 +110,7 @@ Layout Component:
|
||||
|
||||
|
||||
.CDB-Button {
|
||||
display: inline-block;
|
||||
padding: $baseSize + 1 $baseSize + 12;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $baseSize / 2;
|
||||
@ -131,6 +159,14 @@ Layout Component:
|
||||
}
|
||||
}
|
||||
|
||||
.CDB-Button--primary:link {
|
||||
color: $cWhite;
|
||||
}
|
||||
|
||||
.CDB-Button--primary:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Buttons styles
|
||||
|
Loading…
Reference in New Issue
Block a user