RanchiMall/projectb
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2023-06-23 00:39:31 +05:30
parent 14e27ecd44
commit ac579753f7
3 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/main.css
View File

@ -304,9 +304,10 @@ section:nth-of-type(4) p {
} }
#economics_section ul { #economics_section ul {
display: grid; -moz-columns: 3 16rem;
gap: 0.5rem; columns: 3 16rem;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); -moz-column-gap: 0.5rem;
column-gap: 0.5rem;
} }
#economics_section li { #economics_section li {
display: grid; display: grid;
@ -317,6 +318,10 @@ section:nth-of-type(4) p {
border-radius: 0.5rem; border-radius: 0.5rem;
padding: max(1rem, 2vw); padding: max(1rem, 2vw);
text-align: center; text-align: center;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
margin-bottom: 0.5rem;
} }
#team_members { #team_members {
@ -354,6 +359,7 @@ section:nth-of-type(4) p {
flex-wrap: wrap; flex-wrap: wrap;
gap: 1rem; gap: 1rem;
margin: auto; margin: auto;
justify-content: space-evenly;
} }
#partners a, #partners a,
#partners li:not(li:has(a)) { #partners li:not(li:has(a)) {
@ -363,7 +369,6 @@ section:nth-of-type(4) p {
text-align: center; text-align: center;
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
flex: 1;
text-decoration: none; text-decoration: none;
} }
#partners a .icon, #partners a .icon,
@ -409,9 +414,10 @@ section:nth-of-type(4) p {
} }
#services ul { #services ul {
display: grid; -moz-columns: 4 16rem;
gap: 0.5rem; columns: 4 16rem;
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); -moz-column-gap: 0.5rem;
column-gap: 0.5rem;
} }
#services li { #services li {
display: grid; display: grid;
@ -426,6 +432,10 @@ section:nth-of-type(4) p {
-webkit-animation: slide-up 0.5s ease var(--delay) forwards; -webkit-animation: slide-up 0.5s ease var(--delay) forwards;
animation: slide-up 0.5s ease var(--delay) forwards; animation: slide-up 0.5s ease var(--delay) forwards;
opacity: 0; opacity: 0;
margin-bottom: 0.5rem;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
} }
#news_list { #news_list {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
css/main.scss
View File

@ -268,9 +268,8 @@ section {
} }
#economics_section { #economics_section {
ul { ul {
display: grid; columns: 3 16rem;
gap: 0.5rem; column-gap: 0.5rem;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
} }
li { li {
display: grid; display: grid;
@ -281,6 +280,9 @@ section {
border-radius: 0.5rem; border-radius: 0.5rem;
padding: max(1rem, 2vw); padding: max(1rem, 2vw);
text-align: center; text-align: center;
page-break-inside: avoid;
break-inside: avoid;
margin-bottom: 0.5rem;
} }
} }
@ -317,6 +319,7 @@ section {
flex-wrap: wrap; flex-wrap: wrap;
gap: 1rem; gap: 1rem;
margin: auto; margin: auto;
justify-content: space-evenly;
a, a,
li:not(li:has(a)) { li:not(li:has(a)) {
display: flex; display: flex;
@ -325,7 +328,6 @@ section {
text-align: center; text-align: center;
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
flex: 1;
text-decoration: none; text-decoration: none;
.icon { .icon {
width: 2rem; width: 2rem;
@ -374,9 +376,8 @@ section {
#services { #services {
ul { ul {
display: grid; columns: 4 16rem;
gap: 0.5rem; column-gap: 0.5rem;
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
} }
li { li {
display: grid; display: grid;
@ -390,6 +391,9 @@ section {
align-items: flex-end; align-items: flex-end;
animation: slide-up 0.5s ease var(--delay) forwards; animation: slide-up 0.5s ease var(--delay) forwards;
opacity: 0; opacity: 0;
margin-bottom: 0.5rem;
break-inside: avoid;
page-break-inside: avoid;
} }
} }
#news_list { #news_list {