diff --git a/dev/Styles/@Main.less b/dev/Styles/@Main.less index 9e94d2306..32187b889 100644 --- a/dev/Styles/@Main.less +++ b/dev/Styles/@Main.less @@ -94,5 +94,4 @@ @import "SettingsFilters.less"; @import "Animations.less"; -//@import "Responsive.less"; @import "_End.less"; diff --git a/dev/Styles/Animations.less b/dev/Styles/Animations.less index e26cc2a23..d0812a0cc 100644 --- a/dev/Styles/Animations.less +++ b/dev/Styles/Animations.less @@ -63,7 +63,7 @@ html.csstransitions.rl-started-delay { } } -.rl-anim { +html.rl-anim { &.cssanimations.csstransitions.no-mobile .b-login-content .errorAnimated { animation: login-form-shake 400ms ease-in-out; diff --git a/dev/Styles/Responsive.less b/dev/Styles/Responsive.less deleted file mode 100644 index 9b4c04697..000000000 --- a/dev/Styles/Responsive.less +++ /dev/null @@ -1,169 +0,0 @@ -html.ssm-state-mobile111 { - - &.rl-message-fullscreen { - #rl-right { - .RL-MailMessageView { - #rl-sub-right { - right: 0px; - width:20px; - left:0px; - .messageView { - .toolbar { - display: block!important; - z-index:105; - max-width: 200px; - position:absolute; - left:0px; - right:70px; - .dropdown-menu { - left:auto; - right:0px; - } - } - .b-content { - z-index:100; - top:45px; - width:auto; - .buttonUnFull { - top:10px; - right:5px; - opacity:0.7; - } - .buttonUp { - display:none; - } - } - } - } - } - .RL-MailMessageList { - #rl-sub-left { - .messageList { - .toolbar { - display:none!important; - } - } - } - } - } - } - - - #rl-right { - .RL-MailMessageView { - .messageView { - .toolbar { - display:none!important; - } - .b-content { - right:0px; - width:500px; - top:85px; - .messageItem { - .buttonFull { - z-index: 101; - top:90px; - right:0px; - width:35px; - bottom:10px; - height:auto; - opacity:1.0; - border:none; - border-radius:0px; - background:none; - &:hover { - background:#FFFFFF; - opacity:0.5; - color:#000000; - } - i { - position:absolute; - bottom:5px; - right:1px; - background:#F5F5F5; - border:1px solid #B7B7B7; - border-radius:4px; - padding:7px; - } - } - } - } - } - } - } - #rl-sub-left { - width:auto; - right:35px; - .messageList { - .toolbar { - right:50px; - .btn-group { - margin-bottom:5px; - .dropdown-menu { - left:auto; - right:0px; - } - #move-dropdown-id + .dropdown-menu { - left:0px; - right:auto; - } - } - } - .b-message-list-wrapper { - top:80px; - .second-toolbar { - .form-inline { - .input-append { - width:90%; - .inputSearch { - width:80%; - } - } - } - } - } - } - } - - #rl-sub-right { - right:0px; - left:auto; - width:35px; - } - - #rl-center { - min-width: 0px; - } - - - .b-compose.modal, - .b-contacts-content.modal, - .b-compose.modal, - .b-contacts-content.modal, - .b-advanced-search-content.modal { - width: 95%; - max-width: 700px; - } - - .b-compose.modal { - .b-header { - max-height:130px; - padding-bottom:10px; - overflow:auto; - } - .cke_top { - max-height:30px; - overflow:auto; - } - } - - .b-advanced-search-content.modal { - .control-label { - width:60px; - } - .controls { - margin-left:70px; - } - } - -} diff --git a/vendors/modernizr/config.json b/vendors/modernizr/config.json index 2e7fcc86b..cd532988f 100644 --- a/vendors/modernizr/config.json +++ b/vendors/modernizr/config.json @@ -5,7 +5,10 @@ ], "feature-detects": [ "test/css/animations", + "test/css/backgroundsize", + "test/css/boxshadow", "test/css/rgba", + "test/css/textshadow", "test/css/transitions" ] } \ No newline at end of file diff --git a/vendors/modernizr/modernizr-custom.js b/vendors/modernizr/modernizr-custom.js index cef3d73cb..059a6194a 100644 --- a/vendors/modernizr/modernizr-custom.js +++ b/vendors/modernizr/modernizr-custom.js @@ -1,6 +1,6 @@ /*! * modernizr v3.3.1 - * Build http://modernizr.com/download?-cssanimations-csstransitions-rgba-setclasses-dontmin + * Build http://modernizr.com/download?-backgroundsize-boxshadow-cssanimations-csstransitions-rgba-textshadow-setclasses-dontmin * * Copyright (c) * Faruk Ates @@ -24,10 +24,10 @@ ;(function(window, document, undefined){ var classes = []; - + var tests = []; - + /** * @@ -76,7 +76,7 @@ } }; - + // Fake some of Object.create so we can force non test results to be non "own" properties. var Modernizr = function() {}; @@ -86,7 +86,7 @@ // Overwrite name so constructor name is nicer :D Modernizr = new Modernizr(); - + /** * is returns a boolean if the typeof an obj is exactly type. @@ -182,7 +182,7 @@ */ var docElement = document.documentElement; - + /** * A convenience helper to check if the document we are running in is an SVG document @@ -192,7 +192,7 @@ */ var isSVG = docElement.nodeName.toLowerCase() === 'svg'; - + /** * setClasses takes an array of class names and adds them to the root element @@ -274,51 +274,6 @@ }); - /** - * If the browsers follow the spec, then they would expose vendor-specific style as: - * elem.style.WebkitBorderRadius - * instead of something like the following, which would be technically incorrect: - * elem.style.webkitBorderRadius - - * Webkit ghosts their properties in lowercase but Opera & Moz do not. - * Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+ - * erik.eae.net/archives/2008/03/10/21.48.10/ - - * More here: github.com/Modernizr/Modernizr/issues/issue/21 - * - * @access private - * @returns {string} The string representing the vendor-specific style properties - */ - - var omPrefixes = 'Moz O ms Webkit'; - - - var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []); - ModernizrProto._cssomPrefixes = cssomPrefixes; - - - /** - * List of JavaScript DOM values used for tests - * - * @memberof Modernizr - * @name Modernizr._domPrefixes - * @optionName Modernizr._domPrefixes - * @optionProp domPrefixes - * @access public - * @example - * - * Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather - * than kebab-case properties, all properties are their Capitalized variant - * - * ```js - * Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ]; - * ``` - */ - - var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []); - ModernizrProto._domPrefixes = domPrefixes; - - /** * contains checks to see if a string contains another string @@ -353,6 +308,51 @@ } ; + /** + * If the browsers follow the spec, then they would expose vendor-specific style as: + * elem.style.WebkitBorderRadius + * instead of something like the following, which would be technically incorrect: + * elem.style.webkitBorderRadius + + * Webkit ghosts their properties in lowercase but Opera & Moz do not. + * Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+ + * erik.eae.net/archives/2008/03/10/21.48.10/ + + * More here: github.com/Modernizr/Modernizr/issues/issue/21 + * + * @access private + * @returns {string} The string representing the vendor-specific style properties + */ + + var omPrefixes = 'Moz O ms Webkit'; + + + var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []); + ModernizrProto._cssomPrefixes = cssomPrefixes; + + + /** + * List of JavaScript DOM values used for tests + * + * @memberof Modernizr + * @name Modernizr._domPrefixes + * @optionName Modernizr._domPrefixes + * @optionProp domPrefixes + * @access public + * @example + * + * Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather + * than kebab-case properties, all properties are their Capitalized variant + * + * ```js + * Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ]; + * ``` + */ + + var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []); + ModernizrProto._domPrefixes = domPrefixes; + + /** * fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill. * @@ -424,7 +424,7 @@ delete modElem.elem; }); - + var mStyle = { style: modElem.elem.style @@ -436,7 +436,7 @@ delete mStyle.style; }); - + /** * domToCSS takes a camelCase string and converts it to kebab-case @@ -688,6 +688,57 @@ ; + /** + * testProp() investigates whether a given style property is recognized + * Property names can be provided in either camelCase or kebab-case. + * + * @memberof Modernizr + * @name Modernizr.testProp + * @access public + * @optionName Modernizr.testProp() + * @optionProp testProp + * @function testProp + * @param {string} prop - Name of the CSS property to check + * @param {string} [value] - Name of the CSS value to check + * @param {boolean} [useValue] - Whether or not to check the value if @supports isn't supported + * @returns {boolean} + * @example + * + * Just like [testAllProps](#modernizr-testallprops), only it does not check any vendor prefixed + * version of the string. + * + * Note that the property name must be provided in camelCase (e.g. boxSizing not box-sizing) + * + * ```js + * Modernizr.testProp('pointerEvents') // true + * ``` + * + * You can also provide a value as an optional second argument to check if a + * specific value is supported + * + * ```js + * Modernizr.testProp('pointerEvents', 'none') // true + * Modernizr.testProp('pointerEvents', 'penguin') // false + * ``` + */ + + var testProp = ModernizrProto.testProp = function(prop, value, useValue) { + return testProps([prop], undefined, value, useValue); + }; + +/*! +{ + "name": "CSS textshadow", + "property": "textshadow", + "caniuse": "css-textshadow", + "tags": ["css"], + "knownBugs": ["FF3.0 will false positive on this test"] +} +!*/ + + Modernizr.addTest('textshadow', testProp('textShadow', '1px 1px')); + + /** * testPropsAll tests a list of DOM properties we want to check against. * We specify literally ALL possible (known and/or likely) properties on @@ -725,7 +776,7 @@ // Modernizr.testAllProps('boxSizing') ModernizrProto.testAllProps = testPropsAll; - + /** * testAllProps determines whether a given CSS property is supported in the browser @@ -768,7 +819,7 @@ return testPropsAll(prop, undefined, undefined, value, skipValueTest); } ModernizrProto.testAllProps = testAllProps; - + /*! { "name": "CSS Animations", @@ -789,6 +840,21 @@ Detects whether or not elements can be animated using CSS Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true)); +/*! +{ + "name": "Background Size", + "property": "backgroundsize", + "tags": ["css"], + "knownBugs": ["This will false positive in Opera Mini - https://github.com/Modernizr/Modernizr/issues/396"], + "notes": [{ + "name": "Related Issue", + "href": "https://github.com/Modernizr/Modernizr/issues/396" + }] +} +!*/ + + Modernizr.addTest('backgroundsize', testAllProps('backgroundSize', '100%', true)); + /*! { "name": "CSS Transitions", @@ -800,6 +866,21 @@ Detects whether or not elements can be animated using CSS Modernizr.addTest('csstransitions', testAllProps('transition', 'all', true)); +/*! +{ + "name": "Box Shadow", + "property": "boxshadow", + "caniuse": "css-boxshadow", + "tags": ["css"], + "knownBugs": [ + "WebOS false positives on this test.", + "The Kindle Silk browser false positives" + ] +} +!*/ + + Modernizr.addTest('boxshadow', testAllProps('boxShadow', '1px 1px', true)); + // Run each test testRunner();