portal-oddajanje-solar/static/css/slovenscina-elements.scss

144 lines
2.1 KiB
SCSS
Raw Normal View History

2021-11-16 17:45:20 +00:00
@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;
}
}
.input-wrapper {
position:relative;
height:66px;
.input-icon {
position:absolute;
left:0;
top:0;
display:block;
width:1.5rem;
}
.input-floating-label {
position:absolute;
left: 46px;
right:0;
display:block;
input {
padding:4px 0;
background: none;
border:none;
display:block;
width:100%;
border-bottom: 2px solid $grey;
}
.floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: $black;
}
}
}
.panel {
background: $white;
padding: 40px 60px;
border-radius: 20px;
.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;
img {
position:relative;
top:0.25rem;
width:1.8rem;
}
p {
position: absolute;
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;
}
}