yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor code for title, added other styles for titles and other

Browse Source
This commit is contained in:
Kostya
2023-11-23 20:27:36 +03:00
parent dbbfb933a1
commit d19a511fb8
2 changed files with 4 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
luckydiamond/src/assets/css/PagesStyles/home.css
View File

@@ -114,7 +114,7 @@
align-self: flex-end;
}
.line__content h3 {
.title-firstline {
color: #fff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
@@ -135,26 +135,6 @@
width: 60%;
}
.line__btn--main a {
border-radius: 21px;
background: #FFF;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #000;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
font-size: 36px;
font-weight: 700;
padding: 11px 11px;
text-decoration: none;
text-transform: uppercase;
}
.line__btn--main a span {
color: #000;
font-size: 38px;
}
.gamemode__lines {
display: flex;
flex-direction: column;
@@ -207,13 +187,6 @@
}
.linecontent-2 h1 {
font-size: 91px;
color: #FFF;
text-align: center;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
}

6
luckydiamond/src/pages/HomePage.vue
View File

@@ -28,11 +28,11 @@
:key="mode.id"
>
<div class="line__content">
<h3>{{ mode.title }}</h3>
<h3 class="title-firstline">{{ mode.title }}</h3>
<div class="line__footer">
<img src="../assets/icons-gamemodes/bomb-icon.svg">
<div class="line__btn--main">
<a href="#">play <span>></span></a>
<a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>
</div>
</div>
</div>
@@ -51,7 +51,7 @@
</div>
<div :class="'linecontent-' + mode.id">
<div class="container">
<h1>{{ mode.title }}</h1>
<h1 class="title-firstline">{{ mode.title }}</h1>
<a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>
</div>
</div>