PatAlcala9/dasig-static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated

Browse source
This commit is contained in:
Patrick Alvin Alcala 2026-03-26 14:54:44 +08:00
parent 50def158c2
commit 82a0fd6eea
8 changed files with 56 additions and 535 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/Counter.astro
View file

@ -5,10 +5,9 @@ const count = 0
<script>
let count = 0
// }
const updateDisplay = () => {
const countdisplay = document.getElementById('countdisplay')!
countdisplay.textContent = count
countdisplay.textContent = count.toString()
}
const decrement = document.getElementById('decrement')!
@ -33,7 +32,13 @@ const count = 0
</section>
<style lang="sass">
@use 'sass:color'
@use '../../configs/design/site' as design
@use '../styles/functions.sass' as func
.counter
font-family: inherit
font-size: inherit
display: flex
flex-direction: column
align-items: center
@ -43,11 +48,13 @@ const count = 0
border: 1px solid rgba(22, 34, 60, 0.5)
padding: 1rem 2rem
border-radius: 16px
background: rgba(134, 152, 217, 0.1)
background-color: light-dark(rgba(func.darken-color(design.$light-background, 10%), 0.8), rgba(func.lighten-color(design.$dark-background, 10%), 0.8))
transition: background-color 0.6s ease-out
width: 3rem
&__display
font-size: 1.75rem
font-weight: bold
font-weight: 300
&__buttons
display: flex