gcg/gcg-website
1
1
Fork 0
Code Issues 6 Pull Requests Actions Projects 2 Wiki Activity

WIP: convert sass to css
All checks were successful
website-main / prod-build (push) Successful in 1m7s
Details
website-main / test-build (push) Successful in 45s
Details
website-main / auto-rebuild (push) Has been skipped
Details

Browse Source
This commit is contained in:
Denys Konovalov
2023-06-09 20:35:28 +02:00
parent edffb3a720
commit 96f6f10146
21 changed files with 145 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/scss/templates/_homepage.scss
View File

@ -1,6 +1,6 @@
.feature-icon {
font-size: 60px;
color: $secondary-color;
color: var(--gcg-color-secondary);
display: inline-block;
}
@ -69,8 +69,8 @@
height: 80px;
width: 80px;
border-radius: 50%;
background: $primary-color;
color: $white;
background: var(--gcg-color-primary);
color: white;
font-size: 25px;
text-align: center;
@ -84,7 +84,7 @@
height: 0;
width: 0;
transform: translate(-50%, -50%);
background: $white;
background: white;
border-radius: 50%;
top: 50%;
left: 50%;
@ -99,7 +99,7 @@
height: 80%;
width: 80%;
transform: translate(-50%, -50%);
background: $primary-color;
background: var(--gcg-color-primary);
border-radius: 50%;
top: 50%;
left: 50%;

32
assets/scss/templates/_navigation.scss
View File

@ -11,32 +11,32 @@
}
.navigation {
background: linear-gradient(to right, transparent 50%, $primary-color 50%);
background: linear-gradient(to right, transparent 50%, var(--gcg-color-primary) 50%);
transition: .2s ease;
@include desktop {
background: $secondary-color;
background: var(--gcg-color-secondary);
}
}
.navbar-collapse{
@include desktop {
background: $secondary-color;
background: var(--gcg-color-secondary);
}
}
.navbar-nav {
padding-left: 50px;
background: $primary-color;
background: var(--gcg-color-primary);
@include desktop {
padding-left: 0;
background: $secondary-color;
background: var(--gcg-color-secondary);
}
}
.nav-bg {
background-color: $secondary-color;
background-color: var(--gcg-color-secondary);
}
.nav-item {
@ -55,7 +55,7 @@
height: 6px;
width: 100%;
content: "";
background: $white;
background: white;
transform: scaleY(0);
transform-origin: top;
transition: transform .3s ease;
@ -71,19 +71,19 @@
}
.navbar-dark .navbar-nav .nav-link {
color: $white;
color: white;
}
link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: $white;
color: white;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: $white;
color: white;
}
.navbar-expand-lg .navbar-nav .nav-link {
@ -99,7 +99,7 @@ link:focus,
top: 0;
width: 100%;
z-index: 10;
background: $white;
background: white;
box-shadow: 0 2px 5px #0000000d;
}
@ -115,7 +115,7 @@ link:focus,
&-menu {
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
border-bottom: 5px solid $primary-color;
border-bottom: 5px solid var(--gcg-color-primary);
padding: 15px;
top: 96px;
border-radius: 0;
@ -124,7 +124,7 @@ link:focus,
transition: .3s ease;
opacity: 0;
transform: translateY(20px);
background: $white;
background: white;
@include desktop {
display: none;
@ -146,10 +146,10 @@ link:focus,
&-item {
position: relative;
color: $text-color-dark;
color: var(--gcg-color-secondary);
transition: .2s ease;
text-transform: capitalize;
font-family: $primary-font;
font-family: var(--gcg-font-primary);
@include desktop {
text-align: center;
@ -160,7 +160,7 @@ link:focus,
}
&:hover {
color: $primary-color;
color: var(--gcg-color-primary);
background: transparent;
}
}