From 2d3a231e22c675bfc8a3ba9c28b1f1d576546ade Mon Sep 17 00:00:00 2001 From: Zach Wise Date: Wed, 18 Jul 2012 15:20:35 -0500 Subject: [PATCH] Cleanup and using mixins again --- source/less/Typography.less | 5 +---- source/less/VMM.Timeline.Core.less | 26 +++++++------------------- source/less/VMM.Timeline.TimeNav.less | 22 +++++----------------- 3 files changed, 13 insertions(+), 40 deletions(-) diff --git a/source/less/Typography.less b/source/less/Typography.less index e9c6d6b..ee995a1 100644 --- a/source/less/Typography.less +++ b/source/less/Typography.less @@ -46,10 +46,7 @@ } } .hyphenate { - -webkit-hyphens:auto; - -moz-hyphens:auto; - -ms-hyphens:auto; - hyphens:auto; + .hyphens(auto); word-wrap:break-word; } diff --git a/source/less/VMM.Timeline.Core.less b/source/less/VMM.Timeline.Core.less index 3ae7c2a..af76241 100644 --- a/source/less/VMM.Timeline.Core.less +++ b/source/less/VMM.Timeline.Core.less @@ -12,13 +12,9 @@ padding-top:20px; padding-bottom:20px; clear:both; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - - -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.35); - -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35); - box-shadow: 1px 1px 3px rgba(0,0,0,.35); + + .border-radius(10px); + .box-shadow(1px 1px 3px rgba(0,0,0,.35)); } #timeline-embed.full-embed { overflow:hidden; @@ -26,12 +22,9 @@ padding: 0 !important; margin: 0 !important; clear:both; - -webkit-border-radius: 0 !important; - -moz-border-radius: 0 !important; - border-radius: 0 !important; - -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; - -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; - box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important; + + .border-radius(0) !important; + .box-shadow(0 0px 0px rgba(0, 0, 0, 0.25)) !important; } #timeline-embed.sized-embed { overflow:hidden; @@ -40,10 +33,8 @@ padding-bottom:7px; margin: 0 !important; clear:both; - -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; - -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important; - box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important; + .box-shadow(0 0px 0px rgba(0, 0, 0, 0.25)) !important; } /* TIMELINE @@ -51,13 +42,10 @@ .vmm-timeline { width: 100%; height:100%; - //border: 1px solid @color-line; padding:0px; margin:0px; background-color:@color-background; position: absolute; - //border: 1px solid @color-line; - z-index:100; clear:both; overflow:hidden; diff --git a/source/less/VMM.Timeline.TimeNav.less b/source/less/VMM.Timeline.TimeNav.less index 408a3ab..e5e11e4 100644 --- a/source/less/VMM.Timeline.TimeNav.less +++ b/source/less/VMM.Timeline.TimeNav.less @@ -46,9 +46,7 @@ color:@color-nav-date; } .thumbnail { - opacity: 1; - -moz-opacity: 1; - filter:alpha(opacity=100); + .opacity(100); } } } @@ -249,9 +247,7 @@ margin-top:5px; } .thumbnail { - opacity: 1; - -moz-opacity: 1; - filter:alpha(opacity=100); + .opacity(100); } } } @@ -301,14 +297,8 @@ height:150px; background-color: @color-line; background-color: fade(@color-line, 50%); - /* - -webkit-box-shadow: 1px 0 0 @color-base; - -moz-box-shadow: 1px 0 0 @color-base; - box-shadow: 1px 0 0 @color-base; - */ - -webkit-box-shadow: 1px 0 0 fade(@color-base, 50%); - -moz-box-shadow: 1px 0 0 fade(@color-base, 50%); - box-shadow: 1px 0 0 fade(@color-base, 50%); + + .box-shadow(1px 0 0 fade(@color-base, 50%)); z-index:22; .event-line { @@ -361,9 +351,7 @@ .thumbnail { margin-bottom: 15px; margin-right: 3px; - opacity: 0.5; - -moz-opacity: 0.5; - filter:alpha(opacity=50); + .opacity(50); img { width:@base-thumb - 2; height:@base-thumb - 2;