diff --git a/.DS_Store b/.DS_Store
index e333cde..9c27436 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/README.md b/README.md
index 8ee2271..d537641 100644
--- a/README.md
+++ b/README.md
@@ -2,21 +2,37 @@
### Rocket CSS is an open source, lightweight CSS framework built using Flexbox.
-Rocket CSS is a small, lightweight CSS-only framework that allows you to quickly build web applications without the hassle of remembering 1,000s of classes. Unlike other CSS frameworks like Twitter Bootstrap, Rocket CSS comes with a handful of simple components which are all prefixed with the class .rkt- which makes it easier to integrate Rocket CSS into an existing site.
+Rocket CSS is a small, lightweight CSS-only framework that allows you to quickly build web applications without the hassle of remembering 1,000s of classes. Unlike other CSS frameworks like Twitter Bootstrap, Rocket CSS comes with a handful of simple components which are all prefixed with the class `.rkt-` which makes it easier to integrate Rocket CSS into an existing site.
## Getting Started
Please visit the Rocket CSS site to get started: https://sts-ryan-holton.github.io/rocket-css/
+## Browser Support
+
+Rocket CSS aims to support modern browsers. If you're using an older version than listed below, or your browser isn't listed, there's likely little support for this browser.
+
+```
+browsers: [
+ "last 2 versions",
+ ">= 0.2%",
+ "Chrome >= 55",
+ "Firefox >= 54",
+ "iOS >= 10",
+ "Safari >= 10",
+ "Android >= 4.4"
+]
+```
+
## Issues
-Submit a new relevant issue here: https://github.com/sts-ryan-holton/rocket-css/issues
+Submit a new relevant issue here: https://github.com/sts-ryan-holton/rocket-css/issues/new?template=bug_report.md
**Please be sure to search open issues first.**
## Feature Requests
-If you have a feature request, please submit one here: https://github.com/sts-ryan-holton/rocket-css/issues/new
+If you have a feature request, please submit one here: https://github.com/sts-ryan-holton/rocket-css/issues/new?template=feature_request.md
## License
diff --git a/assets/.DS_Store b/assets/.DS_Store
index cfae263..150e2cd 100644
Binary files a/assets/.DS_Store and b/assets/.DS_Store differ
diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
index 5d62960..2ea5561 100644
--- a/assets/scss/_buttons.scss
+++ b/assets/scss/_buttons.scss
@@ -46,6 +46,7 @@ p {
.rkt-btn-block {
display: block;
+ width: 100%;
}
.rkt-btn-primary {
@@ -128,6 +129,16 @@ p {
}
}
+.rkt-btn-black {
+ background-color: $black;
+ border-color: $black;
+ color: $white;
+ &:hover, &:focus {
+ background-color: darken($black, 5%);
+ border-color: darken($black, 5%);
+ }
+}
+
.rkt-btn-white {
background-color: $white;
border-color: $white;
@@ -218,6 +229,16 @@ p {
}
}
+.rkt-btn-outline-black {
+ background-color: transparent;
+ border-color: $black;
+ color: $black;
+ &:hover, &:focus {
+ border-color: darken($black, 5%);
+ color: darken($black, 5%);
+ }
+}
+
.rkt-btn-outline-white {
background-color: transparent;
border-color: $white;
diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/scss/_utilities.scss b/assets/scss/_utilities.scss
index c899aad..a6a677d 100644
--- a/assets/scss/_utilities.scss
+++ b/assets/scss/_utilities.scss
@@ -29,11 +29,11 @@ figure.rkt-highlight {
}
}
-.w-100 {
+.rkt-w-100 {
width: 100%;
}
-.h-100 {
+.rkt-h-100 {
height: 100%;
}
diff --git a/assets/scss/rocketcss-theme.scss b/assets/scss/rocketcss-theme.scss
index 98b69dd..2151de8 100644
--- a/assets/scss/rocketcss-theme.scss
+++ b/assets/scss/rocketcss-theme.scss
@@ -92,6 +92,16 @@
}
}
+@media (max-width: 992px) {
+
+ .rkt-highlight-code {
+ pre {
+ overflow-x: auto;
+ }
+ }
+
+}
+
@media (max-width: 576px) {
.rkt-home-buttons {
diff --git a/assets/scss/rocketcss.scss b/assets/scss/rocketcss.scss
index 3510791..b6b8500 100644
--- a/assets/scss/rocketcss.scss
+++ b/assets/scss/rocketcss.scss
@@ -1,6 +1,13 @@
+/*
+Name: Rocket CSS
+Author: Ryan Holton
+Version: 1.0.0
+Github: https://github.com/sts-ryan-holton/rocket-css
+Website: https://sts-ryan-holton.github.io/rocket-css/
+*/
+
// Base
@import 'variables';
-@import 'mixins';
@import 'normalize';
@import 'resets';
diff --git a/components/docs-nav.vue b/components/docs-nav.vue
index c4143ca..15e6b31 100644
--- a/components/docs-nav.vue
+++ b/components/docs-nav.vue
@@ -11,7 +11,6 @@
Layout
-
Grid
@@ -35,9 +34,24 @@
Colours
+
+ Flex
+
+
+ Helpers
+
+
+ Images
+
Spacing
+
+ Typography
+
+
+ Visibility
+
diff --git a/docs/.DS_Store b/docs/.DS_Store
new file mode 100644
index 0000000..47bd31b
Binary files /dev/null and b/docs/.DS_Store differ
diff --git a/docs/200.html b/docs/200.html
index 99d0948..da0eaa0 100644
--- a/docs/200.html
+++ b/docs/200.html
@@ -1,9 +1,9 @@
- Rocket CSS
+ Rocket CSS - simple, lightweight CSS framework built using Flexbox