vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Raised button shadow update

pull/345/head
cagataycivici 2020-05-13 09:14:18 +03:00
parent 5c3c177a93
commit d27203e6e4
18 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/themes/luna-amber/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/luna-green/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/luna-pink/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/nova-colored/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/nova-dark/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/nova-light/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/nova-vue/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/rhea/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-blue/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-cyan/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-deeppurple/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-green/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-indigo/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-orange/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-purple/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

2
public/themes/saga-teal/theme.css
View File

@ -1096,7 +1096,7 @@
line-height: 1rem; line-height: 1rem;
} }
.p-button.p-button-raised { .p-button.p-button-raised {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} }
.p-button.p-button-rounded { .p-button.p-button-rounded {
border-radius: 1rem; border-radius: 1rem;

4
src/views/card/CardDemo.vue
View File

@ -33,8 +33,8 @@
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p> quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</template> </template>
<template slot="footer"> <template slot="footer">
<Button icon="pi pi-check" label="Save" class="p-button-raised" /> <Button icon="pi pi-check" label="Save" />
<Button icon="pi pi-times" label="Cancel" class="p-button-raised p-button-secondary" style="margin-left: .5em" /> <Button icon="pi pi-times" label="Cancel" class="p-button-secondary" style="margin-left: .5em" />
</template> </template>
</Card> </Card>
</div> </div>

8
src/views/card/CardDoc.vue
View File

@ -30,8 +30,8 @@ import Card from 'primevue/card';
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas! quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="footer"&gt; &lt;template slot="footer"&gt;
&lt;Button icon="pi pi-check" label="Save" class="p-button-raised" /&gt; &lt;Button icon="pi pi-check" label="Save" /&gt;
&lt;Button icon="pi pi-times" label="Cancel" class="p-button-raised p-button-secondary" style="margin-left: .5em" /&gt; &lt;Button icon="pi pi-times" label="Cancel" class="p-button-secondary" style="margin-left: .5em" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Card&gt; &lt;/Card&gt;
</CodeHighlight> </CodeHighlight>
@ -106,8 +106,8 @@ import Card from 'primevue/card';
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt; quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="footer"&gt; &lt;template slot="footer"&gt;
&lt;Button icon="pi pi-check" label="Save" class="p-button-raised" /&gt; &lt;Button icon="pi pi-check" label="Save" /&gt;
&lt;Button icon="pi pi-times" label="Cancel" class="p-button-raised p-button-secondary" style="margin-left: .5em" /&gt; &lt;Button icon="pi pi-times" label="Cancel" class="p-button-secondary" style="margin-left: .5em" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Card&gt; &lt;/Card&gt;
</template> </template>