Add opacity change to GitHub icon on projects
This commit is contained in:
parent
a3b24baa15
commit
00fa969501
2 changed files with 12 additions and 0 deletions
6
docs/static/main.css
vendored
6
docs/static/main.css
vendored
|
|
@ -289,11 +289,13 @@ div.hs.selected {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hsProjectHeaderIcon {
|
.hsProjectHeaderIcon {
|
||||||
|
transition: .2s;
|
||||||
fill: white;
|
fill: white;
|
||||||
stroke: white;
|
stroke: white;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
|
opacity: .6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hsProjectHeaderIcon img {
|
.hsProjectHeaderIcon img {
|
||||||
|
|
@ -308,6 +310,10 @@ div.hs.selected {
|
||||||
border-color: white;
|
border-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hsProject:hover .hsProjectHeaderIcon {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.hsProjectImage {
|
.hsProjectImage {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
|
|
||||||
|
|
@ -289,11 +289,13 @@ div.hs.selected {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hsProjectHeaderIcon {
|
.hsProjectHeaderIcon {
|
||||||
|
transition: .2s;
|
||||||
fill: white;
|
fill: white;
|
||||||
stroke: white;
|
stroke: white;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
|
opacity: .6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hsProjectHeaderIcon img {
|
.hsProjectHeaderIcon img {
|
||||||
|
|
@ -308,6 +310,10 @@ div.hs.selected {
|
||||||
border-color: white;
|
border-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hsProject:hover .hsProjectHeaderIcon {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.hsProjectImage {
|
.hsProjectImage {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue