Skip to content

Commit 5116a0a

Browse files
antoine3000antoine3000
committed
starkit: mise en place
1 parent e9338b9 commit 5116a0a

File tree

657 files changed

+59815
-37
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

657 files changed

+59815
-37
lines changed

‎.gitignore

+2-37
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,2 @@
1-
# Logs
2-
logs
3-
*.log
4-
npm-debug.log*
5-
6-
# Runtime data
7-
pids
8-
*.pid
9-
*.seed
10-
11-
# Directory for instrumented libs generated by jscoverage/JSCover
12-
lib-cov
13-
14-
# Coverage directory used by tools like istanbul
15-
coverage
16-
17-
# nyc test coverage
18-
.nyc_output
19-
20-
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
21-
.grunt
22-
23-
# node-waf configuration
24-
.lock-wscript
25-
26-
# Compiled binary addons (http://nodejs.org/api/addons.html)
27-
build/Release
28-
29-
# Dependency directories
30-
node_modules
31-
jspm_packages
32-
33-
# Optional npm cache directory
34-
.npm
35-
36-
# Optional REPL history
37-
.node_repl_history
1+
.DS_Store
2+
node_modules/*

‎assets/css/modules/_extends.scss

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
/*------------------------------------*\
2+
#EXTENDS
3+
\*------------------------------------*/
4+
5+
6+
// Completely remove from the flow and screen readers.
7+
.is-hidden {
8+
display: none !important;
9+
visibility: hidden !important;
10+
}
11+
12+
// Completely remove from the flow but leave available to screen readers.
13+
.is-vishidden {
14+
position: absolute !important;
15+
overflow: hidden;
16+
width: 1px;
17+
height: 1px;
18+
padding: 0;
19+
border: 0;
20+
clip: rect(1px, 1px, 1px, 1px);
21+
}
22+
23+
// Display Classes
24+
25+
.hide-xs {
26+
@media (max-width: $screen-xs-max) {
27+
display: none;
28+
}
29+
}
30+
31+
.hide-sm {
32+
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
33+
display: none;
34+
}
35+
}
36+
37+
.hide-md {
38+
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
39+
display: none;
40+
}
41+
}
42+
43+
.hide-lg {
44+
@media (min-width: $screen-lg-min) {
45+
display: none;
46+
}
47+
}

‎assets/css/modules/_forms.scss

+145
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
/*------------------------------------*\
2+
#FORMS
3+
\*------------------------------------*/
4+
5+
6+
label, legend, select {
7+
display: block;
8+
}
9+
10+
input[type="search"]::-webkit-search-decoration,
11+
input[type="search"]::-webkit-search-cancel-button {
12+
-webkit-appearance: none;
13+
}
14+
15+
textarea {
16+
overflow: auto;
17+
vertical-align: top;
18+
}
19+
20+
21+
input[type="radio"],
22+
input[type="checkbox"] {
23+
margin: 4px 0 0;
24+
margin-top: 1px \9;
25+
*margin-top: 0;
26+
line-height: normal;
27+
cursor: pointer;
28+
}
29+
30+
input[type="file"],
31+
input[type="image"],
32+
input[type="submit"],
33+
input[type="reset"],
34+
input[type="button"],
35+
input[type="radio"],
36+
input[type="checkbox"] {
37+
width: auto;
38+
}
39+
40+
select,
41+
input[type="file"] {
42+
*margin-top: 4px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
43+
}
44+
45+
select:focus,
46+
input[type="file"]:focus,
47+
input[type="radio"]:focus,
48+
input[type="checkbox"]:focus {
49+
outline: thin dotted #333;
50+
outline: 5px auto -webkit-focus-ring-color;
51+
outline-offset: -2px;
52+
}
53+
54+
55+
.form-control {
56+
transition: border-color 0.3s;
57+
width: 100%;
58+
border: 1px solid $base-color;
59+
border-radius: 2px;
60+
box-shadow: none;
61+
padding: 6px;
62+
&:focus {
63+
border-color: $action;
64+
box-shadow: none;
65+
}
66+
&:hover{
67+
border-color: $base-color;
68+
}
69+
}
70+
71+
select.form-control{
72+
appearance: none;
73+
transition: border-color 0.3s;
74+
border: 1px solid $base-color;
75+
border-radius: 2px;
76+
outline: none;
77+
cursor: pointer;
78+
vertical-align: middle;
79+
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMTAsMTEuMiA2LjQsNy42IDQuMyw3LjYgMTAsMTMuMyAxNS43LDcuNiAxMy42LDcuNiAiLz4KPC9zdmc+Cg==);
80+
background-position: right 7px center;
81+
background-repeat: no-repeat;
82+
background-size: auto 16px;
83+
max-width: 100%;
84+
&:hover {
85+
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
86+
border-color: #999999;
87+
}
88+
}
89+
90+
label{
91+
font-size: $font-size-xs;
92+
font-weight: 400;
93+
text-transform: uppercase;
94+
.checkbox &, .radio &{
95+
font-size: $font-size-sm;
96+
line-height: 1.7;
97+
}
98+
}
99+
100+
.form {
101+
legend {
102+
@extend .font-body-bold;
103+
@include font-size($font-sizes-lg);
104+
text-align: center;
105+
color: $base-color;
106+
border: none;
107+
@include margin-bottom($spacing-xs-responsive);
108+
}
109+
.inline-container {
110+
@media (min-width: $screen-sm-min){
111+
display: flex;
112+
align-items: stretch;
113+
}
114+
}
115+
input {
116+
flex: 1 auto;
117+
height: 100%;
118+
border: $border-width-sm solid $base-color;
119+
padding: $spacing-sm;
120+
border-radius: 0;
121+
@include font-size($font-sizes-md);
122+
&:hover {
123+
border: $border-width-sm solid $action;
124+
}
125+
&:focus{
126+
border: $border-width-sm solid $action;
127+
outline: none;
128+
}
129+
@media (max-width: $screen-xs-max){
130+
width: 100%;
131+
}
132+
}
133+
.button {
134+
@include font-size($font-sizes-md);
135+
white-space: nowrap;
136+
min-width: 150px;
137+
@media (max-width: $screen-xs-max){
138+
width: 100%;
139+
margin-top: -$border-width-sm;
140+
}
141+
@media (min-width: $screen-sm-min){
142+
margin-left: -$border-width-sm;
143+
}
144+
}
145+
}

