Update style

* Add new default style to project

* Add new BaseButton component

* Remove link to stylesheet in index.html

* Add import for default style

* Update styles and structure for project components
This commit is contained in:
2021-08-20 15:28:51 +02:00
parent 9c6fdb46e2
commit b481a3fcea
15 changed files with 2311 additions and 34 deletions

5
scss/_all.scss Normal file
View File

@@ -0,0 +1,5 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

3
scss/_btn.scss Normal file
View File

@@ -0,0 +1,3 @@
@mixin btn($revese: false) {
}

7
scss/_colors.scss Normal file
View File

@@ -0,0 +1,7 @@
// default colors
$gray: #fafafa;
$dark-gray: #4f4f4f;
// default colors for style
$text-color: #2c3e50;
$bg-color: white;

9
scss/_root.scss Normal file
View File

@@ -0,0 +1,9 @@
@import "colors";
:root {
--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--dark-gray-color: #{$dark-gray};
--gray-color: #{$gray};
--text-color: #{$text-color};
--bg-color: #{$bg-color};
}

20
scss/default.scss Normal file
View File

@@ -0,0 +1,20 @@
@import "root";
@import "all";
a {
text-decoration: none;
}
h2 {
font-size: 1.8em;
margin-bottom: 10px;
}
p {
font-size: 1.1em;
line-height: 1.4em;
padding-bottom: 10px;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 15px;
}