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

More rem units

pull/310/head
cagataycivici 2020-05-09 18:02:43 +03:00
parent 682f4fb465
commit 76caba5363
26 changed files with 86 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2739,8 +2739,9 @@
color: #dedede; color: #dedede;
border: 1px solid #191919; border: 1px solid #191919;
background: #191919; background: #191919;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
line-height: 2rem;
font-size: 1.143rem; font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,8 +2739,9 @@
color: #dedede; color: #dedede;
border: 1px solid #191919; border: 1px solid #191919;
background: #191919; background: #191919;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
line-height: 2rem;
font-size: 1.143rem; font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,8 +2739,9 @@
color: #dedede; color: #dedede;
border: 1px solid #191919; border: 1px solid #191919;
background: #191919; background: #191919;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
line-height: 2rem;
font-size: 1.143rem; font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,9 +2739,10 @@
color: #333333; color: #333333;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 1.145rem; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,9 +2739,10 @@
color: #333333; color: #333333;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 1.145rem; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,9 +2739,10 @@
color: #333333; color: #333333;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 1.145rem; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,9 +2739,10 @@
color: #333333; color: #333333;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 1.145rem; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2739,8 +2739,9 @@
color: #a6a6a6; color: #a6a6a6;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
line-height: 2rem;
font-size: 1.143rem; font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
@ -2770,7 +2771,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

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

@ -2773,9 +2773,10 @@
color: #495057; color: #495057;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 2rem;
height: 28px; height: 2rem;
font-size: 16px; line-height: 2rem;
font-size: 1.143rem;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;
} }
@ -2804,7 +2805,7 @@
left: 0; left: 0;
display: block; display: block;
position: absolute; position: absolute;
margin-top: -14px; margin-top: -1rem;
} }
.p-tabmenu .p-tabmenu-nav { .p-tabmenu .p-tabmenu-nav {

1
public/themes/vela-blue/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-cyan/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-deeppurple/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-green/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-indigo/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-orange/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-purple/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

1
public/themes/vela-teal/theme.css
View File

@ -2775,6 +2775,7 @@
background: #ffffff; background: #ffffff;
min-width: 28px; min-width: 28px;
height: 28px; height: 28px;
line-height: 28px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
border-radius: 50%; border-radius: 50%;

3
src/views/button/ButtonDemo.vue
View File

@ -16,8 +16,6 @@
<Button icon="pi pi-check" /> <Button icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button label="Submit" icon="pi pi-check" iconPos="top" />
<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
<h3>Severities</h3> <h3>Severities</h3>
<Button label="Primary" /> <Button label="Primary" />
@ -37,6 +35,7 @@
<Button label="Danger" class="p-button-raised p-button-danger" /> <Button label="Danger" class="p-button-raised p-button-danger" />
<h3>Rounded Buttons</h3> <h3>Rounded Buttons</h3>
<Button icon="pi pi-check" class="p-button-rounded" />
<Button label="Primary" class="p-button-rounded" /> <Button label="Primary" class="p-button-rounded" />
<Button label="Secondary" class="p-button-rounded p-button-secondary" /> <Button label="Secondary" class="p-button-rounded p-button-secondary" />
<Button label="Success" class="p-button-rounded p-button-success" /> <Button label="Success" class="p-button-rounded p-button-success" />

1
src/views/button/ButtonDoc.vue
View File

@ -187,6 +187,7 @@ import Button from 'primevue/button';
&lt;h3&gt;Raised Buttons&lt;/h3&gt; &lt;h3&gt;Raised Buttons&lt;/h3&gt;
&lt;Button label="Primary" class="p-button-raised" /&gt; &lt;Button label="Primary" class="p-button-raised" /&gt;
&lt;Button label="Primary" class="p-button-raised" /&gt;
&lt;Button label="Secondary" class="p-button-raised p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-raised p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-raised p-button-success" /&gt; &lt;Button label="Success" class="p-button-raised p-button-success" /&gt;
&lt;Button label="Info" class="p-button-raised p-button-info" /&gt; &lt;Button label="Info" class="p-button-raised p-button-info" /&gt;