Gianmarco Pettinato
5359bc96a5
Some checks failed
pettinato.eu/cv-site/pipeline/head There was a failure building this commit
64 lines
1.0 KiB
SCSS
64 lines
1.0 KiB
SCSS
$basecolor:#E5E5E5;
|
|
$basecolor2:#FFFFFF;
|
|
$accent2: #256EFF;
|
|
$contrast: #14213D;
|
|
$contrast2: #000000;
|
|
$img-contrast: #14213D;
|
|
|
|
$text-color: #011936;
|
|
$border-color: #256EFF;
|
|
$button-border-color: #256EFF;
|
|
|
|
$min-tablet: 768px;
|
|
$min-desktop: 1024px;
|
|
$default-border-radius:5px;
|
|
|
|
:root {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
color: $text-color;
|
|
background-color: $basecolor
|
|
}
|
|
|
|
.box-with-shadow {
|
|
border-style: solid;
|
|
border-width: 0.1px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.default{
|
|
margin: auto;
|
|
@media (min-width: $min-tablet) {
|
|
width: 80%;
|
|
max-width: 1024px;
|
|
}
|
|
}
|
|
|
|
.image-container{
|
|
width: 80%;
|
|
margin: auto;
|
|
text-align: center;
|
|
align-items: center;
|
|
img{
|
|
max-width: 100%;
|
|
max-height: 300px;
|
|
object-fit: scale-down;
|
|
@media (prefers-color-scheme: light) {
|
|
background-color: $contrast;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
text-decoration:none;
|
|
color: $text-color;
|
|
}
|
|
|
|
button{
|
|
color: $text-color;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-weight: normal;
|
|
} |