Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-07-10 21:27:12 -06:00
Code Issues Packages Projects Releases Wiki Activity

added sponsor: added side border and started on sponsor css

Browse Source
This commit is contained in:
darkicewolf50
2024-03-30 12:06:37 -06:00
parent ee9d806ef6
commit 236108e895
2 changed files with 73 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/OurSponsors/OurSponsors.css
View File

@ -1,6 +1,12 @@
:root {
--tableBackground: white;
--sponsorBorderWidth: 2px;
--sponsorBorderStyle: solid;
--sponsorBorderColour: black;
--sponsorBorder: var(--sponsorBorderWidth) var(--sponsorBorderStyle)
var(--sponsorBorderColour);
}
#OurSponsors {
display: flex;
flex-direction: column;
@ -17,7 +23,6 @@
#BecomeASponsors div {
display: flex;
flex-direction: column;
border-bottom: 2px solid black;
padding-bottom: 4svh;
margin-left: 1svw;
margin-right: 1svw;
@ -90,10 +95,48 @@
text-align: end;
}
h1 {
#OurSponsors h1 {
position: relative;
text-align: left;
border-bottom: 2px solid black;
border-bottom: var(--sponsorBorder);
border-top: var(--sponsorBorder);
width: fit-content;
padding-top: 2svh;
padding-bottom: 2svh;
}
#OurSponsors #h1Exception {
border-top: none;
}
/* this hurt me but we now have a border at the side*/
#sideBorder {
display: flex;
flex-direction: row;
padding-top: 2svh;
padding-bottom: 2svh;
margin-top: 2svh;
margin-bottom: 4svh;
border-bottom: var(--sponsorBorder);
align-items: center;
}
#sideBorder h1 {
padding-right: 2svw;
margin: 0px;
width: fit-content;
border: none;
}
#sideBorder div {
background-color: var(--sponsorBorderColour);
flex: 1;
height: var(--sponsorBorderWidth);
}
#Sponsor .Sponsors h1 {
width: 100%;
border: none;
}
.Sponsors {
@ -122,17 +165,18 @@ h1 {
flex-direction: row;
}
.Sponsors a div div {
display: flex;
flex-direction: column;
padding-left: 5svw;
}
.Sponsors a h4 {
width: 30%;
width: fit-content;
border-bottom: var(--sponsorBorder);
}
.Sponsors a img {
max-height: 8rem;
max-width: 70%;
}
.Sponsors a p {
padding: 2rem;
padding-top: 5px;
padding-bottom: 5px;
max-height: 24svh;
width: 25svw;
}