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:
5
scss/_all.scss
Normal file
5
scss/_all.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
3
scss/_btn.scss
Normal file
3
scss/_btn.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@mixin btn($revese: false) {
|
||||
|
||||
}
|
7
scss/_colors.scss
Normal file
7
scss/_colors.scss
Normal 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
9
scss/_root.scss
Normal 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
20
scss/default.scss
Normal 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;
|
||||
}
|
Reference in New Issue
Block a user