host/julienmonnerie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add logo and edit general design

Browse source
This commit is contained in:
Paul Nicoué 2022-07-28 18:59:14 +02:00
parent eb21a245bc
commit e0cb8d46f4
8 changed files with 330 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

35
public/assets/css/partials/animations.scss
View file

@ -3,10 +3,41 @@
// ----------------------------------------------------------------------------
@keyframes expand-outline {
from {
0% {
outline-offset: 0;
}
to {
100% {
outline-offset: 2px;
}
}
@keyframes rotate-vertical-left {
0% {
transform: rotateY(0);
transform-origin: left;
}
50% {
transform: rotateY(180deg);
transform-origin: left;
}
100% {
transform: rotateY(0);
transform-origin: left;
}
}
@keyframes rotate-horizontal-bottom {
0% {
transform: rotateX(0);
transform-origin: bottom;
}
50% {
transform: rotateX(180deg);
transform-origin: bottom;
}
100% {
transform: rotateX(0);
transform-origin: bottom;
}
}

6
public/assets/css/partials/variables.scss
View file

@ -25,6 +25,8 @@
// Dimensions
--logo-width: 2rem;
--logo-height: 4rem;
--icon-size: 1.75rem;
--sidebar-vertical-padding: 1rem;
--sidebar-horizontal-padding: 1rem;
@ -32,7 +34,7 @@
// Colors
--black: #000;
--transparent-black: rgba(0, 0, 0, 0.4);
--transparent-black: rgba(0, 0, 0, 0.3);
--white: #fff;
--transparent-white: rgba(255, 255, 255, 0.9);
--feldgrau: #4B6259;
@ -57,6 +59,8 @@ $desktop-media-query: 62rem;
// Dimensions
--logo-width: 6rem;
--logo-height: 3rem;
--icon-size: 2.25rem;
}
}