Commit e0bcd28d authored by alain's avatar alain 🐙
Browse files

some design adjustments

parent 4ed2e4d1
......@@ -9,8 +9,8 @@
z-index: -1;
content: "";
position: absolute;
top: 2px;
left: 2px;
top: 3px;
left: 3px;
width: 100%;
height: 100%;
mix-blend-mode: multiply;
......@@ -31,6 +31,7 @@
bottom: -10px;
left: 0;
mix-blend-mode: multiply;
z-index: -1;
}
&:before {
......@@ -38,7 +39,7 @@
}
&:after {
transform: translate(4px,4px);
transform: translate(3px,3px);
background: $color2;
}
}
......
......@@ -20,7 +20,7 @@ h3 {
h4 {
font-size: 22px;
line-height: 28px;
line-height: 24px;
}
p, ul, ol {
......@@ -140,4 +140,7 @@ span.descender {
font-weight: 600;
font-style: normal;
font-display: swap;
}
\ No newline at end of file
}
::-moz-selection { background: $bg-yellow; }
::selection { background: $bg-yellow; }
\ No newline at end of file
......@@ -17,13 +17,13 @@ a.btn, .btn, .text-link {
&:after {
margin: 0 0 0 5px;
content: "\2192";
transition: all 0.25s ease-out;
display: inline-block;
}
&:hover {
&:after {
transform: translateX(2px);
transition: all 0.2s ease-out;
}
}
......@@ -61,6 +61,7 @@ a.btn, .btn, .text-link {
background: none;
padding: 10px 0;
color: black;
white-space: nowrap;
&:before {
display: none;
......
......@@ -38,6 +38,7 @@ body {
h1 {
margin: 0;
@include colouredBar($red, $bg-yellow);
text-shadow: -3px 3px #FFF, 3px 3px #FFF;
}
}
......
......@@ -70,6 +70,10 @@
&__europe {
justify-content: center;
align-items: flex-start;
p {
margin-top: -6px;
}
}
&__social {
......
......@@ -71,8 +71,8 @@
z-index: -2;
content: "";
position: absolute;
height: 2px;
bottom: 5px;
height: 3px;
bottom: 4px;
left: 10px;
right: 145px;
mix-blend-mode: multiply;
......@@ -88,8 +88,8 @@
}
&:after {
transform: translate(1px,1px);
background: $green;
transform: translate(1.5px, 1.5px);
background: $bg-green;
}
a {
......@@ -102,12 +102,12 @@
position: relative;
font-weight: bold;
font-family: $font-header;
transition: all 0.25s ease;
transform: translate(0px, -1px);
}
&:hover .arrow {
transform: translate(2px, -3px);
transition: all 0.2s ease;
}
// first line coloured bar
......@@ -121,14 +121,14 @@
&:after {
right: 12px;
bottom: 25px;
transform: translate(1px,1px);
background: $green;
transform: translate(1.5px,1.5px);
background: $bg-green;
}
}
@media only screen and (min-width: $large) {
margin-left: 50px;
}
}
}
&.current-menu-item a,
......@@ -139,7 +139,7 @@
z-index: -2;
content: "";
position: absolute;
height: 2px;
height: 3px;
bottom: 18px;
left: 10px;
right: 12px;
......@@ -152,7 +152,7 @@
@media only screen and (min-width: $large) {
left: 15px;
right: 17px;
bottom: 15px;
bottom: 13px;
}
}
......
......@@ -9,7 +9,7 @@
.label {
mix-blend-mode: multiply;
margin: 0 5px 0 0;
margin: 0 10px 0 0;
box-shadow: none;
@include colourBg($bg-yellow, 0deg);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment