Skip to content

Commit

Permalink
Merge pull request #5 from vishnucss/release-1.0.0-beta.3
Browse files Browse the repository at this point in the history 
Release 1.0.0-beta.3
  • Loading branch information
@alexandesigner
alexandesigner authored Sep 23, 2017
2 parents 0a0ec81 + 0d19730 commit 824af58
Show file tree
Hide file tree
Showing 10 changed files with 310 additions and 319 deletions.
502 changes: 260 additions & 242 deletions dist/vishnu.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/vishnu.css.map
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/vishnu.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/vishnu.min.css.map
View file

Large diffs are not rendered by default.

18 changes: 17 additions & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,23 @@ <h3 class="title">Buttons</h3>
<div class="col-xs-8 col-sm-12">
<p>This button is available by default</p><code>&lt;button&gt;Content&lt;/button&gt;</code>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-4 col-sm-12">
<button class="large">Large Button</button>
</div>
<div class="col-xs-8 col-sm-12">
<p>This button is available by class <code>.large</code></p><code>&lt;button class='large'&gt;Content&lt;/button&gt;</code>
</div>
</div>
<div class="row">
<div class="col-xs-4 col-sm-12">
<button class="small">Small Button</button>
</div>
<div class="col-xs-8 col-sm-12">
<p>This button is available by class <code>.small</code></p><code>&lt;button class='small'&gt;Content&lt;/button&gt;</code>
</div>
</div>
<div class="row">
<div class="col-xs-4 col-sm-12">
<button class="outline">Outlined Button</button>
Expand Down
6 changes: 3 additions & 3 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,17 +24,17 @@ gulp.task('build', function () {
return gulp.src([
'./src/variables.css',
'./src/reset.css',
'./src/responsive.css',
'./src/typography.css',
'./src/links.css',
'./src/buttons.css',
'./src/forms.css',
'./src/grid.css',
'./src/lists.css',
'./src/tables.css',
'./src/images.css',
'./src/utils.css',
'./src/misc.css'
'./src/misc.css',
'./src/grid.css',
'./src/responsive.css'
])
.pipe($.sourcemaps.init())
.pipe($.concat('vishnu.css'))
Expand Down
6 changes: 2 additions & 4 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "vishnucss",
"filename": "vishnu.min.css",
"version": "1.0.0-beta.2",
"version": "1.0.0-beta.3",
"description": "A simple and minimalist toolkit with modern css",
"main": "./dist/vishnu.min.css",
"keywords": [
Expand Down Expand Up @@ -61,9 +61,7 @@
"owl-tool": "0.0.3",
"postcss-cssnext": "^3.0.2",
"postcss-custom-selectors": "^4.0.1",
"postcss-nesting": "^4.2.1"
},
"dependencies": {
"postcss-nesting": "^4.2.1",
"postcss-custom-media": "^6.0.0"
}
}
12 changes: 12 additions & 0 deletions src/buttons.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@
@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;
@custom-selector :--enter :hover;
@custom-selector :--press :focus, :active;
@custom-selector :--large .large, [type='submit'].large;
@custom-selector :--small .small, [type='submit'].small;

/* Default */
:--button {
Expand All @@ -33,6 +35,16 @@
background: color(var(--base-color) alpha(-20%));
}

/* Size */
:--button:--small {
font-size: 1.2rem;
padding: 0.6rem 1.6rem;
}
:--button:--large {
font-size: 1.8rem;
padding: 1.8rem 4.2rem;
}

/* Outline */
:--button-outline {
color: var(--primary-color);
Expand Down
16 changes: 3 additions & 13 deletions src/forms.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,9 @@
* Forms
*/

input[type='text'],
input[type='password'],
input[type='email'],
input[type='search'],
input[type='number'],
input[type='file'],
input[type='tel'],
input[type='url'],
select,
textarea,
textarea[type='text'] {
@custom-selector :--all-fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text'];

:--all-fields {
width: 100%;
height: 42px;
padding: 10px;
Expand All @@ -34,8 +26,6 @@ textarea[type='text'] {
}
}

select {}

textarea,
textarea[type='text'] {
min-height: 7rem;
Expand Down
61 changes: 9 additions & 52 deletions src/grid.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,11 @@
* Grid
*/

@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;
@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;
@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;
@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;

.flex {
display: flex;
flex-wrap: wrap;
Expand All @@ -27,19 +32,7 @@
.col.reverse {
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
:--all-cols-xs {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: 0.5rem;
Expand Down Expand Up @@ -165,19 +158,7 @@
order: 1;
}
@media (--tablet-viewport) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
:--all-cols-sm {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: 0.5rem;
Expand Down Expand Up @@ -304,19 +285,7 @@
}
}
@media (--desktop-viewport) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
:--all-cols-md {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: 0.5rem;
Expand Down Expand Up @@ -443,19 +412,7 @@
}
}
@media (--desktop-large-viewport) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
:--all-cols-lg {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: 0.5rem;
Expand Down

0 comments on commit 824af58

Please sign in to comment.