From 20ee77a55e1311990f1b9bfb463a0ea0f76d1fdd Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Mon, 20 Jul 2015 23:03:24 +1000 Subject: Docs tweak --- docs/src/less/components/base.less | 8 +++++++- docs/src/less/components/buttons.less | 2 +- 2 files changed, 8 insertions(+), 2 deletions(-) (limited to 'docs/src/less') diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less index 81a68058..09765d90 100644 --- a/docs/src/less/components/base.less +++ b/docs/src/less/components/base.less @@ -8,13 +8,19 @@ box-sizing: border-box; } +// Hidden +[hidden] { + display: none; +} + // Base html { + height: 100%; font-size: 100%; + background: linear-gradient(#fff, @body-background); } body { font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif; - background: @body-background; line-height: 1.5; text-align: center; color: @gray; diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 749cd11f..0740343d 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -123,7 +123,7 @@ nav { position: relative; margin-left: 6px; padding: ((@padding-base / 2) - 1px); - background: @body-background; + background: #fff; border: 1px solid @gray-light; &::before { -- cgit v1.2.3 From 8d43f412ac2df1b9e311aa9876d64b61078a0159 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 21 Jul 2015 10:48:31 +1000 Subject: Docs CSS --- docs/src/less/components/base.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/src/less') diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less index 09765d90..57a7084e 100644 --- a/docs/src/less/components/base.less +++ b/docs/src/less/components/base.less @@ -17,7 +17,7 @@ html { height: 100%; font-size: 100%; - background: linear-gradient(#fff, @body-background); + background: linear-gradient(#fff, @body-background) fixed; } body { font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif; -- cgit v1.2.3 From e9cdbfb8da156ded3b11ca1a3e5bd29104ee565a Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 19:51:32 +1000 Subject: Safari fix (fixes #96), YouTube tweaks, docs --- docs/src/less/components/base.less | 1 + docs/src/less/components/buttons.less | 3 ++- docs/src/less/components/examples.less | 22 ++++++++++++++++++++++ 3 files changed, 25 insertions(+), 1 deletion(-) (limited to 'docs/src/less') diff --git a/docs/src/less/components/base.less b/docs/src/less/components/base.less index 57a7084e..b4e5ddf1 100644 --- a/docs/src/less/components/base.less +++ b/docs/src/less/components/base.less @@ -25,6 +25,7 @@ body { text-align: center; color: @gray; .font-smoothing(on); + padding: 0 (@padding-base / 2); } // Header diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 0740343d..9ee5cf93 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -101,7 +101,8 @@ nav { } } .btn-primary { - background: linear-gradient(@link-color, darken(@link-color, 3%)); + background-image: linear-gradient(@link-color, darken(@link-color, 3%)); + background-color: @link-color; border-color: darken(@link-color, 10%); box-shadow: 0 1px 1px rgba(0,0,0, .15); text-shadow: 0 1px 1px rgba(0,0,0, .1); diff --git a/docs/src/less/components/examples.less b/docs/src/less/components/examples.less index 9c145847..97087b02 100644 --- a/docs/src/less/components/examples.less +++ b/docs/src/less/components/examples.less @@ -22,9 +22,22 @@ overflow: hidden; } } +// Base styles .example-video .player { max-width: @example-width-video; + video, + iframe { + border-radius: @border-radius-base; + } + iframe { + -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); + } +} + +// Style full supported player +.example-video .player-video, +.example-video .player-youtube { video, iframe { border-radius: @border-radius-base @border-radius-base 0 0; @@ -35,5 +48,14 @@ &-fullscreen, &.fullscreen-active { max-width: none; + + .player-controls, + video, + iframe { + border-radius: 0; + } + iframe { + -webkit-mask-image: none; + } } } \ No newline at end of file -- cgit v1.2.3 From a0d2d5cd2445b226470f724a5fa9628a52bc9c14 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 25 Jul 2015 20:29:19 +1000 Subject: Minor tweaks --- docs/src/less/components/buttons.less | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/src/less') diff --git a/docs/src/less/components/buttons.less b/docs/src/less/components/buttons.less index 9ee5cf93..68c1f5d3 100644 --- a/docs/src/less/components/buttons.less +++ b/docs/src/less/components/buttons.less @@ -25,6 +25,7 @@ nav { position: relative; margin: 0 auto @padding-base; max-width: @example-width-video; + white-space: nowrap; &::before { content: ""; -- cgit v1.2.3