alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

feat: Apply some elevation to landing components

Browse source
This commit is contained in:
Alexander Navarro 2024-03-12 17:06:17 -03:00
parent 3bd2b6a4b6
commit 59ceb8ec44
5 changed files with 86 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/assets/style/global.css
View file

@ -15,6 +15,14 @@ body {
padding: 15px 0;
}
section:not(.clean) {
/* outline: 1px solid var(--prj-accent-bg); */
padding: var(--prj-spacing-3);
background-color: var(--prj-surface-1);
box-shadow: 10px 10px 5px 0px var(--prj-shadow);
border-radius: var(--prj-border-radious);
}
section:not(:first-child) {
margin-top: var(--prj-spacing-4);
}
@ -54,6 +62,10 @@ p {
margin-bottom: var(--prj-spacing-2);
}
p:last-child {
margin-bottom: 0;
}
/* Main content fix width, taken from Tailwind: https://tailwindcss.com/docs/container#using-the-container */
@media screen and (min-width: 640px) {
@ -141,3 +153,13 @@ li:not(:last-child) {
.d-none {
display: none;
}
.bg-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
var(--bg-image);
background-position: center;
background-size: cover;
color: var(--prj-bg);
padding: var(--prj-spacing-3);
}