sachinganesh 2 лет назад
Сommit
abb0d2b2b8
11 измененных файлов: 1451 добавлений и 0 удалений
  1. Двоичные данные
      .DS_Store
  2. 1
    0
      .gitignore
  3. 17
    0
      dist/css/main.css
  4. 17
    0
      dist/html/pages/index.html
  5. 28
    0
      dist/html/pages/laptopmulti.html
  6. 17
    0
      notes.html
  7. 1310
    0
      package-lock.json
  8. 15
    0
      package.json
  9. 15
    0
      scss/_functions.scss
  10. 5
    0
      scss/_variables.scss
  11. 26
    0
      scss/main.scss

Двоичные данные
.DS_Store Просмотреть файл


+ 1
- 0
.gitignore Просмотреть файл

@@ -0,0 +1 @@
1
+libs

+ 17
- 0
dist/css/main.css Просмотреть файл

@@ -0,0 +1,17 @@
1
+*, ::before, ::after {
2
+  padding: 0;
3
+  margin: 0;
4
+  box-sizing: border-box; }
5
+
6
+html {
7
+  font-size: 16px; }
8
+
9
+.bg-green {
10
+  background-color: #3BB78F;
11
+  background: linear-gradient(90deg, #3BB78F 0%, #0bab64 35%, #3bb78f 100%); }
12
+
13
+.banner_heading_4 {
14
+  font-size: 4rem; }
15
+
16
+.subtitle_1 {
17
+  font-size: 1rem; }

+ 17
- 0
dist/html/pages/index.html Просмотреть файл

@@ -0,0 +1,17 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+  <head>
4
+    <meta charset="UTF-8" />
5
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
+   
8
+    <link  rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
9
+    <link rel="stylesheet" href="./../../css/main.css" />
10
+    <title>project</title>
11
+  </head>
12
+  <body>
13
+  <div class="bg-primary">hello</div>
14
+
15
+  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
16
+  </body>
17
+</html>

+ 28
- 0
dist/html/pages/laptopmulti.html Просмотреть файл

@@ -0,0 +1,28 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+  <head>
4
+    <meta charset="UTF-8" />
5
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
+   
8
+    <link  rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
9
+    <link rel="stylesheet" href="./../../css/main.css" />
10
+    <title>project</title>
11
+  </head>
12
+  <body>
13
+    <div class=" bg-green vw-100 vh-100">
14
+        <div class="container h-100 text-white">
15
+            <div class="col-sm-4 pt-5">
16
+               <h1 class="banner_heading_4">Anwi xCreate</h1>
17
+                <div class="subtitle_12">2.5 Resolution | 120 Hz Refresh Rate</div>
18
+            </div>
19
+            <div class="col-sm-7">
20
+
21
+            </div>
22
+        </div>
23
+
24
+    </div>
25
+
26
+  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
27
+  </body>
28
+</html>

+ 17
- 0
notes.html Просмотреть файл

@@ -0,0 +1,17 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+  <head>
4
+    <meta charset="UTF-8" />
5
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
+   
8
+    <link  rel="stylesheet" href="./../../libs/bootstrap/css/bootstrap.min.css" />
9
+    <link rel="stylesheet" href="./../../css/main.css" />
10
+    <title>project</title>
11
+  </head>
12
+  <body>
13
+  <div class="bg-primary">hello</div>
14
+
15
+  <script src="../../libs/bootstrap/js/bootstrap.bundle.js"></script>
16
+  </body>
17
+</html>

+ 1310
- 0
package-lock.json
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 15
- 0
package.json Просмотреть файл

@@ -0,0 +1,15 @@
1
+{
2
+  "name": "sass_sandbox",
3
+  "version": "1.0.0",
4
+  "description": "",
5
+  "main": "index.js",
6
+  "scripts": {
7
+    "start": "node-sass -w scss/ -o dist/css/ --recursive"
8
+  },
9
+  "keywords": [],
10
+  "author": "",
11
+  "license": "ISC",
12
+  "dependencies": {
13
+    "node-sass": "^4.11.0"
14
+  }
15
+}

+ 15
- 0
scss/_functions.scss Просмотреть файл

@@ -0,0 +1,15 @@
1
+// Set Text Color
2
+@function set-text-color($color) {
3
+  @if (lightness($color) > 50) {
4
+    @return #000;
5
+  } @else {
6
+    @return #fff;
7
+  }
8
+}
9
+
10
+// Transform mixin
11
+@mixin transform($property) {
12
+  --webkit-transform: $property;
13
+  -ms-transform: $property;
14
+  transform: $property;
15
+}

+ 5
- 0
scss/_variables.scss Просмотреть файл

@@ -0,0 +1,5 @@
1
+$primary-color: steelblue;
2
+$secondary-color: skyblue;
3
+$light-color: #f4f4f4;
4
+$dark-color: #333;
5
+$font-stack: Arial, Helvetica, sans-serif;

+ 26
- 0
scss/main.scss Просмотреть файл

@@ -0,0 +1,26 @@
1
+@import 'variables';
2
+@import 'functions';
3
+
4
+*,::before,::after{
5
+  padding: 0;
6
+  margin: 0;
7
+  box-sizing: border-box;
8
+  
9
+}
10
+
11
+html{
12
+  font-size: 16px;
13
+}
14
+
15
+.bg-green{
16
+  background-color:#3BB78F;
17
+  background: linear-gradient(90deg, #3BB78F 0%, rgba(11,171,100,1) 35%, rgba(59,183,143,1) 100%);
18
+}
19
+
20
+.banner_heading_4{
21
+  font-size: 4rem;
22
+}
23
+
24
+.subtitle_1{
25
+  font-size: 1rem;
26
+}

Загрузка…
Отмена
Сохранить