finish setting webpack
This commit is contained in:
23
src/assets/styles/app.module.scss
Normal file
23
src/assets/styles/app.module.scss
Normal file
@ -0,0 +1,23 @@
|
||||
@import url('./base.css');
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: rgb(240, 240, 240);
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
box-shadow: 0 0 5px 1px rgb(210, 210, 210);
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
}
|
57
src/assets/styles/base.css
Normal file
57
src/assets/styles/base.css
Normal file
@ -0,0 +1,57 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0; }
|
||||
|
||||
*, *:before, *:after {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
:focus, :active {
|
||||
outline: none; }
|
||||
|
||||
a:focus, a:active {
|
||||
outline: none; }
|
||||
|
||||
nav, footer, header, aside {
|
||||
display: block; }
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-size: 100%;
|
||||
line-height: 1;
|
||||
font-size: 14px;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-moz-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%; }
|
||||
|
||||
input, button, textarea {
|
||||
font-family: inherit; }
|
||||
|
||||
input::-ms-clear {
|
||||
display: none; }
|
||||
|
||||
button {
|
||||
cursor: pointer; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
a, a:visited {
|
||||
text-decoration: none; }
|
||||
|
||||
a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
ul li {
|
||||
list-style: none; }
|
||||
|
||||
img {
|
||||
vertical-align: top; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: inherit;
|
||||
font-weight: 400; }
|
6
src/assets/styles/components/myButton.module.scss
Normal file
6
src/assets/styles/components/myButton.module.scss
Normal file
@ -0,0 +1,6 @@
|
||||
.main {
|
||||
button {
|
||||
font-size: 15px;
|
||||
padding: 10%;
|
||||
}
|
||||
}
|
5
src/assets/styles/components/myInput.module.scss
Normal file
5
src/assets/styles/components/myInput.module.scss
Normal file
@ -0,0 +1,5 @@
|
||||
.main {
|
||||
input {
|
||||
|
||||
}
|
||||
}
|
9
src/assets/styles/components/navbar.module.scss
Normal file
9
src/assets/styles/components/navbar.module.scss
Normal file
@ -0,0 +1,9 @@
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
23
src/assets/styles/forms.module.scss
Normal file
23
src/assets/styles/forms.module.scss
Normal file
@ -0,0 +1,23 @@
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 4% 8%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.panel {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.listForms {
|
||||
|
||||
}
|
Reference in New Issue
Block a user