summaryrefslogtreecommitdiffstats
path: root/docs/less/bootstrap-example.less
diff options
context:
space:
mode:
authorDavid Stutz <davidstutz@web.de>2014-10-25 22:39:24 +0200
committerDavid Stutz <davidstutz@web.de>2014-10-25 22:39:24 +0200
commitc8ece54b3671ab81e10d1cf82947c5f4dde8a49a (patch)
tree02a687eba9e803cb0a6bc40ce0f7d83c7e36fd5c /docs/less/bootstrap-example.less
parent47de37ca51e2e265bc05a58a2706a3807a8d231d (diff)
downloadbootstrap-strength-meter-c8ece54b3671ab81e10d1cf82947c5f4dde8a49a.zip
bootstrap-strength-meter-c8ece54b3671ab81e10d1cf82947c5f4dde8a49a.tar.gz
bootstrap-strength-meter-c8ece54b3671ab81e10d1cf82947c5f4dde8a49a.tar.bz2
Updated Password Score, added better documentation and more examples.
Diffstat (limited to 'docs/less/bootstrap-example.less')
-rw-r--r--docs/less/bootstrap-example.less54
1 files changed, 54 insertions, 0 deletions
diff --git a/docs/less/bootstrap-example.less b/docs/less/bootstrap-example.less
new file mode 100644
index 0000000..119cc76
--- /dev/null
+++ b/docs/less/bootstrap-example.less
@@ -0,0 +1,54 @@
+.example {
+ position: relative;
+ padding: 45px 15px 15px;
+ margin: 0 -15px 15px;
+ background-color: #fafafa;
+ box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
+ border-color: #e5e5e5 #eee #eee;
+ border-style: solid;
+ border-width: 1px 0;
+}
+
+.example:after {
+ content: "Example";
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ font-size: 12px;
+ font-weight: bold;
+ color: #bbb;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+
+.example + .highlight {
+ margin: -15px -15px 15px;
+ border-radius: 0;
+ border-width: 0 0 1px;
+}
+
+@media (min-width: 768px) {
+ .example {
+ margin-left: 0;
+ margin-right: 0;
+ background-color: #fff;
+ border-width: 1px;
+ border-color: #ddd;
+ border-radius: 4px 4px 0 0;
+ box-shadow: none;
+ }
+ .example + .highlight {
+ margin-top: -16px;
+ margin-left: 0;
+ margin-right: 0;
+ border-width: 1px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ }
+}
+
+.example > .btn,
+.example > .btn-group {
+ margin-top: 5px;
+ margin-bottom: 5px;
+} \ No newline at end of file