summaryrefslogtreecommitdiff
path: root/styles/home
diff options
context:
space:
mode:
authorKyle Gunger <kgunger12@gmail.com>2021-10-16 17:12:32 -0400
committerKyle Gunger <kgunger12@gmail.com>2021-10-16 17:12:32 -0400
commitb8c91f08adc7bdb0095fb61a59bc03f0d568f478 (patch)
tree1c9f39c2d2c2279593d2117ef64274b561981db6 /styles/home
parent8f71df8341224a0898984a9bc67005fdbea9ee30 (diff)
[Formatting] Tabs instead of spaces
Diffstat (limited to 'styles/home')
-rw-r--r--styles/home/base.css102
-rw-r--r--styles/home/desktop.css8
-rw-r--r--styles/home/mobile.css18
3 files changed, 64 insertions, 64 deletions
diff --git a/styles/home/base.css b/styles/home/base.css
index bfd7b46..8daae31 100644
--- a/styles/home/base.css
+++ b/styles/home/base.css
@@ -1,58 +1,58 @@
* {
- font-family: 'Montserrat', sans-serif;
+ font-family: 'Montserrat', sans-serif;
transition-duration: 0.2s;
}
html, body {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
- min-width: 100vw;
- min-height: 100vh;
+ min-width: 100vw;
+ min-height: 100vh;
- display: block;
+ display: block;
}
body {
- display: flex;
+ display: flex;
- align-items: center;
- justify-content: center;
+ align-items: center;
+ justify-content: center;
- background-color: var(--main-bg);
+ background-color: var(--main-bg);
}
div.content {
- padding: 20px;
+ padding: 20px;
- background-color: var(--gui-bg-main);
+ background-color: var(--gui-bg-main);
color: var(--main-color);
- border-radius: 10px;
+ border-radius: 10px;
- display: flex;
- text-align: center;
- flex-direction: column;
+ display: flex;
+ text-align: center;
+ flex-direction: column;
- align-items: center;
+ align-items: center;
- width: min-content;
+ width: min-content;
}
a, button {
- font-size: 1em;
- display: block;
- color: white;
- box-sizing: border-box;
+ font-size: 1em;
+ display: block;
+ color: white;
+ box-sizing: border-box;
- border-radius: 5px;
- border: none;
- padding: 5px;
+ border-radius: 5px;
+ border: none;
+ padding: 5px;
- background-color: #0084ff;
-
- transition-duration: 0.2s;
+ background-color: #0084ff;
- text-decoration: none;
+ transition-duration: 0.2s;
+
+ text-decoration: none;
margin: 5px;
}
@@ -60,53 +60,53 @@ a, button {
div.content > div.prev {
- width: 100%;
- margin: 10px;
+ width: 100%;
+ margin: 10px;
- display: block;
+ display: block;
- padding: 0;
+ padding: 0;
}
div.prev > a{
- display: inline-block;
- width: 80%;
- margin: 0;
- padding: 5px;
- border-radius: 0;
+ display: inline-block;
+ width: 80%;
+ margin: 0;
+ padding: 5px;
+ border-radius: 0;
- text-align: left;
+ text-align: left;
}
div.prev > a:first-of-type {
- border-top-left-radius: 5px;
+ border-top-left-radius: 5px;
}
div.prev > a:last-of-type {
- border-bottom-left-radius: 5px;
+ border-bottom-left-radius: 5px;
}
div.prev > button {
- display: inline-block;
- width: 20%;
- margin: 0;
- background-color: #ff1e00;
- padding: 5px;
- border-radius: 0;
+ display: inline-block;
+ width: 20%;
+ margin: 0;
+ background-color: #ff1e00;
+ padding: 5px;
+ border-radius: 0;
}
div.prev > button:first-of-type {
- border-top-right-radius: 5px;
+ border-top-right-radius: 5px;
}
div.prev > button:last-of-type {
- border-bottom-right-radius: 5px;
+ border-bottom-right-radius: 5px;
}
div.prev > button:hover {
- background-color: #ff5741;
+ background-color: #ff5741;
}
div.prev > button:active {
- background-color: #9c1200;
+ background-color: #9c1200;
} \ No newline at end of file
diff --git a/styles/home/desktop.css b/styles/home/desktop.css
index 64ca05f..9860f9a 100644
--- a/styles/home/desktop.css
+++ b/styles/home/desktop.css
@@ -1,6 +1,6 @@
@media (min-width: 900px) {
- div.content > div {
- display: flex;
- flex-direction: row;
- }
+ div.content > div {
+ display: flex;
+ flex-direction: row;
+ }
} \ No newline at end of file
diff --git a/styles/home/mobile.css b/styles/home/mobile.css
index a57a988..1334ac1 100644
--- a/styles/home/mobile.css
+++ b/styles/home/mobile.css
@@ -1,12 +1,12 @@
@media (max-width: 899px) {
- div.content > div {
- display: flex;
- flex-direction: column;
- }
+ div.content > div {
+ display: flex;
+ flex-direction: column;
+ }
- div.content {
- border-radius: 0px;
- width:100%;
- height: 100%;
- }
+ div.content {
+ border-radius: 0px;
+ width:100%;
+ height: 100%;
+ }
} \ No newline at end of file