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

69
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,38 +156,40 @@
} }
.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 { i {
line-height: inherit; line-height: inherit;
font-size: 28px; font-size: 28px;
color: #41b783; color: #41b783;
position: absolute; position: absolute;
top: 0; top: 0;
left: 50%; left: 50%;
margin-left: -18px; margin-left: -18px;
margin-top: -18px; margin-top: -18px;
padding: .18rem; padding: .18rem;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
background-color: #ffffff; background-color: #ffffff;
border-radius: 50%; border-radius: 50%;
width: 36px; width: 36px;
height: 36px; height: 36px;
} }
&:focus { &:focus {
box-shadow: 0 0 0 0.2em $focusBorderColor; box-shadow: 0 0 0 0.2rem $focusBorderColor;
} }
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);
}
} }
} }