projecte_ionic_entrega_01/src/app/pages/form/form.page.scss

53 lines
1013 B
SCSS
Executable File

label {
letter-spacing: 0.5px;
text-indent: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
}
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
.formDiv {
border-radius: 5px;
padding: 20px;
}
.bigButtonDiv {
width: 100%;
display:flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.buttonDiv {
width: 375px;
max-width: 45%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px, 0px;
border-radius: 4px;
cursor: pointer;
}