Button demo cosmetics

pull/345/head
cagataycivici 2020-05-13 15:44:31 +03:00
parent 737f1efef5
commit e3c4f4eea1
1 changed files with 26 additions and 3 deletions

View File

@ -77,12 +77,18 @@ export default {
</script>
<style lang="scss" scoped>
button {
margin-right: .5em;
.p-button {
margin-right: .5rem;
}
.p-buttonset {
.p-button {
margin-right: 0;
}
}
.sizes {
.p-button {
.button {
margin-bottom: .5rem;
display: block;
@ -91,4 +97,21 @@ button {
}
}
}
@media screen and (max-width: 960px) {
.p-button {
margin-bottom: .5rem;
&:not(.p-button-icon-only) {
display: flex;
width: 100%;
}
}
.p-buttonset {
.p-button {
margin-bottom: 0;
}
}
}
</style>