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

Fix duplicate code and acc icon for website

Browse Source
This commit is contained in:
Nezumi
2023-07-22 10:05:21 +07:00
parent ebe85eb8c2
commit 66b72ba7f6
5 changed files with 36 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
practice/practice-02/src/assets/images/favicon-16x16.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 633 B

practice/practice-02/src/index.pug
+5
View File
@@ -4,6 +4,11 @@ html(lang="en")
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
link(rel="stylesheet", href="./styles/main.scss")
link(
rel="icon",
type="image/x-icon",
href="./assets/images/favicon-16x16.png"
)
title Food Hut
body
header.header
practice/practice-02/src/styles/abstracts/_mixins.scss
+3
View File
@@ -49,12 +49,15 @@
}
@mixin setAbsoluteAndLocation(
$absolute: false,
$top: null,
$left: null,
$right: null,
$bottom: null
) {
@if $absolute {
position: absolute;
}
@if $top != null {
top: $top;
practice/practice-02/src/styles/layouts/_header.scss
+6 -1
View File
@@ -1,5 +1,10 @@
.header {
@include setAbsoluteAndLocation($top: 0, $right: 0, $left: 0);
@include setAbsoluteAndLocation(
$absolute: true,
$top: 0,
$right: 0,
$left: 0
);
max-width: 428px;
margin: auto;
practice/practice-02/src/styles/layouts/_welcome.scss
+21 -9
View File
@@ -27,18 +27,18 @@
}
&__lines-background {
@include setAbsoluteAndLocation($top: -76px, $right: 0);
@include setAbsoluteAndLocation($absolute: true, $top: -76px, $right: 0);
@include size(187px, 430px);
}
&__arrow-img-up {
@include setAbsoluteAndLocation($top: -15px, $right: 50px);
@include setAbsoluteAndLocation($absolute: true, $top: -15px, $right: 50px);
@include size(43px, 215px);
}
&__mint-img {
@include setAbsoluteAndLocation($bottom: 100px, $right: 0);
@include setAbsoluteAndLocation($absolute: true, $bottom: 100px, $right: 0);
}
// End banner
@@ -57,7 +57,7 @@
}
&__orange-img-wrapper {
@include setAbsoluteAndLocation($top: 0, $right: 35px);
@include setAbsoluteAndLocation($absolute: true, $top: 0, $right: 35px);
}
&__text-box {
@@ -84,7 +84,7 @@
&__head-arrow-container {
@include size(13px, 7.3px);
@include setAbsoluteAndLocation($right: 107px);
@include setAbsoluteAndLocation($absolute: true, $right: 107px);
}
&__heading {
@@ -96,7 +96,11 @@
}
&__underline-img-container {
@include setAbsoluteAndLocation($bottom: -20px, $left: 0px);
@include setAbsoluteAndLocation(
$absolute: true,
$bottom: -20px,
$left: 0px
);
}
&__description {
@@ -293,7 +297,11 @@
}
&__arrow-down-img-wrapper {
@include setAbsoluteAndLocation($top: -50px, $left: 220px);
@include setAbsoluteAndLocation(
$absolute: true,
$top: -50px,
$left: 220px
);
display: block;
transition: 0.2s;
@@ -305,7 +313,11 @@
&__slider-container {
display: block;
@include setAbsoluteAndLocation($bottom: -135px, $left: 65px);
@include setAbsoluteAndLocation(
$absolute: true,
$bottom: -135px,
$left: 65px
);
}
// End content
@@ -327,7 +339,7 @@
}
&__arrow-down-img-wrapper {
@include setAbsoluteAndLocation($top: -95px, $left: 230px);
@include setAbsoluteAndLocation($top: -75px, $left: 230px);
}
}
}