Skip to content

Commit ed65eec

Browse files
jxnblkjxnblk
committed
Init
0 parents  commit ed65eec

5 files changed

Lines changed: 404 additions & 0 deletions

File tree

‎README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# BASSCSS
2+
3+
Part reset, part boilerplate, part framework, all minimal.
4+
5+
BASSCSS is a small reset and collection of simple type and layout classes that can be used as the basis for any web project. Use it out of the box or as a base for SASS @extend classes.

‎Rakefile‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
require "rubygems"
2+
require 'rake'
3+
4+
desc "Start Sass so that is compiles to css upon file save"
5+
task :sass do
6+
system "sass --watch basscss.scss:basscss.css"
7+
end # task :sass
8+
9+
desc "Start Sass so that is compiles to css upon file save"
10+
task :minify do
11+
system "sass --watch basscss.scss:basscss.min.css --style compressed"
12+
end # task :minify

‎basscss.css‎

Lines changed: 222 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,222 @@
1+
/*
2+
3+
BASSCSS
4+
5+
Part reset, part boilerplate, part framework, all minimal.
6+
7+
BASSCSS is a small reset and collection of simple type and layout
8+
classes that can be used as the basis for any web project.
9+
Use it out of the box or as a base for SASS @extend classes.
10+
11+
Contents:
12+
1. Reset
13+
2. Typography
14+
a. Default Font Stack
15+
b. Base Type Scale
16+
c. Responsive Type Scale
17+
d. Utilities
18+
3. Layout
19+
a. Margins
20+
b. Padding
21+
c. Display
22+
d. Utilities
23+
24+
Made with love by Jxnblk
25+
26+
*/
27+
body, h1, h2, h3, h4, h5, h6, dl, ol, ul, p,
28+
button, input, select, textarea {
29+
margin: 0; }
30+
31+
button, input, select, textarea {
32+
font-family: inherit;
33+
font-size: 100%; }
34+
35+
body {
36+
font-family: "Helvetica Neue", Helvetica, sans-serif;
37+
line-height: 1.5;
38+
font-weight: 400; }
39+
40+
h1, .h1 {
41+
font-size: 2rem;
42+
line-height: 1.25; }
43+
44+
h2, .h2 {
45+
font-size: 1.5rem;
46+
line-height: 1.25; }
47+
48+
h3, h4, h5, h6, dl, ol, ul, p, .p {
49+
font-size: 1.125em; }
50+
51+
small, .small {
52+
font-size: .875em; }
53+
54+
@media (min-width: 768px) {
55+
.responsive .h1, .responsive.h1 {
56+
font-size: 4rem; }
57+
.responsive .h2, .responsive.h2 {
58+
font-size: 2rem; }
59+
.responsive .p, .responsive.p {
60+
font-size: 1.25rem; }
61+
.responsive .small, .responsive.small {
62+
font-size: 1rem; } }
63+
@media (min-width: 1024px) {
64+
.responsive .h1, .responsive.h1 {
65+
font-size: 6rem; }
66+
.responsive .h2, .responsive.h2 {
67+
font-size: 3rem; } }
68+
69+
strong, .bold {
70+
font-weight: 700; }
71+
72+
.regular {
73+
font-weight: normal; }
74+
75+
.caps {
76+
text-transform: uppercase;
77+
letter-spacing: .2em; }
78+
79+
.center {
80+
text-align: center; }
81+
82+
.right-align {
83+
text-align: right; }
84+
85+
.m1 {
86+
margin: 1rem; }
87+
88+
.mt1 {
89+
margin-top: 1rem; }
90+
91+
.mr1 {
92+
margin-right: 1rem; }
93+
94+
.mb1 {
95+
margin-bottom: 1rem; }
96+
97+
.ml1 {
98+
margin-left: 1rem; }
99+
100+
.m2 {
101+
margin: 2rem; }
102+
103+
.mt2 {
104+
margin-top: 2rem; }
105+
106+
.mr2 {
107+
margin-right: 2rem; }
108+
109+
.mb2 {
110+
margin-bottom: 2rem; }
111+
112+
.ml2 {
113+
margin-left: 2rem; }
114+
115+
.m3 {
116+
margin: 3rem; }
117+
118+
.mt3 {
119+
margin-top: 3rem; }
120+
121+
.mr3 {
122+
margin-right: 3rem; }
123+
124+
.mb3 {
125+
margin-bottom: 3rem; }
126+
127+
.ml3 {
128+
margin-left: 3rem; }
129+
130+
.m4 {
131+
margin: 4rem; }
132+
133+
.mt4 {
134+
margin-top: 4rem; }
135+
136+
.mr4 {
137+
margin-right: 4rem; }
138+
139+
.mb4 {
140+
margin-bottom: 4rem; }
141+
142+
.ml4 {
143+
margin-left: 4rem; }
144+
145+
.mxa {
146+
margin-right: auto;
147+
margin-left: auto; }
148+
149+
.p1 {
150+
padding: 1rem; }
151+
152+
.px1 {
153+
padding-right: 1rem;
154+
padding-left: 1rem; }
155+
156+
.py1 {
157+
padding-top: 1rem;
158+
padding-bottom: 1rem; }
159+
160+
.p2 {
161+
padding: 2rem; }
162+
163+
.px2 {
164+
padding-right: 2rem;
165+
padding-left: 2rem; }
166+
167+
.py2 {
168+
padding-top: 2rem;
169+
padding-bottom: 2rem; }
170+
171+
.p3 {
172+
padding: 3rem; }
173+
174+
.px3 {
175+
padding-right: 3rem;
176+
padding-left: 3rem; }
177+
178+
.py3 {
179+
padding-top: 3rem;
180+
padding-bottom: 3rem; }
181+
182+
.p4 {
183+
padding: 4rem; }
184+
185+
.px4 {
186+
padding-right: 4rem;
187+
padding-left: 4rem; }
188+
189+
.py4 {
190+
padding-top: 4rem;
191+
padding-bottom: 4rem; }
192+
193+
.inline {
194+
display: inline; }
195+
196+
.block {
197+
display: block; }
198+
199+
.inline-block {
200+
display: inline-block; }
201+
202+
.table {
203+
display: table; }
204+
205+
.table-cell {
206+
display: table-cell;
207+
vertical-align: middle; }
208+
209+
.clearfix:before, .clearfix:after {
210+
content: " ";
211+
display: table; }
212+
.clearfix:after {
213+
clear: both; }
214+
215+
.left {
216+
float: left; }
217+
218+
.right {
219+
float: right; }
220+
221+
.fit {
222+
max-width: 100%; }

‎basscss.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)