more work on generator

docs/_static/custom.css

@@ -6,7 +6,7 @@
 }
 
 
-.form-form {
+.form {
   background-color: #15172b;
   border-radius: 20px;
   box-sizing: border-box;
@@ -23,7 +23,7 @@
   margin-top: 30px;
 }
 
-.form-form-subtitle {
+.subtitle {
   color: #eee;
   font-family: sans-serif;
   font-size: 16px;
@@ -31,21 +31,21 @@
   margin-top: 10px;
 }
 
-.form-form-input-container {
+.input-container {
   height: 50px;
   position: relative;
   width: 100%;
 }
 
-.form-ic1 {
+.ic1 {
   margin-top: 40px;
 }
 
-.form-ic2 {
+.ic2 {
   margin-top: 30px;
 }
 
-.form-input {
+.input {
   background-color: #303245;
   border-radius: 12px;
   border: 0;
@@ -58,7 +58,7 @@
   width: 100%;
 }
 
-.form-cut {
+.cut {
   background-color: #15172b;
   border-radius: 10px;
   height: 20px;
@@ -70,16 +70,16 @@
   width: 76px;
 }
 
-.form-cut-short {
+.cut-short {
   width: 50px;
 }
 
-.form-input:focus ~ .cut,
-.form-input:not(:placeholder-shown) ~ .cut {
+.input:focus ~ .cut,
+.input:not(:placeholder-shown) ~ .cut {
   transform: translateY(8px);
 }
 
-.form-placeholder {
+.placeholder {
   color: #65657b;
   font-family: sans-serif;
   left: 20px;
@@ -91,20 +91,20 @@
   top: 20px;
 }
 
-.form-input:focus ~ .placeholder,
-.form-input:not(:placeholder-shown) ~ .placeholder {
+.input:focus ~ .placeholder,
+.input:not(:placeholder-shown) ~ .placeholder {
   transform: translateY(-30px) translateX(10px) scale(0.75);
 }
 
-.form-input:not(:placeholder-shown) ~ .placeholder {
+.input:not(:placeholder-shown) ~ .placeholder {
   color: #808097;
 }
 
-.form-input:focus ~ .placeholder {
+.input:focus ~ .placeholder {
   color: #dc2f55;
 }
 
-.form-submit {
+.submit {
   background-color: #08d;
   border-radius: 12px;
   border: 0;
@@ -119,6 +119,6 @@
   width: 100%;
 }
 
-.form-submit:active {
+.submit:active {
   background-color: #06b;
 }