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

Refactor code

Browse Source
This commit is contained in:
nezumi
2023-07-28 11:50:43 +07:00
parent 75bb039e31
commit dac3c00152
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
practice/practice-02/src/styles/layouts/_menu.scss
+18 -8
View File
@@ -1,16 +1,28 @@
%mr-inline-auto {
margin-inline: auto;
}
%style-category-item {
font-size: $fs-md;
padding: 8px 18px;
border-radius: 50px;
}
.menu {
&__container {
@extend %mr-inline-auto;
padding-top: 150px;
max-width: 424px;
margin-inline: auto;
}
&__heading {
@extend %mr-inline-auto;
font-size: $fs-x-lg;
font-weight: 700;
text-align: center;
max-width: 363px;
margin-inline: auto;
}
&__list-category {
@@ -29,21 +41,19 @@
}
&__category-item:focus {
font-size: $fs-md;
@extend %style-category-item;
color: $white;
background-color: $primary-color;
border: 2px solid $primary-color;
padding: 8px 18px;
border-radius: 50px;
}
&__category-item {
font-size: $fs-md;
@extend %style-category-item;
color: $gray;
background-color: transparent;
border: 2px solid $black;
padding: 8px 18px;
border-radius: 50px;
}
&__card-list {