ershisan99/home-works
1
0
Fork 0
mirror of https://github.com/IgnatZakalinsky/home-works.git synced 2025-12-18 04: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 { .greetingForm {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 31px 0 0 70px; padding: 31px 0 0 70px;
height: 336px; height: 336px;
} }
.inputAndButtonContainer { .inputAndButtonContainer {
display: flex; display: flex;
gap: 24px; gap: 24px;
margin-bottom: 22px; margin-bottom: 22px;
} }
.error { .error {
position: absolute; margin-top: 7px;
color: red; color: #cc0000;
margin-left: 14px; font-family: 'Montserrat', sans-serif;
margin-top: -28px; font-weight: 400;
font-size: 14px;
line-height: 17px;
} }
.input { .input {
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 5px; border-radius: 5px;
width: 370px; width: 370px;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
padding: 8px 0 8px 12px; padding: 8px 0 8px 12px;
color: #000; color: #000;
} }
.input:focus { .input:focus {
outline: none; outline: none;
border: 1px solid #06c; border: 1px solid #06c;
} }
.errorInput { .errorInput {
border: 1px solid red; border: 1px solid #cc0000;
} }
.button { .button {
margin-left: 12px; margin-left: 12px;
background: #06c; background: #06c;
color: white; color: white;
border: none; border: none;
border-radius: 15px; border-radius: 3px;
outline: none; outline: none;
padding: 8px 24px; padding: 8px 24px;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
cursor: pointer; cursor: pointer;
height: 36px;
} }
.button:focus { .button:focus {
} }
.button:active { .button:active {
} }
.button:disabled { .button:disabled {
opacity: 0.6; opacity: 0.5;
cursor: default; cursor: default;
} }
.count { .count {
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
line-height: 17px; line-height: 17px;
margin-bottom: 9px; margin-bottom: 9px;
} }
.greeting { .greeting {
} }