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

Config update

pull/345/head
cagataycivici 2020-05-14 12:00:32 +03:00
parent 4e6080d505
commit 8e6f8e1b77
1 changed files with 40 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/assets/styles/app/_config.scss
View File

@ -95,18 +95,18 @@
&:focus { &:focus {
outline: 0 none; outline: 0 none;
box-shadow: 0 0 0 0.2em $focusBorderColor; box-shadow: 0 0 0 0.2rem $focusBorderColor;
} }
} }
h1 { h1 {
font-size: 18px; font-size: 1.286rem;
letter-spacing: .1px; letter-spacing: .1px;
margin: 0 0 .5em 0; margin: 0 0 .5rem 0;
} }
.p-grid > div { .p-grid > div {
padding: 1em .5rem; padding: 1rem .5rem;
text-align: center; text-align: center;
span { span {
@ -115,7 +115,7 @@
} }
p { p {
margin: 0 0 2em 0; margin: 0 0 2rem 0;
} }
.config-scale { .config-scale {
@ -123,8 +123,9 @@
align-items: center; align-items: center;
margin: 1rem 0 2rem 0; margin: 1rem 0 2rem 0;
button { .p-button {
margin-right: .5rem; margin-right: .5rem;
border: 0 none !important;
} }
i { i {
@ -155,40 +156,42 @@
} }
.current-theme { .current-theme {
box-shadow: 0 0 0 0.2em $focusBorderColor; box-shadow: 0 0 0 0.2rem $focusBorderColor;
} }
button { .p-grid {
position: relative; button {
display: inline-flex; position: relative;
justify-content: center; display: inline-flex;
transition: box-shadow .2s, transform .2s; justify-content: center;
transition: box-shadow .2s, transform .2s;
i {
line-height: inherit; i {
font-size: 28px; line-height: inherit;
color: #41b783; font-size: 28px;
position: absolute; color: #41b783;
top: 0; position: absolute;
left: 50%; top: 0;
margin-left: -18px; left: 50%;
margin-top: -18px; margin-left: -18px;
padding: .18rem; margin-top: -18px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); padding: .18rem;
background-color: #ffffff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
border-radius: 50%; background-color: #ffffff;
width: 36px; border-radius: 50%;
height: 36px; width: 36px;
height: 36px;
}
&:focus {
box-shadow: 0 0 0 0.2rem $focusBorderColor;
}
&:hover {
transform: scale(1.1);
}
} }
}
&:focus {
box-shadow: 0 0 0 0.2em $focusBorderColor;
}
&:hover {
transform: scale(1.1);
}
}
.premium-themes { .premium-themes {
padding: 2rem; padding: 2rem;