PatAlcala9/dasig-solid
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 2025-11-26 11:49:52 +08:00
parent 5cead19c62
commit baed4fd80e
6 changed files with 11 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/@dasig/styles/HTML.sass
View file

@ -1,25 +1,16 @@
@use '/src/styles/variables.sass' as vars
@use '/src/styles/fonts.sass' as fonts @use '/src/styles/fonts.sass' as fonts
.body
color: vars.$textColor
.inter .inter
@extend .body
font-family: fonts.$Inter font-family: fonts.$Inter
.roboto .roboto
@extend .body
font-family: fonts.$Roboto font-family: fonts.$Roboto
.montserrat .montserrat
@extend .body
font-family: fonts.$Montserrat font-family: fonts.$Montserrat
.open-sans .open-sans
@extend .body
font-family: fonts.$OpenSans font-family: fonts.$OpenSans
.public-sans .public-sans
@extend .body
font-family: fonts.$PublicSans font-family: fonts.$PublicSans

2
frontend/Makefile
View file

@ -1,4 +1,4 @@
install: all:
deno install && deno install --allow-scripts=npm:sharp,npm:@parcel/watcher deno install && deno install --allow-scripts=npm:sharp,npm:@parcel/watcher
dev: dev:

4
frontend/configs/design.site.sass
View file

@ -1,5 +1,5 @@
$lightBackground: #d4e0f0 $lightBackground: #e2e7f2
$darkBackground: #11141e $darkBackground: #0a152a
$mobile: 575.98px $mobile: 575.98px
$tablet: 768px $tablet: 768px

2
frontend/src/routes/index.sass
View file

@ -1,5 +1,3 @@
@use '../styles/variables' as vars
h4 h4
font-size: 1.1rem font-size: 1.1rem
font-weight: 300 font-weight: 300

16
frontend/src/styles/app.sass
View file

@ -1,5 +1,4 @@
@use './global' @use './global'
@use './variables'
@use '../../configs/design.site' as design @use '../../configs/design.site' as design
@use 'sass:color' @use 'sass:color'
@ -8,8 +7,8 @@
background-color: light-dark(design.$lightBackground, design.$darkBackground) background-color: light-dark(design.$lightBackground, design.$darkBackground)
transition: background-color 0.6s ease-out transition: background-color 0.6s ease-out
.text body
color: light-dark(color.adjust(design.$lightBackground, $blackness: 90%), color.adjust(design.$darkBackground, $lightness: 90%)) color: light-dark(color.adjust(design.$lightBackground, $blackness: 95%), color.adjust(design.$darkBackground, $lightness: 95%))
transition: background-color 0.6s ease-out transition: background-color 0.6s ease-out
a a
@ -21,7 +20,7 @@ main
margin: 0 auto margin: 0 auto
h1 h1
color: #335d92 @extend body
text-transform: uppercase text-transform: uppercase
font-size: 4rem font-size: 4rem
font-weight: 100 font-weight: 100
@ -29,14 +28,13 @@ h1
margin: 4rem auto margin: 4rem auto
max-width: 14rem max-width: 14rem
@media (min-width: design.$mobile)
max-width: none
p p
max-width: 14rem max-width: 14rem
margin: 2rem auto margin: 2rem auto
line-height: 1.35 line-height: 1.35
@media (min-width: 480px) @media (min-width: design.$mobile)
h1
max-width: none
p
max-width: none max-width: none

17
frontend/src/styles/variables.sass
View file

@ -1,17 +0,0 @@
@use 'sass:color'
@use '../../configs/design.site' as design
$background: #09111f
$textColor: #f0f8ff
$fontSize: 1rem
$borderMargin: 2rem
$primaryColor: #0075BB
$secondaryColor: #57687F
$accentColor: #00887C
$infoColor: #0082A4
$successColor: #009435
$warningColor: #E5B400
$errorColor: #E8595C