Commit 9bcba90

committed

modified styles task 2

1 parent 20d3a15 commit 9bcba90Copy full SHA for 9bcba90

File tree

2 files changed

+29

-9

lines changed

2024/02
- assets
  - dropdown-arrow.svg
- index.css

2 files changed

+29

-9

lines changed

`‎2024/02/assets/dropdown-arrow.svg`

Lines changed: 1 addition & 1 deletion

Loading[フレーム]

`‎2024/02/index.css`

Lines changed: 28 additions & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,10 @@ div {`
`13`	`13`	`font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;`
`14`	`14`	`}`
`15`	`15`
	`16`	`+p {`
	`17`	`+ font-size: 14px;`
	`18`	`+}`
	`19`	`+`
`16`	`20`	`body {`
`17`	`21`	`display: flex;`
`18`	`22`	`box-sizing: border-box;`
`@@ -40,6 +44,7 @@ li {`
`40`	`44`	`height: 120px;`
`41`	`45`	`min-height: 120px;`
`42`	`46`	`color: rgb(80, 80, 80);`
	`47`	`+ border-radius: 10px;`
`43`	`48`	`}`
`44`	`49`
`45`	`50`	`input,`
`@@ -52,38 +57,52 @@ ul {`
`52`	`57`	`padding-left: 0px;`
`53`	`58`	`}`
`54`	`59`
	`60`	`+input::marker {`
	`61`	`+ min-height: 60px;`
	`62`	`+ min-width: 60px;`
	`63`	`+}`
	`64`	`+`
`55`	`65`	`input {`
`56`	`66`	`padding: 20px 0;`
`57`	`67`	`width: 70%;`
`58`		`- font-size: 34px;`
`59`		`- height: 60%;`
`60`		`- margin: 25px 80px;`
	`68`	`+ font-size: 24px;`
	`69`	`+ height: 40px;`
	`70`	`+ line-height: 10px;`
	`71`	`+ margin: 40px 80px;`
	`72`	`+ margin-top: 35px;`
`61`	`73`	`outline: 0;`
`62`	`74`	`border: 1px solid transparent;`
`63`	`75`	`box-sizing: border-box;`
`64`	`76`	`}`
`65`	`77`
`66`	`78`	`label[for='search'] {`
	`79`	`+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',`
	`80`	`+ 'Helvetica Neue', sans-serif;`
`67`	`81`	`pointer-events: none;`
`68`	`82`	`position: absolute;`
`69`	`83`	`left: 10%;`
`70`		`- top: 45px;`
	`84`	`+ top: 42px;`
`71`	`85`	`transition: all 400ms;`
`72`	`86`	`color: rgb(107, 107, 107);`
`73`	`87`	`}`
`74`	`88`
`75`	`89`	`label[for='search'].showed,`
`76`	`90`	`input:focus ~ label[for='search'] {`
`77`	`91`	`position: absolute;`
`78`		`- top: -30px;`
	`92`	`+ top: -24px;`
`79`	`93`	`font-size: 16px;`
`80`		`- left: 10px;`
	`94`	`+ color: black;`
	`95`	`+ left: 0px;`
`81`	`96`	`}`
`82`	`97`
`83`	`98`	`input:focus {`
`84`	`99`	`border-bottom: 1px solid rgb(148, 148, 148);`
`85`	`100`	`}`
`86`	`101`
	`102`	`+.select-form .selected {`
	`103`	`+ border-radius: 10px;`
	`104`	`+}`
	`105`	`+`
`87`	`106`	`.select-form .selected,`
`88`	`107`	`.select-form.show li {`
`89`	`108`	`display: flex;`
`@@ -162,9 +181,10 @@ ul {`
`162`	`181`	`position: absolute;`
`163`	`182`	`display: block;`
`164`	`183`	`right: 35px;`
`165`		`- top: 35px;`
`166`		`- height: 60%;`
	`184`	`+ top: 34%;`
	`185`	`+ height: 60px;`
`167`	`186`	`z-index: 5;`
	`187`	`+ cursor: pointer;`
`168`	`188`	`}`
`169`	`189`
`170`	`190`	`// ---- contacts styles ---`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 9bcba90

File tree

2 files changed

2 files changed

`‎2024/02/assets/dropdown-arrow.svg`

`‎2024/02/index.css`

0 commit comments