mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-11-16 18:35:59 +01:00
fix and-more overflow on hover
This commit is contained in:
parent
286e459404
commit
d4f3917fa2
2 changed files with 10 additions and 4 deletions
|
@ -452,15 +452,19 @@ header {
|
||||||
|
|
||||||
.and-more h1 {
|
.and-more h1 {
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
width: 100%;
|
width: fit-content;
|
||||||
|
margin-inline: auto;
|
||||||
font-size: 53px;
|
font-size: 53px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #cfe8f6;
|
|
||||||
font-family: "JosefinSans-Regular";
|
font-family: "JosefinSans-Regular";
|
||||||
background-color: #1a1a2e;
|
background-color: #1a1a2e;
|
||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.and-more a {
|
||||||
|
color: #cfe8f6;
|
||||||
|
}
|
||||||
|
|
||||||
.and-more h1:hover {
|
.and-more h1:hover {
|
||||||
color: aquamarine;
|
color: aquamarine;
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
|
|
|
@ -141,7 +141,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="and-more">
|
<div class="and-more">
|
||||||
<a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;"><h1>And More!</h1></a>
|
<h1>
|
||||||
|
<a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;">And More!</a>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="get-started">
|
<div class="get-started">
|
||||||
<div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div>
|
<div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div>
|
||||||
|
@ -205,4 +207,4 @@
|
||||||
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||||
<script src="js/swiper.js"></script>
|
<script src="js/swiper.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue