Skip to content

Commit

Permalink
refactoring
Browse files Browse the repository at this point in the history
  • Loading branch information
@andreyshulga1cs
andreyshulga1cs committed Feb 26, 2024
1 parent 0694ff7 commit 596ca4e
Show file tree
Hide file tree
Showing 5 changed files with 45 additions and 18 deletions.
1 change: 0 additions & 1 deletion .stylelintcache
View file

This file was deleted.

41 changes: 27 additions & 14 deletions src/assets/scss/fonts.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,136 +3,149 @@
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2")
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2")
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2")
format("woff2");
unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2")
format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
U+03A3-03FF;
}

/* vietnamese */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2")
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2")
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2")
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2")
format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2")
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2")
format("woff2");
unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2")
format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
U+03A3-03FF;
}

/* vietnamese */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2")
format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2")
format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
src: url("https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2")
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
Expand Down
3 changes: 2 additions & 1 deletion src/assets/scss/reset.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ button {
cursor: revert;
border: none;
outline: none;

&:focus {
border: none;
}
Expand Down Expand Up @@ -51,7 +52,7 @@ table {
input,
textarea {
border: none;
-webkit-user-select: auto;
user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
Expand Down
14 changes: 14 additions & 0 deletions src/assets/scss/shared.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,15 @@
display: flex;
flex-wrap: wrap;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 15px;
}

.btn {
transition: 0.2s;
cursor: pointer;
Expand All @@ -25,28 +28,34 @@ h3 {
text-align: center;
color: #fff;
background-color: $primary-color;

&:hover {
transition: 0.2s;
background-color: $dark-primary-color;
}
}

.link {
transition: 0.2s;
cursor: pointer;
font-size: 11px;
color: $primary-color;

&.red {
color: $red-color;

&:hover {
transition: 0.2s;
opacity: 0.8;
}
}

&:hover {
transition: 0.2s;
color: $dark-primary-color;
}
}

.title {
font-size: 20px;
width: 100%;
Expand All @@ -64,18 +73,22 @@ h3 {
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;

.title {
font-size: 15px;
}

button {
margin-top: 16px;
}

&.active {
transition: 0.4s;
opacity: 1;
visibility: visible;
}
}

.overlay {
transition: 0.4s;
opacity: 0;
Expand All @@ -88,6 +101,7 @@ h3 {
width: 100vw;
height: 100vh;
background-color: #000;

&.active {
transition: 0.4s;
opacity: 0.4;
Expand Down
4 changes: 2 additions & 2 deletions src/assets/scss/variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
$text-color: #1e1e1e;
$light-text-color: #999;
$primary-color: #3369f3;
$primary-color: #2a5ad3;
$light-primary-color: #e4edfd;
$dark-primary-color: darken($primary-color, 10%);
$dark-primary-color: #224ab1;
$red-color: #f00;
$bg-color: #efefef;

0 comments on commit 596ca4e

Please sign in to comment.