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

Focus cosmetics

pull/12/head
cagataycivici 2019-05-21 19:00:38 +03:00
parent 2c9d0608c7
commit 195174ee60
1 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/assets/styles/app.scss
View File

@ -96,6 +96,12 @@ body {
img { img {
width: 180px; width: 180px;
} }
&:focus {
outline: 0 none;
transition: box-shadow .3s;
box-shadow: 0 0 0 0.2em #42b983;
}
} }
.topbar-menu { .topbar-menu {
@ -124,6 +130,13 @@ body {
&:hover { &:hover {
border-bottom-color: #41b883; border-bottom-color: #41b883;
} }
&:focus {
z-index: 1;
outline: 0 none;
transition: box-shadow .3s;
box-shadow: inset 0 0 0 0.2em #42b983;
}
} }
&.topbar-menu-themes { &.topbar-menu-themes {
@ -239,6 +252,13 @@ body {
background-color: #eeeeee; background-color: #eeeeee;
} }
&:focus {
z-index: 1;
outline: 0 none;
transition: box-shadow .3s;
box-shadow: inset 0 0 0 0.2em #42b983;
}
span { span {
font-size: 16px; font-size: 16px;
margin: -2px 0px 0px 30px; margin: -2px 0px 0px 30px;
@ -318,6 +338,13 @@ body {
background-color: #eeeeee; background-color: #eeeeee;
} }
&:focus {
z-index: 1;
outline: 0 none;
transition: box-shadow .3s;
box-shadow: inset 0 0 0 0.2em #42b983;
}
.menuitem-badge { .menuitem-badge {
background: #00b09b; /* fallback for old browsers */ background: #00b09b; /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #96c93d, #00b09b); /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-linear-gradient(to bottom, #96c93d, #00b09b); /* Chrome 10-25, Safari 5.1-6 */
@ -480,6 +507,12 @@ body {
border: 1px solid #ffffff; border: 1px solid #ffffff;
color: #ffffff; color: #ffffff;
} }
&:focus {
outline: 0 none;
transition: box-shadow .3s;
box-shadow: 0 0 0 0.2em #42b983;
}
} }
} }
} }
@ -576,6 +609,12 @@ body {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@include border-radius-top(3px); @include border-radius-top(3px);
@include transition(background-color .2s); @include transition(background-color .2s);
&:focus {
outline: 0 none;
transition: background-color .3s, box-shadow .3s;
box-shadow: 0 0 0 0.2em #42b983;
}
} }
&.tab-doc { &.tab-doc {