<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[BuddyPress][9856] trunk/src/bp-templates/bp-legacy/css: Update twentyfourteen SCSS Sheet</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://buddypress.trac.wordpress.org/changeset/9856">9856</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://buddypress.trac.wordpress.org/changeset/9856","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>hnla</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-05-09 08:44:25 +0000 (Sat, 09 May 2015)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Update twentyfourteen SCSS Sheet
Commit addresses scss-lint tests for VendorPrefix (currently disallowed by config)
- Uncomment vendor prefix properties previously removed as failing tests.
- Add scss-lint disable/enable block rules.
- Moves any mixins with vendor prefix properties within the exclusion block.
- Add calc() mixin from twentyfifteen sheet(props r-a-y)
Vendor prefix usage such as 'border-radius', 'box-sizing' will now pass tests as long as they are only used via a mixin within this exclusion block; this allows us to pass vendor prefixes where we explicitly set them in our exclusion block but then allows the lint test to run through on the rest of the sheet so ensuring prefixes aren't written directly to rulesets.
See <a href="http://buddypress.trac.wordpress.org/ticket/6338">#6338</a></pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcbptemplatesbplegacycsstwentyfourteenrtlcss">trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css</a></li>
<li><a href="#trunksrcbptemplatesbplegacycsstwentyfourteencss">trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css</a></li>
<li><a href="#trunksrcbptemplatesbplegacycsstwentyfourteenscss">trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcbptemplatesbplegacycsstwentyfourteenrtlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css 2015-05-08 17:30:54 UTC (rev 9855)
+++ trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css 2015-05-09 08:44:25 UTC (rev 9856)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,7 +101,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .directory #buddypress .item-list-tabs ul li.selected {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid rgba(0, 0, 0, 0.2);
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-left-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-left-radius: 4px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-right-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-right-radius: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -1px; }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -247,6 +249,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress ul.item-list li .action div {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block; }
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress ul.item-list li .action div a {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%; }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -385,6 +389,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress .members .item-list .my-entry .item {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f7f7f7;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0.5em; }
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (min-width: 783px) {
</span></span></pre></div>
<a id="trunksrcbptemplatesbplegacycsstwentyfourteencss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css 2015-05-08 17:30:54 UTC (rev 9855)
+++ trunk/src/bp-templates/bp-legacy/css/twentyfourteen.css 2015-05-09 08:44:25 UTC (rev 9856)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,7 +101,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .directory #buddypress .item-list-tabs ul li.selected {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid rgba(0, 0, 0, 0.2);
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-right-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-right-radius: 4px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-left-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-left-radius: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -1px; }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -247,6 +249,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress ul.item-list li .action div {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block; }
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress ul.item-list li .action div a {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%; }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -385,6 +389,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> #buddypress .members .item-list .my-entry .item {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f7f7f7;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0.5em; }
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (min-width: 783px) {
</span></span></pre></div>
<a id="trunksrcbptemplatesbplegacycsstwentyfourteenscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss 2015-05-08 17:30:54 UTC (rev 9855)
+++ trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss 2015-05-09 08:44:25 UTC (rev 9856)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,58 +37,70 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $rem-font-value + rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
+// for specific blocks / rulesets
+// until such time as exemption lists can be built for the scss-lint.yml?
+// Any vendor prefix properties / mixins need to be in this block
+// scss-lint:disable VendorPrefix
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Border border-radius mixins
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// To allow mixins to pass cscc-lint tests we will not provide vendor prefix
-// until such time as exemption lists can be built for the scss-lint.yml
-
</del><span class="cx" style="display: block; padding: 0 10px"> @mixin border-radius($radius) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-radius: $radius;
-// -moz-border-radius: $radius;
-// -ms-border-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-radius: $radius;
+ -moz-border-radius: $radius;
+ -ms-border-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: $radius;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin border-top-radius($radius) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-top-right-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-right-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-right-radius: $radius;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-top-left-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-left-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-left-radius: $radius;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin border-right-radius($radius) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-bottom-right-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-bottom-right-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-right-radius: $radius;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-top-right-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-right-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-right-radius: $radius;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin border-bottom-radius($radius) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-bottom-right-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-bottom-right-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-right-radius: $radius;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-bottom-left-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-bottom-left-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-left-radius: $radius;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin border-left-radius($radius) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-bottom-left-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-bottom-left-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-left-radius: $radius;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-border-top-left-radius: $radius;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-border-top-left-radius: $radius;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top-left-radius: $radius;
</span><span class="cx" style="display: block; padding: 0 10px"> background-clip: padding-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Box sizing
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> @mixin box-model($box-model: border-box) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// -webkit-box-sizing: $box-model;
-// -moz-box-sizing: $box-model;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-sizing: $box-model;
+ -moz-box-sizing: $box-model;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: $box-model;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Calc
+@mixin calc($property, $expression) {
+ #{$property}: -webkit-calc(#{$expression});
+ #{$property}: -moz-calc(#{$expression});
+ #{$property}: calc(#{$expression});
+}
+
+// Re-enable the VendorPrefix lint test
+// scss-lint:enable VendorPrefix
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // BP message boxes
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin message-box($background, $text-color: inherit) {
</span><span class="cx" style="display: block; padding: 0 10px"> background: lighten($background, 10%);
</span></span></pre>
</div>
</div>
</body>
</html>