mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-04 13:15:24 +00:00
prepared for first scss code
This commit is contained in:
Bram Wiepjes
parent
21373c09dd
commit
08f4963e70
8 changed files with 84 additions and 22 deletions
|
|
@ -11,7 +11,7 @@ insert_final_newline = true
|
|||
[Makefile]
|
||||
indent_style = tab
|
||||
|
||||
[*.{js,yml}]
|
||||
[*.{js,yml,scss,json}]
|
||||
indent_size = 2
|
||||
|
||||
[*.md]
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
"eslint-config-airbnb-base": "^12.1.0",
|
||||
"eslint-loader": "^2.0.0",
|
||||
"eslint-plugin-import": "^2.12.0",
|
||||
"extract-text-webpack-plugin": "^3.0.2",
|
||||
"extract-text-webpack-plugin": "^4.0.0-beta.0",
|
||||
"file-loader": "^1.1.11",
|
||||
"html-webpack-plugin": "^3.2.0",
|
||||
"node-sass": "^4.9.0",
|
||||
|
|
@ -55,6 +55,7 @@
|
|||
"eslint"
|
||||
],
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-free": "^5.7.2",
|
||||
"normalize.css": "^8.0.1"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@
|
|||
<title>Baserow</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Baserow components</h1>
|
||||
<h1>
|
||||
Baserow components
|
||||
<i class="fas fa-igloo"></i>
|
||||
</h1>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
5
web-frontend/src/scss/_vendors.scss
Normal file
5
web-frontend/src/scss/_vendors.scss
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
@import "~normalize.css/normalize.css";
|
||||
|
||||
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
|
||||
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
|
||||
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
|
||||
55
web-frontend/src/scss/abstracts/_variables.scss
Normal file
55
web-frontend/src/scss/abstracts/_variables.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
// primary colors
|
||||
$color-primary-100: #ebf7ff !default;
|
||||
$color-primary-200: #b5dbf5 !default;
|
||||
$color-primary-300: #83c3eb !default;
|
||||
$color-primary-400: #51a9e0 !default;
|
||||
$color-primary-500: #198dd6 !default;
|
||||
$color-primary-600: #1479b8 !default;
|
||||
$color-primary-700: #0f6499 !default;
|
||||
$color-primary-800: #0a4970 !default;
|
||||
$color-primary-900: #062e47 !default;
|
||||
|
||||
// neutral colors
|
||||
$color-neutral-50: #fafafa !default;
|
||||
$color-neutral-100: #f5f5f5 !default;
|
||||
$color-neutral-200: #d9dbde !default;
|
||||
$color-neutral-300: #b4bac2 !default;
|
||||
$color-neutral-400: #9fa4ab !default;
|
||||
$color-neutral-500: #828a95 !default;
|
||||
$color-neutral-600: #646b75 !default;
|
||||
$color-neutral-700: #4d535c !default;
|
||||
$color-neutral-800: #373c42 !default;
|
||||
$color-neutral-900: #272b30 !default;
|
||||
|
||||
// success colors
|
||||
$color-success-100: #e6fff1 !default;
|
||||
$color-success-200: #bdffdc !default;
|
||||
$color-success-300: #9bf2c4 !default;
|
||||
$color-success-400: #80e0ad !default;
|
||||
$color-success-500: #59cd90 !default;
|
||||
$color-success-600: #37a66b !default;
|
||||
$color-success-700: #1d804b !default;
|
||||
$color-success-800: #155c36 !default;
|
||||
$color-success-900: #0d3821 !default;
|
||||
|
||||
// warning colors
|
||||
$color-warning-100: #fff6e6 !default;
|
||||
$color-warning-200: #ffe9c2 !default;
|
||||
$color-warning-300: #ffe0ab !default;
|
||||
$color-warning-400: #fad28e !default;
|
||||
$color-warning-500: #fac05e !default;
|
||||
$color-warning-600: #c4923b !default;
|
||||
$color-warning-700: #9c7024 !default;
|
||||
$color-warning-800: #7a5515 !default;
|
||||
$color-warning-900: #573907 !default;
|
||||
|
||||
// error colors
|
||||
$color-error-100: #ffe8e6 !default;
|
||||
$color-error-200: #ffbfb8 !default;
|
||||
$color-error-300: #f7a499 !default;
|
||||
$color-error-400: #f27d6d !default;
|
||||
$color-error-500: #ee6352 !default;
|
||||
$color-error-600: #bf4232 !default;
|
||||
$color-error-700: #9c2e1f !default;
|
||||
$color-error-800: #6e160b !default;
|
||||
$color-error-900: #4d0c03 !default;
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
body {
|
||||
color: gray;
|
||||
}
|
||||
@import "abstracts/variables";
|
||||
|
||||
@import "vendors";
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ const modules = {
|
|||
},
|
||||
{
|
||||
test: /\.(woff|woff2|eot|ttf|svg|ico|jpg|jpeg|png)$/,
|
||||
loader: 'url-loader?limit=1000000',
|
||||
loader: 'url-loader?limit=10000',
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
|
|
|
|||
|
|
@ -677,6 +677,11 @@
|
|||
lodash "^4.17.10"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@fortawesome/fontawesome-free@^5.7.2":
|
||||
version "5.7.2"
|
||||
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.2.tgz#1498c3eb78ee7c78c5488418707de90aaf58d5d7"
|
||||
integrity sha512-Ha4HshKdCVKgu4TVCtG8XyPPYdzTzNW4/fvPnn+LT7AosRABryhlRv4cc4+o84dgpvVJN9reN7jo/c+nYujFug==
|
||||
|
||||
"@mrmlnc/readdir-enhanced@^2.2.1":
|
||||
version "2.2.1"
|
||||
resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
|
||||
|
|
@ -925,7 +930,7 @@ ajv-keywords@^3.1.0:
|
|||
resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.0.tgz#4b831e7b531415a7cc518cd404e73f6193c6349d"
|
||||
integrity sha512-aUjdRFISbuFOl0EIZc+9e4FfZp0bDZgAdOOf30bJmw8VM9v84SHyVyxDfbWxpGYbdZD/9XoKxfHVNmxPkhwyGw==
|
||||
|
||||
ajv@^5.0.0, ajv@^5.2.3, ajv@^5.3.0:
|
||||
ajv@^5.2.3, ajv@^5.3.0:
|
||||
version "5.5.2"
|
||||
resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
|
||||
integrity sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=
|
||||
|
|
@ -3043,15 +3048,15 @@ extglob@^2.0.4:
|
|||
snapdragon "^0.8.1"
|
||||
to-regex "^3.0.1"
|
||||
|
||||
extract-text-webpack-plugin@^3.0.2:
|
||||
version "3.0.2"
|
||||
resolved "https://registry.yarnpkg.com/extract-text-webpack-plugin/-/extract-text-webpack-plugin-3.0.2.tgz#5f043eaa02f9750a9258b78c0a6e0dc1408fb2f7"
|
||||
integrity sha512-bt/LZ4m5Rqt/Crl2HiKuAl/oqg0psx1tsTLkvWbJen1CtD+fftkZhMaQ9HOtY2gWsl2Wq+sABmMVi9z3DhKWQQ==
|
||||
extract-text-webpack-plugin@^4.0.0-beta.0:
|
||||
version "4.0.0-beta.0"
|
||||
resolved "https://registry.yarnpkg.com/extract-text-webpack-plugin/-/extract-text-webpack-plugin-4.0.0-beta.0.tgz#f7361d7ff430b42961f8d1321ba8c1757b5d4c42"
|
||||
integrity sha512-Hypkn9jUTnFr0DpekNam53X47tXn3ucY08BQumv7kdGgeVUBLq3DJHJTi6HNxv4jl9W+Skxjz9+RnK0sJyqqjA==
|
||||
dependencies:
|
||||
async "^2.4.1"
|
||||
loader-utils "^1.1.0"
|
||||
schema-utils "^0.3.0"
|
||||
webpack-sources "^1.0.1"
|
||||
schema-utils "^0.4.5"
|
||||
webpack-sources "^1.1.0"
|
||||
|
||||
extsprintf@1.3.0:
|
||||
version "1.3.0"
|
||||
|
|
@ -6895,13 +6900,6 @@ sax@^1.2.4, sax@~1.2.1:
|
|||
resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
|
||||
integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
|
||||
|
||||
schema-utils@^0.3.0:
|
||||
version "0.3.0"
|
||||
resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"
|
||||
integrity sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=
|
||||
dependencies:
|
||||
ajv "^5.0.0"
|
||||
|
||||
schema-utils@^0.4.0, schema-utils@^0.4.5:
|
||||
version "0.4.7"
|
||||
resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
|
||||
|
|
@ -8270,7 +8268,7 @@ webpack-merge@^4.1.2:
|
|||
dependencies:
|
||||
lodash "^4.17.5"
|
||||
|
||||
webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.3.0:
|
||||
webpack-sources@^1.1.0, webpack-sources@^1.3.0:
|
||||
version "1.3.0"
|
||||
resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.3.0.tgz#2a28dcb9f1f45fe960d8f1493252b5ee6530fa85"
|
||||
integrity sha512-OiVgSrbGu7NEnEvQJJgdSFPl2qWKkWq5lHMhgiToIiN9w34EBnjYzSYs+VbL5KoYiLNtFFa7BZIKxRED3I32pA==
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue