Removed uneccessary extra css file

This commit is contained in:
John Shaver 2018-09-13 16:48:49 -07:00
parent 137bf18c4e
commit 408a049da2
3 changed files with 58 additions and 66 deletions

View File

@ -1,18 +0,0 @@
.spinner .spinner-ball {
animation: pulsing 2s ease infinite;
}
.spinner .spinner-ball:nth-child(2) {
animation-delay: 0.2s;
}
.spinner .spinner-ball:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes pulsing {
0% {transform: scale(1);}
35% {transform: scale(1);}
60% {transform: scale(1.3);}
75% {transform: scale(1.3);}
100% {transform: scale(1);}
}

View File

@ -1,13 +1,3 @@
/*
* main.css
* Copyright (C) 2018 jshaver
*
* Distributed under terms of the MIT license.
*/
body { body {
font-family: Source Sans Pro, sans-serif; font-family: Source Sans Pro, sans-serif;
font-size: 18px; font-size: 18px;
@ -17,8 +7,47 @@ body {
margin: 0; margin: 0;
} }
p {
margin: 0;
}
h2 {
font-size: 1.777777778em;
margin: 0;
}
svg {
width: 1.333333333em;
height: 1.333333333em;
fill: #1a1a1a;
}
svg.icon-computer {width: 4em;height: 4em;} svg.icon-computer {width: 4em;height: 4em;}
button {
width: 100%;
background-color: #1a1a1a;
border: none;
font-size: 1em;
color: white;
padding: 0.44444em;
margin: 1em 0;
}
button:disabled {
background-color: #d9d9d9;
}
input[type=text] {
font-size: 1em;
padding: 0.444444444em 0.888889em;
width: 100%;
border: solid 1px #d9d9d9;
border-radius: 2px;
box-sizing: border-box;
margin: 0.888888889em 0;
}
.container { .container {
text-align: center; text-align: center;
width: 17.777777778em; width: 17.777777778em;
@ -66,45 +95,12 @@ svg.icon-computer {width: 4em;height: 4em;}
margin: 0.4em 0; margin: 0.4em 0;
} }
input[type=text] {
font-size: 1em;
padding: 0.444444444em 0.888889em;
width: 100%;
border: solid 1px #d9d9d9;
border-radius: 2px;
box-sizing: border-box;
margin: 0.888888889em 0;
}
button {
width: 100%;
background-color: #1a1a1a;
border: none;
font-size: 1em;
color: white;
padding: 0.44444em;
margin: 1em 0;
}
button:disabled {
background-color: #d9d9d9;
}
h1.logo { h1.logo {
font-size: 1.555555556em; font-size: 1.555555556em;
margin-bottom: 1.777777778em; margin-bottom: 1.777777778em;
} }
h2 {
font-size: 1.777777778em;
margin: 0;
}
svg {
width: 1.333333333em;
height: 1.333333333em;
fill: #1a1a1a;
}
svg.authorized-check { svg.authorized-check {
fill: #63f794; fill: #63f794;
@ -188,9 +184,6 @@ span.js-debugging-button.debugging-button {
padding: 0.1em 0; padding: 0.1em 0;
} }
p {
margin: 0;
}
.debugging-info-container.visible .debug-drawer { .debugging-info-container.visible .debug-drawer {
transform: translateY(0); transform: translateY(0);
@ -199,4 +192,22 @@ p {
.debugging-info-container { .debugging-info-container {
padding-top: 3em; padding-top: 3em;
overflow: hidden; overflow: hidden;
} }
.spinner .spinner-ball {
animation: pulsing 2s ease infinite;
}
.spinner .spinner-ball:nth-child(2) {
animation-delay: 0.2s;
}
.spinner .spinner-ball:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes pulsing {
0% {transform: scale(1);}
35% {transform: scale(1);}
60% {transform: scale(1.3);}
75% {transform: scale(1.3);}
100% {transform: scale(1);}
}

View File

@ -3,7 +3,6 @@
<head> <head>
<title>Telebit - Pair Device</title> <title>Telebit - Pair Device</title>
<link href="./css/main.css" rel="stylesheet"> <link href="./css/main.css" rel="stylesheet">
<link href="./css/animations.css" rel="stylesheet">
<style> <style>
@font-face { @font-face {
font-family: 'Source Sans Pro'; font-family: 'Source Sans Pro';