mirror/nonsense
1
0
Fork 0
mirror of https://github.com/Findus23/nonsense.git synced 2024-09-19 16:03:50 +02:00
Code Releases Activity

style fix

Browse source
This commit is contained in:
Lukas Winkler 2017-12-11 18:47:15 +01:00
parent 88ce50fa17
commit d65666da92
3 changed files with 9 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -2,7 +2,7 @@
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>nonsense</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>

7
public/style.css
View file

@ -19,7 +19,9 @@ body, html {
#buttonwrapper { #buttonwrapper {
position: fixed; position: fixed;
top: 50px; top: 50px;
text-decoration: none; } text-decoration: none;
display: flex;
align-items: center; }
#buttonwrapper:hover { #buttonwrapper:hover {
text-decoration: none; } text-decoration: none; }
#buttonwrapper:hover #icon { #buttonwrapper:hover #icon {
@ -28,7 +30,8 @@ body, html {
#icon { #icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
transition: transform .3s; } transition: transform .3s;
margin-right: 10px; }
#button { #button {
color: white; color: white;

15
public/style.scss
View file

@ -26,6 +26,8 @@ body, html {
position: fixed; position: fixed;
top: 50px; top: 50px;
text-decoration: none; text-decoration: none;
display: flex;
align-items: center;
&:hover { &:hover {
text-decoration: none; #icon { text-decoration: none; #icon {
transform: rotate(90deg); transform: rotate(90deg);
@ -37,23 +39,12 @@ body, html {
width: 70px; width: 70px;
height: 70px; height: 70px;
transition: transform .3s; transition: transform .3s;
margin-right: 10px;
} }
#button { #button {
//background-color: $famousYellow;
//border: none;
color: white; color: white;
//cursor: pointer;
//display: inline-block;
//font-size: 1.1rem;
//font-weight: 700;
//height: 3.8rem;
//letter-spacing: .1rem;
//line-height: 3.8rem;
//padding: 0 3.0rem;
//text-align: center;
text-transform: uppercase; text-transform: uppercase;
//white-space: nowrap;
} }
#name { #name {