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