scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 17:45:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Make the tab button hover states match the spec

Browse source
This commit is contained in:
DD Liu 2021-06-22 13:40:33 -04:00
parent d575928ea1
commit 2ebd1be1a8
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/views/studio/studio.scss
View file

@ -166,7 +166,7 @@ $radius: 8px;
border-radius: 8px;
background: white;
box-sizing: border-box;
border: 2px solid rgba(0, 0, 0, 0.15);
border: 2px solid box-shadow-light-gray;
}
.studio-follow-button {
@ -194,7 +194,7 @@ $radius: 8px;
display: flex;
align-items: center;
background: white;
border: 1px solid rgba(0, 0, 0, 0.15);
border: 1px solid $box-shadow-light-gray;
color: #575e75;
padding: 0.5em 0.75em 0.5em 0.5em;
&:active {
@ -217,8 +217,15 @@ $radius: 8px;
}
}
a.nav_link:hover > li {
background: $ui-blue-25percent;
border: 1px solid $ui-blue-10percent;
background: $active-gray;
border: 1px solid $active-gray;
}
a.active.nav_link:hover > li {
background: $ui-blue-dark;
color: white;
img {
filter: invert(0);
}
}
}