Replace Less with CSS (#23481)

Ran most of the Less files through the Less compiler and Prettier and
then followed up with a round of manual fixes.

The Less compiler had unfortunately stripped all `//` style comments
that I had to restore (It did preserve `/* */` comments). Other fixes
include duplicate selector removal which were revealed after the
transpilation and which weren't caught by stylelint before but now are.

Fixes: https://github.com/go-gitea/gitea/issues/15565

1 files changed, 53 insertions, 0 deletions

diff --git a/web_src/css/home.css b/web_src/css/home.css
new file mode 100644
index 0000000000..5d36da594c
--- /dev/null
+++ b/web_src/css/home.css
@@ -0,0 +1,53 @@
+.home .logo {
+  max-width: 220px;
+}
+
+@media (max-width: 767px) {
+  .home .hero h1 {
+    font-size: 3.5em;
+  }
+  .home .hero h2 {
+    font-size: 2em;
+  }
+}
+
+@media (min-width: 768px) {
+  .home .hero h1 {
+    font-size: 5.5em;
+  }
+  .home .hero h2 {
+    font-size: 3em;
+  }
+}
+
+.home .hero .svg {
+  color: var(--color-green);
+  height: 40px;
+  width: 50px;
+  vertical-align: bottom;
+}
+
+.home .hero.header {
+  font-size: 20px;
+}
+
+.home p.large {
+  font-size: 16px;
+}
+
+.home .stackable {
+  padding-top: 30px;
+}
+
+.home a {
+  color: var(--color-green);
+}
+
+@media (max-width: 880px) {
+  footer .ui.container .left,
+  footer .ui.container .right {
+    display: block;
+    text-align: center;
+    float: none;
+  }
+}