aboutsummaryrefslogtreecommitdiffstats
path: root/Just-Read/less/base.less
diff options
context:
space:
mode:
Diffstat (limited to 'Just-Read/less/base.less')
-rw-r--r--Just-Read/less/base.less115
1 files changed, 115 insertions, 0 deletions
diff --git a/Just-Read/less/base.less b/Just-Read/less/base.less
new file mode 100644
index 0000000..5997dcc
--- /dev/null
+++ b/Just-Read/less/base.less
@@ -0,0 +1,115 @@
+// Credits: [HTML Boilerplate[(https://github.com/h5bp/html5-boilerplate)
+
+
+// HTML5 display definitions
+
+article, figcaption, figure, footer, header, nav, section, time {
+ display: block;
+}
+
+// Base
+
+html {
+ font-size: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ margin: 0;
+}
+
+// Remove text-shadow in selection highlight: h5bp.com/i
+
+::-moz-selection {
+ background: #fd7; // This color should play well with any design
+ color: #000;
+ text-shadow: none;
+}
+
+::selection {
+ background: #fd7;
+ color: #000;
+ text-shadow: none;
+}
+
+// Improve readability when focused and hovered in all browsers: h5bp.com/h
+
+a:hover, a:active {
+ outline: 0;
+}
+
+// Code
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+// Lists
+
+ol, ul{
+ margin: 0;
+ padding: 0;
+}
+
+// Embedded content
+
+img {
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+
+// Contain floats: h5bp.com/q
+
+.clearfix:before, .clearfix:after {
+ content: "";
+ display: table;
+}
+.clearfix:after {
+ clear: both;
+}
+.clearfix {
+ *zoom: 1;
+}
+
+// Simple fluid media
+
+figure {
+ margin: 0 0 (@line * 1px) 0;
+ position: relative;
+}
+
+figure img, figure object, figure embed, figure video {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
+figcaption{
+ color: lighten(@black, 60%);
+ margin-top: @line * 1px;
+}
+
+// Elastic Object & Iframe Embedded Videos http://webdesignerwall.com/tutorials/css-elastic-videos
+
+.video-container {
+ height: 0;
+ margin-bottom: @line * 1px;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ position: relative;
+ overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+} \ No newline at end of file