‎assets/css/modules/_global.scss

+111
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
/*------------------------------------*\
2+
#DEFINITIONS
3+
\*------------------------------------*/
4+
5+
6+
dl {
7+
@include font-size($font-sizes-sm);
8+
dt {
9+
@extend .font-body-bold;
10+
padding-bottom: .3em;
11+
&:first-of-type {
12+
padding-top: .6em;
13+
border-top: $border-width-sm solid $base-color;
14+
}
15+
}
16+
dd{
17+
padding-bottom: .6em;
18+
margin-bottom: .6em;
19+
border-bottom: $border-width-sm $base-color solid;
20+
}
21+
}
22+
23+
24+
25+
/*------------------------------------*\
26+
#ORDERED
27+
\*------------------------------------*/
28+
29+
30+
.content ol {
31+
counter-reset:li;
32+
li {
33+
position: relative;
34+
padding-left: 1.2em;
35+
@include font-size($font-sizes-md);
36+
margin-bottom: .5em;
37+
&:before {
38+
content:counter(li);
39+
counter-increment:li;
40+
position: absolute;
41+
left: 0;
42+
@extend .font-body;
43+
font-size: 1em;
44+
color: rgba($base-color, .5);
45+
}
46+
}
47+
ol > li:first-of-type {
48+
margin-top: .5em;
49+
}
50+
}
51+
52+
53+
/*------------------------------------*\
54+
#UNORDERED
55+
\*------------------------------------*/
56+
57+
58+
.content ul {
59+
li {
60+
position: relative;
61+
padding-left: 1.2em;
62+
@include font-size($font-sizes-md);
63+
margin-bottom: .5em;
64+
&:before {
65+
content: "-";
66+
position: absolute;
67+
left: 0;
68+
@extend .font-body;
69+
font-size: 1em;
70+
}
71+
}
72+
ol > li:first-of-type {
73+
margin-top: .5em;
74+
}
75+
}
76+
77+
78+
79+
/*------------------------------------*\
80+
#TABLE
81+
\*------------------------------------*/
82+
83+
84+
.content table {
85+
width: 100%;
86+
thead {
87+
border-bottom: $border-width-md solid $base-color;
88+
}
89+
th {
90+
text-align: left;
91+
@extend .font-body-bold;
92+
}
93+
tbody tr {
94+
&:nth-child(odd) {
95+
background-color: rgba($base-color, .1);
96+
}
97+
}
98+
tfoot {
99+
border-top: $border-width-md solid $base-color;
100+
}
101+
th,
102+
td {
103+
padding: .5em 0;
104+
}
105+
@media (max-width: $screen-xs-max) {
106+
th,
107+
td {
108+
display: block;
109+
}
110+
}
111+
}

0 commit comments

Comments
 (0)