CSS: move 'arrow-up' to general section, so that can be used everywhere

This commit is contained in:
erciccione 2020-11-09 11:43:57 +00:00
parent 86555ed8a4
commit 6d47fd0a2d
No known key found for this signature in database
GPG key ID: 762AF8C608E56CDF

View file

@ -1223,6 +1223,42 @@ ul.logo {
list-style-image: url('/img/logo-list.svg');
}
a.arrow-up {
border: 1px solid #d26e2b;
border-radius: 50%;
height: 3rem;
width: 3rem;
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: #ffffff;
z-index: 5;
}
a.arrow-up:hover, a.arrow-up:focus {
border: none;
background-color: #d26e2b;
}
a.arrow-up i {
border: solid #d26e2b;
border-width: 0 3px 3px 0;
padding: 0.5rem;
position: absolute;
top: 1.02rem;
left: 0.88rem;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
}
a.arrow-up:hover i, a.arrow-up:focus i {
border-color: #ffffff;
}
@media only screen and (max-width: 75rem) {
.upgrade-content p {
@ -3241,42 +3277,6 @@ span.icon-browser {
margin-top: 0;
}
.downloads a.arrow-up {
border: 1px solid #d26e2b;
border-radius: 50%;
height: 3rem;
width: 3rem;
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: #ffffff;
z-index: 5;
}
.downloads a.arrow-up:hover, .downloads a.arrow-up:focus {
border: none;
background-color: #d26e2b;
}
.downloads a.arrow-up i {
border: solid #d26e2b;
border-width: 0 3px 3px 0;
padding: 0.5rem;
position: absolute;
top: 1.02rem;
left: 0.88rem;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.downloads a.arrow-up:hover i, .downloads a.arrow-up:focus i {
border-color: #ffffff;
}
.mobile-only {
display:none;
}
@ -4586,42 +4586,6 @@ p.hangouts-social {
font-weight: bold;
}
.faq a.arrow-up {
border: 1px solid #d26e2b;
border-radius: 50%;
height: 3rem;
width: 3rem;
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: #ffffff;
z-index: 5;
}
.faq a.arrow-up:hover, .downloads a.arrow-up:focus {
border: none;
background-color: #d26e2b;
}
.faq a.arrow-up i {
border: solid #d26e2b;
border-width: 0 3px 3px 0;
padding: 0.5rem;
position: absolute;
top: 1.02rem;
left: 0.88rem;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.faq a.arrow-up:hover i, .faq a.arrow-up:focus i {
border-color: #ffffff;
}
.tab .anchor {
height: 2rem;
width: 2rem;