Skip to content

Commit bfae514

Browse files
misterboemisterboe
committed
[TASK] Add default structure
1 parent 22f11f8 commit bfae514

File tree

10 files changed

+131
-47
lines changed

10 files changed

+131
-47
lines changed

‎Resources/Build/Assets/Scss/base/_b-bootstrap-variables.scss

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// OVERWRITE BOOTSTRAP VARIABLES
2+
//
3+
// Colors
4+
//
5+
$white: $color-white;
6+
$black: $color-black;

‎Resources/Build/Assets/Scss/base/_b-variables.scss

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
// COLORS
2+
$color-white: #fff;
3+
$color-black: #000;
4+
5+
// Factor to calculate between rem and pixel
6+
$remPixelFactor: 16;
7+
8+
// number of post decimal positions for rem
9+
// e.g. write 1000 for 3 numbers
10+
$remPostDecimalPositionNumber: 1000;

‎Resources/Build/Assets/Scss/content-elements/.gitkeep

Whitespace-only changes.

‎Resources/Build/Assets/Scss/content-elements/_ce-includes.scss

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import "ce-textimage";

‎Resources/Build/Assets/Scss/content-elements/_ce-textimage.scss

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// CE-TEXTIMAGE

‎Resources/Build/Assets/Scss/fonts/_roboto.scss

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
/* roboto-300 - latin */
2+
@font-face {
3+
font-family: 'Roboto';
4+
font-style: normal;
5+
font-weight: 300;
6+
src: url('../../Fonts/Roboto/roboto-v18-latin-300.eot');
7+
src:
8+
local('Roboto Light'),
9+
local('Roboto-Light'),
10+
url('../../Fonts/Roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'),
11+
url('../../Fonts/Roboto/roboto-v18-latin-300.woff2') format('woff2'),
12+
url('../../Fonts/Roboto/roboto-v18-latin-300.woff') format('woff'),
13+
url('../../Fonts/Roboto/roboto-v18-latin-300.ttf') format('truetype'),
14+
url('../../Fonts/Roboto/roboto-v18-latin-300.svg#Roboto') format('svg');
15+
}
16+
17+
/* roboto-regular - latin */
18+
@font-face {
19+
font-family: 'Roboto';
20+
font-style: normal;
21+
font-weight: 400;
22+
src: url('../../Fonts/Roboto/roboto-v18-latin-regular.eot');
23+
src:
24+
local('Roboto'),
25+
local('Roboto-Regular'),
26+
url('../../Fonts/Roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
27+
url('../../Fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'),
28+
url('../../Fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'),
29+
url('../../Fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'),
30+
url('../../Fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg');
31+
}
32+
33+
/* roboto-900 - latin */
34+
@font-face {
35+
font-family: 'Roboto';
36+
font-style: normal;
37+
font-weight: 900;
38+
src: url('../../Fonts/Roboto/roboto-v18-latin-900.eot');
39+
src:
40+
local('Roboto Black'),
41+
local('Roboto-Black'),
42+
url('../../Fonts/Roboto/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'),
43+
url('../../Fonts/Roboto/roboto-v18-latin-900.woff2') format('woff2'),
44+
url('../../Fonts/Roboto/roboto-v18-latin-900.woff') format('woff'),
45+
url('../../Fonts/Roboto/roboto-v18-latin-900.ttf') format('truetype'),
46+
url('../../Fonts/Roboto/roboto-v18-latin-900.svg#Roboto') format('svg');
47+
}

‎Resources/Build/Assets/Scss/layout/_l-body.scss

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
//body
2+
html {
3+
position: relative;
4+
min-height: 100%;
5+
}
6+
7+
.l-body {
8+
background-color: $color-white;
9+
color: $color-black;
10+
11+
// Margin bottom by footer height
12+
margin-bottom: 60px;
13+
background-image: url("../../Images/Scss-Assets/orange_black.jpg");
14+
}

‎Resources/Build/Assets/Scss/layout/_l-footer.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
// Footer
2+
.l-footer {
3+
@extend .l-header;
4+
}

‎Resources/Build/Assets/Scss/layout/_l-header.scss

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
// Header
2+
.l-header {
3+
background-color: $color-black;
4+
color: $color-white;
5+
6+
a {
7+
color: $color-white;
8+
9+
&:hover {
10+
color: rgba($color-white, 0.7);
11+
}
12+
}
13+
}

‎Resources/Build/Assets/Scss/style.scss

+35-47
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,40 @@
1-
@import "../../node_modules/bootstrap/scss/bootstrap";
2-
3-
/* roboto-300 - latin */
4-
@font-face {
5-
font-family: 'Roboto';
6-
font-style: normal;
7-
font-weight: 300;
8-
src: url('../Fonts/Roboto/roboto-v18-latin-300.eot');
9-
src:
10-
local('Roboto Light'),
11-
local('Roboto-Light'),
12-
url('../Fonts/Roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'),
13-
url('../Fonts/Roboto/roboto-v18-latin-300.woff2') format('woff2'),
14-
url('../Fonts/Roboto/roboto-v18-latin-300.woff') format('woff'),
15-
url('../Fonts/Roboto/roboto-v18-latin-300.ttf') format('truetype'),
16-
url('../Fonts/Roboto/roboto-v18-latin-300.svg#Roboto') format('svg');
17-
}
1+
// VARIABLES OVERWRITES
2+
@import "base/b-variables";
3+
@import "base/b-bootstrap-variables";
184

19-
/* roboto-regular - latin */
20-
@font-face {
21-
font-family: 'Roboto';
22-
font-style: normal;
23-
font-weight: 400;
24-
src: url('../Fonts/Roboto/roboto-v18-latin-regular.eot');
25-
src:
26-
local('Roboto'),
27-
local('Roboto-Regular'),
28-
url('../Fonts/Roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
29-
url('../Fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'),
30-
url('../Fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'),
31-
url('../Fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'),
32-
url('../Fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg');
33-
}
5+
// BOOTSTRAP
346

35-
/* roboto-900 - latin */
36-
@font-face {
37-
font-family: 'Roboto';
38-
font-style: normal;
39-
font-weight: 900;
40-
src: url('../Fonts/Roboto/roboto-v18-latin-900.eot');
41-
src:
42-
local('Roboto Black'),
43-
local('Roboto-Black'),
44-
url('../Fonts/Roboto/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'),
45-
url('../Fonts/Roboto/roboto-v18-latin-900.woff2') format('woff2'),
46-
url('../Fonts/Roboto/roboto-v18-latin-900.woff') format('woff'),
47-
url('../Fonts/Roboto/roboto-v18-latin-900.ttf') format('truetype'),
48-
url('../Fonts/Roboto/roboto-v18-latin-900.svg#Roboto') format('svg');
49-
}
7+
// Core variables and mixins
8+
@import "~bootstrap/scss/functions";
9+
@import "~bootstrap/scss/variables";
10+
@import "~bootstrap/scss/mixins";
11+
@import "~bootstrap/scss/utilities";
12+
13+
// Reset and dependencies
14+
@import "~bootstrap/scss/print";
15+
16+
// Core CSS
17+
@import "~bootstrap/scss/reboot";
18+
@import "~bootstrap/scss/images";
19+
@import "~bootstrap/scss/code";
20+
@import "~bootstrap/scss/grid";
21+
@import "~bootstrap/scss/tables";
22+
@import "~bootstrap/scss/forms";
23+
@import "~bootstrap/scss/buttons";
24+
@import "~bootstrap/scss/nav";
25+
@import "~bootstrap/scss/navbar";
26+
@import "~bootstrap/scss/transitions";
27+
28+
// Layout
29+
@import "layout/l-body";
30+
@import "layout/l-header";
31+
@import "layout/l-footer";
32+
33+
// Fonts
34+
@import "fonts/roboto";
35+
36+
// Content Elements
37+
@import "content-elements/ce-includes";
5038

5139
body {
5240
font-family: Roboto;

0 commit comments

Comments
 (0)