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

v0.15.23

Browse Source 
Added background art to floating sections
This commit is contained in:
sairaj mote 2021-04-12 17:01:57 +05:30
parent 400cb95840
commit 8a05cceb20
7 changed files with 42 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bg/bitbonds-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
assets/bg/bobsfund-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
assets/bg/ico-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

25
css/main.css
View File

@ -12,7 +12,7 @@ body {
--text-color: 17, 17, 17;
--text-color-light: 100, 100, 100;
--foreground-color: 255, 255, 255;
--background-color: #F3F3F3;
--background-color: #F6f6f6;
--error-color: red;
--red: #E84545;
color: rgba(var(--text-color), 1);
@ -22,7 +22,7 @@ body {
}
body[data-theme=dark] {
--accent-color:#2fb3ff;
--accent-color:#2babf5;
--text-color: 240, 240, 240;
--text-color-light: 170, 170, 170;
--foreground-color: 20, 20, 20;
@ -510,8 +510,6 @@ ul {
overflow-y: auto;
max-height: calc(100vh - 5rem);
grid-template-columns: 2rem 1fr;
background: url(../assets/bg/homepage-bg.svg) no-repeat center;
background-size: cover;
}
#floor_line_map {
@ -648,7 +646,9 @@ ul {
}
.outlet-preview__button {
justify-self: flex-end;
background-color: rgba(var(--text-color), 0.1);
justify-self: flex-start;
border-radius: 0.3rem;
}
/* .outlet-preview__carousel{
@ -664,6 +664,21 @@ ul {
font-size: 1.3rem;
}
#bit_bond_series__container {
background: url(../assets/bg/bitbonds-bg.png) bottom right no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
#bob_fund_investors__container {
background: url(../assets/bg/bobsfund-bg.png) bottom left no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
#ico_investors__container {
background: url(../assets/bg/ico-bg.png) top right no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
sm-carousel {
position: relative;
height: 100%;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

23
css/main.scss
View File

@ -12,7 +12,7 @@ body {
--text-color: 17, 17, 17;
--text-color-light: 100, 100, 100;
--foreground-color: 255, 255, 255;
--background-color: #F3F3F3;
--background-color: #F6f6f6;
--error-color: red;
--red: #E84545;
color: rgba(var(--text-color), 1);
@ -21,7 +21,7 @@ body {
background: var(--background-color);
}
body[data-theme='dark']{
--accent-color:#2fb3ff;
--accent-color:#2babf5;
--text-color: 240, 240, 240;
--text-color-light: 170, 170, 170;
--foreground-color: 20, 20, 20;
@ -441,8 +441,6 @@ ul{
overflow-y: auto;
max-height: calc(100vh - 5rem);
grid-template-columns: 2rem 1fr;
background: url(../assets/bg/homepage-bg.svg) no-repeat center;
background-size: cover;
}
#floor_line_map{
@ -570,7 +568,9 @@ ul{
border-radius: 0.5rem;
}
.outlet-preview__button{
justify-self: flex-end;
background-color: rgba(var(--text-color), 0.1);
justify-self: flex-start;
border-radius: 0.3rem;
}
/* .outlet-preview__carousel{
@ -585,6 +585,19 @@ ul{
font-size: 1.3rem;
}
#bit_bond_series__container{
background: url(../assets/bg/bitbonds-bg.png) bottom right no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
#bob_fund_investors__container{
background: url(../assets/bg/bobsfund-bg.png) bottom left no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
#ico_investors__container{
background: url(../assets/bg/ico-bg.png) top right no-repeat, rgba(var(--foreground-color), 1);
background-size: 60%;
}
sm-carousel{
position: relative;
height: 100%;

6
index.html
View File

@ -216,7 +216,7 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="bitbonds">
<span class="button__label">VISIT</span>
<span class="button__label">Visit</span>
<svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
</button>
</div>
@ -233,7 +233,7 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="bob'sfund">
<span class="button__label">VISIT</span>
<span class="button__label">Visit</span>
<svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
</button>
</div>
@ -250,7 +250,7 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="ico">
<span class="button__label">VISIT</span>
<span class="button__label">Visit</span>
<svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
</button>
</div>