aboutsummaryrefslogtreecommitdiffstats
path: root/docs/src/less/components/base.less
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2015-07-20 22:24:06 +1000
committerSam Potts <me@sampotts.me>2015-07-20 22:24:06 +1000
commitcdf3deb458716ae447a43943805291550fee91c3 (patch)
tree8623b277f1708bb1557dd2e25b5a5296f7ec648f /docs/src/less/components/base.less
parentdcd9ca3a93a669b69f0e4fc7831bd645ce0ec3ee (diff)
downloadplyr-cdf3deb458716ae447a43943805291550fee91c3.tar.lz
plyr-cdf3deb458716ae447a43943805291550fee91c3.tar.xz
plyr-cdf3deb458716ae447a43943805291550fee91c3.zip
YouTube playback, docs update
Diffstat (limited to 'docs/src/less/components/base.less')
-rw-r--r--docs/src/less/components/base.less45
1 files changed, 45 insertions, 0 deletions
diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less
new file mode 100644
index 00000000..81a68058
--- /dev/null
+++ b/docs/src/less/components/base.less
@@ -0,0 +1,45 @@
+// ==========================================================================
+// Base layout
+// ==========================================================================
+
+// BORDER-BOX ALL THE THINGS!
+// http://paulirish.com/2012/box-sizing-border-box-ftw/
+*, *::after, *::before {
+ box-sizing: border-box;
+}
+
+// Base
+html {
+ font-size: 100%;
+}
+body {
+ font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ background: @body-background;
+ line-height: 1.5;
+ text-align: center;
+ color: @gray;
+ .font-smoothing(on);
+}
+
+// Header
+header {
+ padding: @padding-base;
+ margin-bottom: @padding-base;
+
+ p {
+ .font-size(18);
+ }
+ @media (min-width: @screen-sm) {
+ padding-top: (@padding-base * 3);
+ padding-bottom: (@padding-base * 3);
+ }
+}
+
+// Sections
+section {
+ padding-bottom: @padding-base;
+
+ @media (min-width: @screen-sm) {
+ padding-bottom: (@padding-base * 2);
+ }
+} \ No newline at end of file