first layout
This commit is contained in:
28
sass/index.css
Normal file
28
sass/index.css
Normal file
@@ -0,0 +1,28 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
|
||||
.header {
|
||||
background-color: #EAE2B7;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end; }
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-size: 20px;
|
||||
list-style: none; }
|
||||
ul li {
|
||||
padding-right: 30px; }
|
||||
|
||||
ol {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style: georgian; }
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
7
sass/index.css.map
Normal file
7
sass/index.css.map
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "AAMA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;;AAExB,OAAO;EACL,gBAAgB,EAbC,OAAO;EAcxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,QAAQ;;AAE3B,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;EAEhB,KAAE;IACA,aAAa,EAAE,IAAI;;AAEvB,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,QAAQ",
|
||||
"sources": ["index.sass"],
|
||||
"names": [],
|
||||
"file": "index.css"
|
||||
}
|
||||
33
sass/index.sass
Normal file
33
sass/index.sass
Normal file
@@ -0,0 +1,33 @@
|
||||
$background-color: #EAE2B7
|
||||
$text-color: #003049
|
||||
$secondary-text-color: #F77F00
|
||||
$primary-color: #D62828
|
||||
$secondary-color: #F77F00
|
||||
|
||||
body
|
||||
margin: 0
|
||||
padding: 0
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.header
|
||||
background-color: $background-color
|
||||
width: 100%
|
||||
height: 100px
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: flex-end
|
||||
|
||||
ul
|
||||
display: flex
|
||||
flex-direction: row
|
||||
font-size: 20px
|
||||
list-style: none
|
||||
|
||||
li
|
||||
padding-right: 30px
|
||||
|
||||
ol
|
||||
display: flex
|
||||
flex-direction: column
|
||||
list-style: georgian
|
||||
Reference in New Issue
Block a user