nezumi/loi-phan-internship
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/loi-phan-internship.git synced 2026-09-22 13:38:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update style for rosemary

Browse Source
This commit is contained in:
Nezumi
2023-07-23 10:01:34 +07:00
parent 89dfc60210
commit f01c702e5b
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
practice/practice-02/src/styles/layouts/_offer.scss
+12 -2
View File
@@ -1,4 +1,8 @@
.offer { .offer {
position: relative;
max-width: 428px;
margin-inline: auto;
&__container { &__container {
@include flex-container($justify-content: center, $flex-direction: column); @include flex-container($justify-content: center, $flex-direction: column);
@@ -127,13 +131,19 @@
color: $white; color: $white;
text-transform: capitalize; text-transform: capitalize;
} }
&__rosemary-container {
@include setAbsoluteAndLocation(true, $bottom: -120px, $right: 0);
z-index: 0;
}
} }
@media screen and (min-width: 840px) { @media screen and (min-width: 840px) {
.offer { .offer {
padding-inline: 73px; max-width: $max-width;
&__container { &__container {
max-width: 1440px; max-width: $max-width;
} }
&__food-image { &__food-image {
practice/practice-02/src/styles/layouts/_welcome.scss
+1
View File
@@ -190,6 +190,7 @@
background-color: $white; background-color: $white;
box-shadow: 0 40px 50px 3px rgba($color: $primary-color, $alpha: 0.5); box-shadow: 0 40px 50px 3px rgba($color: $primary-color, $alpha: 0.5);
transition: width 0.5s; transition: width 0.5s;
line-height: 100%;
} }
&__text-download-btn { &__text-download-btn {