Skip to content

Commit 909cefe

Browse files
cjpatoilocjpatoilo
committed
250 adding the dist folder to repo
1 parent 3bf29d6 commit 909cefe

18 files changed

+685
-43
lines changed

‎.gitignore

+14-41
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,16 @@
1-
$RECYCLE.BIN/
2-
*.cab
3-
*.lnk
4-
*.log
5-
*.msi
6-
*.msm
7-
*.msp
8-
*.pid
9-
*.seed
10-
*~
11-
.AppleDB
12-
.AppleDesktop
13-
.AppleDouble
14-
.DS_Store
15-
.DocumentRevisions-V100
16-
.LSOverride
17-
.Spotlight-V100
18-
.TemporaryItems
19-
.Trash-*
20-
.Trashes
21-
.VolumeIcon.icns
22-
._*
23-
.apdisk
24-
.directory
25-
.fseventsd
26-
.lock-wscript
27-
.node_repl_history
28-
.npm
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
bower_components
5+
node_modules
6+
7+
# testing
298
.nyc_output
30-
Desktop.ini
31-
Icon
32-
Network Trash Folder
33-
Temporary Items
34-
Thumbs.db
35-
build/Release
369
coverage
37-
dist
38-
ehthumbs.db
39-
lib-cov
40-
logs
41-
node_modules
42-
npm-debug.log*
43-
pids
10+
11+
# production
12+
# build
13+
# dist
14+
15+
# debug
16+
*.log

‎.prettierignore

+16-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,17 @@
1-
dist
2-
test
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
bower_components
5+
node_modules
6+
7+
# testing
38
.nyc_output
9+
coverage
10+
test
11+
12+
# production
13+
# build
14+
# dist
15+
16+
# debug
17+
*.log

‎dist/_Base.scss

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
// Base
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
// Set box-sizing globally to handle padding and border widths
5+
*,
6+
*:after,
7+
*:before {
8+
box-sizing: inherit;
9+
}
10+
11+
// The base font-size is set at 62.5% for having the convenience
12+
// of sizing rems in a way that is similar to using px: 1.6rem = 16px
13+
html {
14+
box-sizing: border-box;
15+
font-size: 62.5%;
16+
}
17+
18+
// Default body styles
19+
body {
20+
color: $color-secondary;
21+
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
22+
font-size: 1.6em; // Currently ems cause chrome bug misinterpreting rems on body element
23+
font-weight: 300;
24+
letter-spacing: 0.01em;
25+
line-height: 1.6;
26+
}

‎dist/_Blockquote.scss

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
// Blockquote
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
blockquote {
5+
border-left: 0.3rem solid $color-quaternary;
6+
margin-left: 0;
7+
margin-right: 0;
8+
padding: 1rem 1.5rem;
9+
10+
*:last-child {
11+
margin-bottom: 0;
12+
}
13+
}

‎dist/_Button.scss

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
// Button
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
.button,
5+
button,
6+
input[type='button'],
7+
input[type='reset'],
8+
input[type='submit'] {
9+
background-color: $color-primary;
10+
border: 0.1rem solid $color-primary;
11+
border-radius: 0.4rem;
12+
color: $color-initial;
13+
cursor: pointer;
14+
display: inline-block;
15+
font-size: 1.1rem;
16+
font-weight: 700;
17+
height: 3.8rem;
18+
letter-spacing: 0.1rem;
19+
line-height: 3.8rem;
20+
padding: 0 3rem;
21+
text-align: center;
22+
text-decoration: none;
23+
text-transform: uppercase;
24+
white-space: nowrap;
25+
26+
&:focus,
27+
&:hover {
28+
background-color: $color-secondary;
29+
border-color: $color-secondary;
30+
color: $color-initial;
31+
outline: 0;
32+
}
33+
34+
&[disabled] {
35+
cursor: default;
36+
opacity: 0.5;
37+
38+
&:focus,
39+
&:hover {
40+
background-color: $color-primary;
41+
border-color: $color-primary;
42+
}
43+
}
44+
45+
&.button-outline {
46+
background-color: transparent;
47+
color: $color-primary;
48+
49+
&:focus,
50+
&:hover {
51+
background-color: transparent;
52+
border-color: $color-secondary;
53+
color: $color-secondary;
54+
}
55+
56+
&[disabled] {
57+
&:focus,
58+
&:hover {
59+
border-color: inherit;
60+
color: $color-primary;
61+
}
62+
}
63+
}
64+
65+
&.button-clear {
66+
background-color: transparent;
67+
border-color: transparent;
68+
color: $color-primary;
69+
70+
&:focus,
71+
&:hover {
72+
background-color: transparent;
73+
border-color: transparent;
74+
color: $color-secondary;
75+
}
76+
77+
&[disabled] {
78+
&:focus,
79+
&:hover {
80+
color: $color-primary;
81+
}
82+
}
83+
}
84+
}

