mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
Hangman and Current score done
This commit is contained in:
5
public/sass/_app.scss
Normal file
5
public/sass/_app.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@import 'hangman';
|
||||
|
||||
.app {
|
||||
|
||||
}
|
||||
5
public/sass/_hangman.scss
Normal file
5
public/sass/_hangman.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
.hangman {
|
||||
img {
|
||||
width: 20vw;
|
||||
}
|
||||
}
|
||||
25
public/sass/_header.scss
Normal file
25
public/sass/_header.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
header {
|
||||
border-bottom: 1px solid rgb(200, 200, 200);
|
||||
|
||||
height: 10vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
h1 {
|
||||
@include titleFont();
|
||||
@include titleNormalize();
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include titleFont();
|
||||
@include titleNormalize();
|
||||
color: rgb(72, 166, 253);
|
||||
margin-top: 0.5vh;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
24
public/sass/index.scss
Normal file
24
public/sass/index.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@mixin titleFont() {
|
||||
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@mixin titleNormalize() {
|
||||
user-select: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@mixin bodyFont() {
|
||||
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@import 'header';
|
||||
@import 'app';
|
||||
Reference in New Issue
Block a user