diff options
author | Sam Potts <me@sampotts.me> | 2017-10-25 23:59:53 +1100 |
---|---|---|
committer | Sam Potts <me@sampotts.me> | 2017-10-25 23:59:53 +1100 |
commit | 378aa159b8d91b2d9950575141a6ee67e7db350c (patch) | |
tree | 1baaa3b1d94efd49e016d74b60ff6ae14d17b33a /demo/src/less/settings | |
parent | 57517a9dcc7ce75aef455b157fb6d1b97eab4e79 (diff) | |
download | plyr-378aa159b8d91b2d9950575141a6ee67e7db350c.tar.lz plyr-378aa159b8d91b2d9950575141a6ee67e7db350c.tar.xz plyr-378aa159b8d91b2d9950575141a6ee67e7db350c.zip |
Docs/demo refresh
Diffstat (limited to 'demo/src/less/settings')
-rw-r--r-- | demo/src/less/settings/breakpoints.less | 9 | ||||
-rw-r--r-- | demo/src/less/settings/colors.less | 27 | ||||
-rw-r--r-- | demo/src/less/settings/cosmetic.less | 12 | ||||
-rw-r--r-- | demo/src/less/settings/icons.less | 5 | ||||
-rw-r--r-- | demo/src/less/settings/layout.less | 5 | ||||
-rw-r--r-- | demo/src/less/settings/spacing.less | 5 | ||||
-rw-r--r-- | demo/src/less/settings/type.less | 17 |
7 files changed, 80 insertions, 0 deletions
diff --git a/demo/src/less/settings/breakpoints.less b/demo/src/less/settings/breakpoints.less new file mode 100644 index 00000000..b0ce9896 --- /dev/null +++ b/demo/src/less/settings/breakpoints.less @@ -0,0 +1,9 @@ +// ========================================================================== +// Breakpoints +// ========================================================================== + +@screen-sm: 480px; +@screen-md: 768px; + +@mq-sm: ~"only screen and (min-width: @{screen-sm}) "; +@mq-md: ~"only screen and (min-width: @{screen-md}) "; diff --git a/demo/src/less/settings/colors.less b/demo/src/less/settings/colors.less new file mode 100644 index 00000000..2f77fb14 --- /dev/null +++ b/demo/src/less/settings/colors.less @@ -0,0 +1,27 @@ +// ========================================================================== +// Colors +// ========================================================================== + +// Greyscale +@gray-dark: #343f4a; +@gray: #55646b; +@gray-light: #cbd0d3; +@gray-lighter: #dbe3e8; +@off-white: #f2f5f7; + +// Text +@color-text: #fff; + +// Plyr +@color-brand-primary: #1aafff; + +// Brands +@color-twitter: #4baaf4; +@color-youtube: #cc181e; +@color-vimeo: #19b7ed; + +// Elements +@color-link: #fff; + +// Focus +@tab-focus-default-color: #fff; diff --git a/demo/src/less/settings/cosmetic.less b/demo/src/less/settings/cosmetic.less new file mode 100644 index 00000000..bae2572b --- /dev/null +++ b/demo/src/less/settings/cosmetic.less @@ -0,0 +1,12 @@ +// ========================================================================== +// Misc cosmetic +// ========================================================================== + +// Button count arrow size +@arrow-size: 8px; + +// Radii +@border-radius-base: 4px; + +// Background +@page-background: linear-gradient(to left top, lighten(@color-brand-primary, 15%), darken(@color-brand-primary, 15%)); diff --git a/demo/src/less/settings/icons.less b/demo/src/less/settings/icons.less new file mode 100644 index 00000000..d0b09b0b --- /dev/null +++ b/demo/src/less/settings/icons.less @@ -0,0 +1,5 @@ +// ========================================================================== +// Icons +// ========================================================================== + +@icon-size: 18px; diff --git a/demo/src/less/settings/layout.less b/demo/src/less/settings/layout.less new file mode 100644 index 00000000..810edc03 --- /dev/null +++ b/demo/src/less/settings/layout.less @@ -0,0 +1,5 @@ +// ========================================================================== +// Layout +// ========================================================================== + +@container-max-width: 1280px; diff --git a/demo/src/less/settings/spacing.less b/demo/src/less/settings/spacing.less new file mode 100644 index 00000000..6bd14f58 --- /dev/null +++ b/demo/src/less/settings/spacing.less @@ -0,0 +1,5 @@ +// ========================================================================== +// Colors +// ========================================================================== + +@spacing-base: 20px; diff --git a/demo/src/less/settings/type.less b/demo/src/less/settings/type.less new file mode 100644 index 00000000..b2740018 --- /dev/null +++ b/demo/src/less/settings/type.less @@ -0,0 +1,17 @@ +// ========================================================================== +// Typography +// ========================================================================== + +@font-sans-serif: 'Avenir', 'Helvetica Neue', sans-serif; + +@font-size-base: 16; +@font-size-small: 14; +@font-size-h1: 64; + +@font-weight-base: 500; +@font-weight-bold: 700; +@font-weight-heavy: 900; + +@line-height-base: 1.5; + +@letter-spacing-headings: -0.025em; |