116 lines
1.5 KiB
SCSS
116 lines
1.5 KiB
SCSS
/* OSNOVNA STRUKTURA STRANI */
|
|
|
|
body{
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
font-family: $font;
|
|
color: $color_text;
|
|
|
|
#content{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
h1{
|
|
margin: 20px 0 30px 0;
|
|
|
|
font-weight: 600;
|
|
font-size: 26px;
|
|
}
|
|
|
|
h2{
|
|
|
|
}
|
|
|
|
h3{
|
|
|
|
}
|
|
|
|
p{
|
|
font-size: 16px;
|
|
line-height: 160%;
|
|
}
|
|
|
|
a{
|
|
color: $color_blue;
|
|
text-decoration: none;
|
|
|
|
&:hover{
|
|
color: lighten($color_blue, 10%);
|
|
}
|
|
}
|
|
.aai a{
|
|
color: #e35205;
|
|
|
|
&:hover{
|
|
color: #fa6c21;
|
|
}
|
|
}
|
|
|
|
.red{
|
|
color: red;
|
|
}
|
|
|
|
.spaceLeft{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
input[type="submit"],
|
|
button,
|
|
input[type="button"],
|
|
.button{
|
|
cursor: pointer;
|
|
|
|
width: 170px;
|
|
padding: 16px;
|
|
|
|
font-size: 16px;
|
|
line-height: 17px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
|
|
background-color: $color_blue;
|
|
border: 0;
|
|
outline: 0;
|
|
|
|
transition: 0.2s;
|
|
|
|
&:hover{
|
|
background-color: lighten($color_blue, 10%);
|
|
}
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="email"]{
|
|
box-sizing: border-box;
|
|
height: 55px;
|
|
padding: 8px 18px;
|
|
|
|
font-size: 16px;
|
|
color: $color_text_dark;
|
|
font-family: $SansPro_font;
|
|
|
|
background-color: white;
|
|
border: 1px solid $color_border;
|
|
|
|
&.red{
|
|
border-color: red;
|
|
}
|
|
}
|
|
|
|
textarea{
|
|
box-sizing: border-box;
|
|
padding: 8px 12px;
|
|
|
|
font-size: 15px;
|
|
color: $color_text_dark;
|
|
|
|
background-color: white;
|
|
border: 1px solid $color_border;
|
|
}
|