mirror of
https://github.com/ivabus/www
synced 2024-11-22 22:15:07 +03:00
Added "additional install methods" link below view source btn
This commit is contained in:
parent
6c46f5f168
commit
1bbf6bb32a
2 changed files with 52 additions and 2 deletions
|
@ -25,8 +25,8 @@
|
|||
<div class="full-width-cta-container">
|
||||
{{- partial "clipboard-copy.html" . -}}
|
||||
</div>
|
||||
<div class="hero-bottom">
|
||||
|
||||
<div class="hero-bottom flex align-content-middle">
|
||||
{{- partial "additional-install-methods.html" -}}
|
||||
</div>
|
||||
|
||||
<!-- Teal Impact Section -->
|
||||
|
|
50
src/layouts/partials/additional-install-methods.html
Normal file
50
src/layouts/partials/additional-install-methods.html
Normal file
|
@ -0,0 +1,50 @@
|
|||
<a class="other-ways small pt-xl-0 pt-lg-3 pt-md-3 pt-sm-3 pt-3 pb-xl-0 pb-lg-3 pb-md-3 pb-sm-3 pb-3" href="https://github.com/teaxyz/cli#now-see-here-fella-i-hate-installers">Additional Installation Methods ></a>
|
||||
|
||||
<style>
|
||||
.other-ways{
|
||||
font-family: "sono";
|
||||
}
|
||||
@media only screen and (min-width: 1792px) {
|
||||
.hero-bottom{
|
||||
padding-left: 8.371vw;
|
||||
padding-right: 8.371vw;
|
||||
justify-content: end;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1792px) {
|
||||
.hero-bottom{
|
||||
padding-left: 8.371vw;
|
||||
padding-right: 8.371vw;
|
||||
justify-content: end;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.hero-bottom{
|
||||
padding-left: 10vw;
|
||||
padding-right: 10vw;
|
||||
justify-content: end;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
.hero-bottom{
|
||||
padding-left: 5.040vw;
|
||||
padding-right: 5.040vw;
|
||||
justify-content: end;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
.hero-bottom{
|
||||
padding-left: 6.510vw;
|
||||
padding-right: 6.510vw;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 576px) {
|
||||
.hero-bottom{
|
||||
height: 50px !important;
|
||||
padding-left: 5vw;
|
||||
padding-right: 5vw;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in a new issue