Spaces:
Running
Running
Add deploy section styles
Browse files
style.css
CHANGED
|
@@ -760,6 +760,112 @@ a:hover { opacity: 0.8; }
|
|
| 760 |
}
|
| 761 |
|
| 762 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 763 |
/* ========================================
|
| 764 |
Credits
|
| 765 |
======================================== */
|
|
|
|
| 760 |
}
|
| 761 |
|
| 762 |
|
| 763 |
+
/* ========================================
|
| 764 |
+
Deploy
|
| 765 |
+
======================================== */
|
| 766 |
+
|
| 767 |
+
.deploy {
|
| 768 |
+
border-top: 1px solid var(--border);
|
| 769 |
+
background: var(--bg-secondary);
|
| 770 |
+
}
|
| 771 |
+
|
| 772 |
+
.deploy h2 {
|
| 773 |
+
font-family: var(--font-display);
|
| 774 |
+
font-size: 2.4rem;
|
| 775 |
+
letter-spacing: 0.08em;
|
| 776 |
+
margin-bottom: 0.75rem;
|
| 777 |
+
}
|
| 778 |
+
|
| 779 |
+
.deploy-intro {
|
| 780 |
+
color: var(--text-secondary);
|
| 781 |
+
font-size: 0.9rem;
|
| 782 |
+
line-height: 1.7;
|
| 783 |
+
margin-bottom: 2rem;
|
| 784 |
+
max-width: 720px;
|
| 785 |
+
}
|
| 786 |
+
|
| 787 |
+
.deploy-options {
|
| 788 |
+
display: grid;
|
| 789 |
+
grid-template-columns: repeat(3, 1fr);
|
| 790 |
+
gap: 1.5rem;
|
| 791 |
+
}
|
| 792 |
+
|
| 793 |
+
.deploy-option {
|
| 794 |
+
background: var(--bg-card);
|
| 795 |
+
border: 1px solid var(--border);
|
| 796 |
+
border-radius: var(--radius);
|
| 797 |
+
padding: 1.5rem;
|
| 798 |
+
transition: border-color 0.2s;
|
| 799 |
+
}
|
| 800 |
+
|
| 801 |
+
.deploy-option:hover {
|
| 802 |
+
border-color: var(--border-hover);
|
| 803 |
+
}
|
| 804 |
+
|
| 805 |
+
.deploy-num {
|
| 806 |
+
font-family: var(--font-mono);
|
| 807 |
+
font-size: 0.7rem;
|
| 808 |
+
font-weight: 600;
|
| 809 |
+
color: var(--accent);
|
| 810 |
+
padding: 0.25rem 0.5rem;
|
| 811 |
+
border: 1px solid rgba(0, 212, 255, 0.25);
|
| 812 |
+
border-radius: 4px;
|
| 813 |
+
display: inline-block;
|
| 814 |
+
margin-bottom: 0.75rem;
|
| 815 |
+
}
|
| 816 |
+
|
| 817 |
+
.deploy-option h3 {
|
| 818 |
+
font-size: 1rem;
|
| 819 |
+
font-weight: 600;
|
| 820 |
+
margin-bottom: 0.5rem;
|
| 821 |
+
}
|
| 822 |
+
|
| 823 |
+
.deploy-option p {
|
| 824 |
+
color: var(--text-secondary);
|
| 825 |
+
font-size: 0.8rem;
|
| 826 |
+
line-height: 1.6;
|
| 827 |
+
margin-bottom: 0.75rem;
|
| 828 |
+
}
|
| 829 |
+
|
| 830 |
+
.deploy-option p a {
|
| 831 |
+
color: var(--accent);
|
| 832 |
+
text-decoration: none;
|
| 833 |
+
}
|
| 834 |
+
|
| 835 |
+
.deploy-option pre {
|
| 836 |
+
background: var(--bg-primary);
|
| 837 |
+
border: 1px solid var(--border);
|
| 838 |
+
border-radius: 6px;
|
| 839 |
+
padding: 0.75rem;
|
| 840 |
+
overflow-x: auto;
|
| 841 |
+
margin: 0;
|
| 842 |
+
}
|
| 843 |
+
|
| 844 |
+
.deploy-option code {
|
| 845 |
+
font-family: var(--font-mono);
|
| 846 |
+
font-size: 0.7rem;
|
| 847 |
+
color: var(--text-primary);
|
| 848 |
+
line-height: 1.5;
|
| 849 |
+
}
|
| 850 |
+
|
| 851 |
+
.deploy-footer {
|
| 852 |
+
color: var(--text-tertiary);
|
| 853 |
+
font-size: 0.8rem;
|
| 854 |
+
margin-top: 1.5rem;
|
| 855 |
+
}
|
| 856 |
+
|
| 857 |
+
.deploy-footer a {
|
| 858 |
+
color: var(--accent);
|
| 859 |
+
text-decoration: none;
|
| 860 |
+
}
|
| 861 |
+
|
| 862 |
+
@media (max-width: 900px) {
|
| 863 |
+
.deploy-options {
|
| 864 |
+
grid-template-columns: 1fr;
|
| 865 |
+
}
|
| 866 |
+
}
|
| 867 |
+
|
| 868 |
+
|
| 869 |
/* ========================================
|
| 870 |
Credits
|
| 871 |
======================================== */
|