80 lines
1.2 KiB
SCSS
80 lines
1.2 KiB
SCSS
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background-color: $back-color-2;
|
|
color: $text-color;
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
width: calc(100% - 1px);
|
|
height: 100%;
|
|
}
|
|
|
|
button {
|
|
background-color: $accent-color;
|
|
color: #000;
|
|
text-transform: uppercase;
|
|
border: 0;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
transition: background-color $link-hover-animation-time linear;
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: $accent-color-2;
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
.spacer {
|
|
clear: both;
|
|
}
|
|
|
|
a {
|
|
padding: 0;
|
|
color: $accent-color;
|
|
text-decoration: underline;
|
|
transition: color $link-hover-animation-time;
|
|
&:HOVER {
|
|
color: $accent-color-2;
|
|
}
|
|
}
|
|
|
|
.noStyleLink {
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1 {
|
|
color: $title-color;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.red {
|
|
color: red;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.right {
|
|
text-align: left;
|
|
}
|
|
|
|
.block {
|
|
text-align: justify;
|
|
text-justify: auto;
|
|
}
|
|
|
|
img {
|
|
border-radius: $border-radius-image;
|
|
&.no-corner {
|
|
border-radius: 0;
|
|
}
|
|
}
|