ershisan99/home-works
1
0
Fork 0
mirror of https://github.com/IgnatZakalinsky/home-works.git synced 2025-12-16 20:39:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

hw3 new design

Browse Source
This commit is contained in:
Andres
2022-07-10 20:49:07 +02:00
parent 1fda560d0d
commit 24f7691b71
1 changed files with 47 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/s2-homeworks/hw03/Greeting.module.css
View File

@@ -1,80 +1,81 @@
.greetingForm {
display: flex;
flex-direction: column;
padding: 31px 0 0 70px;
height: 336px;
display: flex;
flex-direction: column;
padding: 31px 0 0 70px;
height: 336px;
}
.inputAndButtonContainer {
display: flex;
gap: 24px;
margin-bottom: 22px;
display: flex;
gap: 24px;
margin-bottom: 22px;
}
.error {
position: absolute;
color: red;
margin-left: 14px;
margin-top: -28px;
margin-top: 7px;
color: #cc0000;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.input {
border: 1px solid #d1d1d1;
border-radius: 5px;
width: 370px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 8px 0 8px 12px;
color: #000;
border: 1px solid #d1d1d1;
border-radius: 5px;
width: 370px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 8px 0 8px 12px;
color: #000;
}
.input:focus {
outline: none;
border: 1px solid #06c;
outline: none;
border: 1px solid #06c;
}
.errorInput {
border: 1px solid red;
border: 1px solid #cc0000;
}
.button {
margin-left: 12px;
background: #06c;
color: white;
border: none;
border-radius: 15px;
outline: none;
padding: 8px 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 20px;
cursor: pointer;
margin-left: 12px;
background: #06c;
color: white;
border: none;
border-radius: 3px;
outline: none;
padding: 8px 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 20px;
cursor: pointer;
height: 36px;
}
.button:focus {
}
.button:active {
}
.button:disabled {
opacity: 0.6;
cursor: default;
opacity: 0.5;
cursor: default;
}
.count {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
margin-bottom: 9px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
margin-bottom: 9px;
}
.greeting {
}
}