Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-06-30 21:46:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

flasky flasky

Browse source
This commit is contained in:
Michał Gdula 2022-12-28 00:46:08 +00:00
parent e6e2714a95
commit 40baf07fe1
36 changed files with 1035 additions and 1365 deletions
Download patch file Download diff file Expand all files Collapse all files

102
static/css/style.scss Normal file
View file

@ -0,0 +1,102 @@
@import 'scss/variables';
@import 'scss/grid';
@import 'scss/normalize';
@import 'nav';
@import 'aside';
@import 'wrapper';
@import 'footer';
h1 {
margin: 0;
padding: 0;
font-size: 2rem;
text-align: center;
font-weight: 600;
}
h2 {
margin: 0;
padding: 0;
font-size: 1.5rem;
font-weight: 600;
}
h3 {
margin: 0;
padding: 0;
font-size: 1rem;
font-weight: 600;
}
.title {
margin: 0;
padding: 2rem 0;
position: relative;
img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: all 0.2s ease-in-out;
&:hover {
filter: grayscale(0%);
}
}
}
.btn {
margin: 0;
padding: 0;
width: 100%;
height: auto;
background-color: transparent;
color: $white;
text-decoration: none;
display: flex;
justify-content: left;
align-items: center;
gap: 0.5rem;
border: none;
transition: all 0.2s ease-in-out;
cursor: pointer;
i {
opacity: 0;
transform: translateX(1rem);
transition: all 0.2s ease-in-out;
filter: blur(0.1rem);
}
&:hover {
i {
opacity: 1;
transform: translateX(0);
filter: blur(0);
}
}
}
#funny {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}