portal-oddajanje-solar/static/css/slovenscina-elements.scss
Leon Noe Jovan a72c5f03cf popravki
2021-12-15 21:23:26 +01:00

125 lines
1.8 KiB
SCSS

@import "slovenscina-theme.scss";
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color:$blue;
}
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color:$blue;
}
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
}
em {
font-weight: 300;
}
.btn {
border:none;
line-height: 2.5rem;
padding: 0 2.5rem;
color:white;
background: $blue;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out;
&:hover {
opacity: 0.8;
}
&:disabled {
cursor:default;
opacity:0.5;
}
}
.panel {
background: $white;
padding: 40px 60px;
border-radius: 20px;
max-width:30rem;
.panel-logo {
position:absolute;
top: -60px;
left:0;
right:0;
display:block;
margin:auto;
background: $white;
padding:20px 30px;
width: 100px;
border-radius: 100%;
text-align: center;
}
}
.line {
background: $grey;
height:2px;
width:200px;
margin: auto;
}
.a-right {
display:block;
text-align: right;
font-size:10px;
text-decoration: none;
color:$blue;
text-transform: uppercase;
}
.alert {
position:relative;
color:$red;
margin-bottom:2rem;
&.alert-success {
color:$green;
}
img {
position:relative;
top:0.25rem;
width:1.8rem;
}
p {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height:2rem;
left:3rem;
top: 0;
margin:0;
text-transform: uppercase;
}
}
.submit-alert {
background:white;
border: 2px solid $green-light;
box-sizing: border-box;
border-radius: 8px;
.btn {
margin-top:0.5rem;
background: $green;
border-radius: 4px;
}
}