61 lines
1.4 KiB
Sass
61 lines
1.4 KiB
Sass
// pages/_forms.sass
|
|
|
|
@use '../abstracts' as *
|
|
@use '../base' as *
|
|
|
|
#edit-page-form-novaconium
|
|
// Form groups: Spacing
|
|
.form-group
|
|
margin-bottom: space('md') // 1rem
|
|
|
|
&.fullwidth textarea
|
|
width: 100%
|
|
resize: vertical
|
|
|
|
.checkbox-group
|
|
margin-top: space('lg') // 1.5rem
|
|
|
|
// Inputs: Dark bg, green focus
|
|
input[type="text"],
|
|
input[type="number"],
|
|
textarea,
|
|
select
|
|
background-color: color('bg-darker') // Deeper green-black
|
|
border: 1px solid color('border-light')
|
|
color: $text-light
|
|
padding: space('sm')
|
|
border-radius: 4px
|
|
font-family: 'VT323', $mono-font // Matrix monospace
|
|
|
|
&:focus
|
|
border-color: $accent-light // Lime focus
|
|
box-shadow: 0 0 0 space('xs') rgba($accent-light, 0.3) // Glow ring
|
|
outline: none
|
|
|
|
input[type="checkbox"]
|
|
accent-color: $accent-light // Green checkbox
|
|
|
|
// Submit button: Green primary
|
|
button[type="submit"]
|
|
background-color: $accent-light
|
|
color: color('bg-dark') // Dark text on green
|
|
border: none
|
|
padding: space('sm') space('md')
|
|
border-radius: 4px
|
|
cursor: pointer
|
|
font-family: 'VT323', $mono-font
|
|
|
|
&:hover, &:focus
|
|
background-color: hsl(120, 100%, 30%) // Darker green (35% L -5%)
|
|
box-shadow: 0 0 4px rgba($accent-light, 0.5)
|
|
|
|
// Text/links: Muted with hover
|
|
p
|
|
color: $text-muted
|
|
|
|
a
|
|
color: $accent-light
|
|
|
|
&:hover
|
|
color: $text-lighter // Brighter green
|
|
text-decoration: underline |