yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +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; align-self: flex-end;
} }
.line__content h3 { .title-firstline {
color: #fff; color: #fff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
@@ -135,26 +135,6 @@
width: 60%; 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 { .gamemode__lines {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -207,13 +187,6 @@
} }
.linecontent-2 h1 { .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; margin-bottom: 30px;
} }

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

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