‎dist/_Code.scss

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
// Code
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
code {
5+
background: $color-tertiary;
6+
border-radius: 0.4rem;
7+
font-size: 86%;
8+
margin: 0 0.2rem;
9+
padding: 0.2rem 0.5rem;
10+
white-space: nowrap;
11+
}
12+
13+
pre {
14+
background: $color-tertiary;
15+
border-left: 0.3rem solid $color-primary;
16+
overflow-y: hidden;
17+
18+
& > code {
19+
border-radius: 0;
20+
display: block;
21+
padding: 1rem 1.5rem;
22+
white-space: pre;
23+
}
24+
}

‎dist/_Color.scss

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
// Color
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
$color-initial: #fff !default;
5+
$color-primary: #9b4dca !default;
6+
$color-secondary: #606c76 !default;
7+
$color-tertiary: #f4f5f6 !default;
8+
$color-quaternary: #d1d1d1 !default;
9+
$color-quinary: #e1e1e1 !default;

‎dist/_Divider.scss

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
// Divider
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
hr {
5+
border: 0;
6+
border-top: 0.1rem solid $color-tertiary;
7+
margin: 3rem 0;
8+
}

‎dist/_Form.scss

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
// Form
2+
// ––––––––––––––––––––––––––––––––––––––––––––––––––
3+
4+
input[type='color'],
5+
input[type='date'],
6+
input[type='datetime'],
7+
input[type='datetime-local'],
8+
input[type='email'],
9+
input[type='month'],
10+
input[type='number'],
11+
input[type='password'],
12+
input[type='search'],
13+
input[type='tel'],
14+
input[type='text'],
15+
input[type='url'],
16+
input[type='week'],
17+
input:not([type]),
18+
textarea,
19+
select {
20+
-webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes
21+
background-color: transparent;
22+
border: 0.1rem solid $color-quaternary;
23+
border-radius: 0.4rem;
24+
box-shadow: none;
25+
box-sizing: inherit; // Forced to replace inherit values of the normalize.css
26+
height: 3.8rem;
27+
padding: 0.6rem 1rem 0.7rem; // This vertically centers text on FF, ignored by Webkit
28+
width: 100%;
29+
30+
&:focus {
31+
border-color: $color-primary;
32+
outline: 0;
33+
}
34+
}
35+
36+
select {
37+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23'+str-slice(
38+
inspect($color-quaternary),
39+
2
40+
)+'" d="M0,0l6,8l6-8"/></svg>')
41+
center right no-repeat;
42+
padding-right: 3rem;
43+
44+
&:focus {
45+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23'+str-slice(
46+
inspect($color-primary),
47+
2
48+
)+'" d="M0,0l6,8l6-8"/></svg>');
49+
}
50+
51+
&[multiple] {
52+
background: none;
53+
height: auto;
54+
}
55+
}
56+
57+
textarea {
58+
min-height: 6.5rem;
59+
}
60+
61+
label,
62+
legend {
63+
display: block;
64+
font-size: 1.6rem;
65+
font-weight: 700;
66+
margin-bottom: 0.5rem;
67+
}
68+
69+
fieldset {
70+
border-width: 0;
71+
padding: 0;
72+
}
73+
74+
input[type='checkbox'],
75+
input[type='radio'] {
76+
display: inline;
77+
}
78+
79+
.label-inline {
80+
display: inline-block;
81+
font-weight: normal;
82+
margin-left: 0.5rem;
83+
}

0 commit comments

Comments
 (0)