Removing box-shadow() mixin references that are deprecated in Bourbon, missed in previous commit. See #44

This commit is contained in:
John O'Nolan 2013-06-10 09:51:49 +02:00
parent e271c6402f
commit 4a630af54a
7 changed files with 55 additions and 62 deletions

View File

@ -26,7 +26,7 @@
position:relative;
@include breakpoint($mobile) {
@include box-shadow(none);
box-shadow: none;
}
input {
@ -59,7 +59,7 @@
box-shadow: $shadow;
@include breakpoint($mobile) {
@include box-shadow(none);
box-shadow: none;
}
// Convert all content areas to small boxes
@ -91,7 +91,7 @@
position:absolute;
top:-40px;
left:0;
@include box-shadow(rgba(0,0,0,0.1) 0 -2px 3px inset);
box-shadow: rgba(0,0,0,0.1) 0 -2px 3px inset;
a {
color:#fff;
@ -135,7 +135,7 @@
cursor:auto;
color: $brown;
background:#fff;
@include box-shadow(none);
box-shadow: none;
a {
color: $brown;
}
@ -253,7 +253,7 @@
.floatingheader {
@include breakpoint($netbook) {
@include box-shadow(none);
box-shadow: none;
}
&::before,
@ -264,7 +264,7 @@
.CodeMirror-scroll,
.entry-preview-content {
@include breakpoint($netbook) {
@include box-shadow(0 5px 5px rgba(0,0,0,0.05) inset);
box-shadow: 0 5px 5px rgba(0,0,0,0.05) inset;
}
}
}
@ -364,7 +364,7 @@ body.zen {
left:0;
right:0;
z-index:900;
@include box-shadow(0 -2px 8px rgba(0,0,0,0.2));
box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
@include breakpoint($netbook) {font-weight:normal;}
@ -384,7 +384,7 @@ body.zen {
min-height: 30px;
height: 30px;
margin-top:5px;
@include box-shadow(rgba(255,255,255,0.4) 0 1px 0 inset);
box-shadow: rgba(255,255,255,0.4) 0 1px 0 inset;
&.up:hover {
@include icon($i-chevron-down) {
@ -460,10 +460,9 @@ body.zen {
color: $lightgrey;
background: lighten($grey, 15%);
border-radius: $rounded;
@include box-shadow(
box-shadow:
rgba(255,255,255,0.2) 0 1px 0 inset,
#000 0 1px 3px
);
#000 0 1px 3px;
&:hover {
cursor: pointer;
@ -478,10 +477,9 @@ body.zen {
li.selected{
background: $blue;
@include box-shadow(
box-shadow:
rgba(255,255,255,0.2) 0 1px 0 inset,
rgba(0,0,0,0.5) 0 1px 5px
);
rgba(0,0,0,0.5) 0 1px 5px;
}
mark{

View File

@ -125,7 +125,7 @@
padding: 9px;
min-height: 30px;
min-width: 80px;
@include box-shadow(rgba(255,255,255,0.15) 0 1px 0 inset);
box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset;
@include breakpoint(630px) {
margin:0;

View File

@ -133,14 +133,13 @@
border-bottom: lighten($midgrey, 40%) 1px solid;
background: lighten($midgrey, 45%);
@include box-shadow(
box-shadow:
lighten($midgrey, 40%) 0 -1px 0, // top border
rgba(0,0,0,0.06) 7px 0 0 inset, // big left border
lighten($midgrey, 40%) 1px 0 0 inset // small left border
);
lighten($midgrey, 40%) 1px 0 0 inset; // small left border
a:hover {
@include box-shadow(rgba(0,0,0,0.1) 7px 0 0 inset);
box-shadow: rgba(0,0,0,0.1) 7px 0 0 inset;
@include transition(all 0.4s ease);
}

View File

@ -51,10 +51,10 @@
left:0;
bottom:0;
z-index: 700;
@include box-shadow($lightbrown 1px 0 0);
box-shadow: $lightbrown 1px 0 0;
@include breakpoint($tablet) {
width:100%;
@include box-shadow(none);
box-shadow: none;
}
> header {
@ -62,7 +62,7 @@
padding: 30px 15px 30px 40px;
margin-bottom: 0;
border-bottom: none;
@include box-shadow(#edece4 0 -1px 0 inset);
box-shadow: #edece4 0 -1px 0 inset;
@include breakpoint($netbook) {
padding-left: 15px;
};
@ -112,7 +112,9 @@
position:relative;
z-index: 300;
border-top: #edece4 1px solid;
@include box-shadow(#fff 1px 0 0, #edece4 0 1px 0);
box-shadow:
#fff 1px 0 0,
#edece4 0 1px 0;
@include transition;
a {

View File

@ -175,7 +175,7 @@ input[type="button"] {
color:#777;
font-weight: normal;
background: #eee;
@include box-shadow(none);
box-shadow: none;
&:hover {
border-color: rgba(0,0,0,0.1);
}
@ -187,7 +187,7 @@ button[type="submit"],
input[type="submit"] {
@extend %button;
background: $blue;
@include box-shadow(none);
box-shadow: none;
&:hover {background: darken($blue, 10%);}
}
@ -204,7 +204,7 @@ button[type="reset"],
input[type="reset"] {
@extend %button;
background: $red;
@include box-shadow(none);
box-shadow: none;
&:hover {background: darken($red, 10%);}
}
@ -266,11 +266,10 @@ input[type="reset"] {
color: #fff;
background: #e5e5e5;
border-radius: 0 2px 2px 0;
@include box-shadow(
box-shadow:
rgba(0,0,0,0.02) 0 1px 0 inset,
rgba(0,0,0,0.02) -1px 0 0 inset,
rgba(0,0,0,0.02) 0 -1px 0 inset
);
rgba(0,0,0,0.02) 0 -1px 0 inset;
@include icon($i-chevron-down, 9px) {
position: absolute;
top: 50%;
@ -282,7 +281,7 @@ input[type="reset"] {
// Spin the arrow on hover
&:hover {
@include box-shadow(none);
box-shadow: none;
background: #f8f8f8;
@include icon($i-chevron-down) {
@include transform(rotate(360deg));
@ -306,11 +305,10 @@ input[type="reset"] {
.options {
color:#777;
&:hover {
@include box-shadow(
box-shadow:
rgba(0,0,0,0.07) 0 1px 0 inset,
rgba(0,0,0,0.07) -1px 0 0 inset,
rgba(0,0,0,0.07) 0 -1px 0 inset
);
rgba(0,0,0,0.07) 0 -1px 0 inset;
}
}
}

View File

@ -106,24 +106,25 @@ h2 {
h1 a:hover {
text-decoration: none;
@include box-shadow($blue 0 -5px 0 inset);
box-shadow: $blue 0 -5px 0 inset;
}
h2 a:hover {
text-decoration: none;
@include box-shadow($blue 0 -4px 0 inset);
box-shadow: $blue 0 -4px 0 inset;
}
h3 a:hover {
text-decoration: none;
@include box-shadow($blue 0 -3px 0 inset);
box-shadow: $blue 0 -3px 0 inset;
}
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
@include box-shadow($blue 0 -1px 0 inset);
box-shadow: $blue 0 -1px 0 inset;
}
hgroup {
@ -140,7 +141,7 @@ hgroup {
color: $darkgrey;
&:hover {
@include box-shadow($darkgrey 0 -1px 0 inset);
box-shadow: $darkgrey 0 -1px 0 inset;
}
}
@ -285,7 +286,9 @@ kbd {
font-weight: bold;
background: #f4f4f4;
border-radius: 4px;
@include box-shadow(0 1px 0 rgba(0, 0, 0, 0.2),0 1px 0 0 #fff inset);
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
0 1px 0 0 #fff inset;
}
// Tabular Data
@ -424,7 +427,7 @@ nav {
text-decoration: none;
position:relative;
background:darken($grey, 2%);
@include box-shadow(0 -2px 2px rgba(0,0,0,0.2) inset);
box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset;
}
// Make a little arrow pointing up at the currently active menu item
@ -482,7 +485,7 @@ nav {
color: $lightgrey;
background: darken($grey, 3%);
@include transition(none);
@include box-shadow(none);
box-shadow: none;
}
}
@ -496,7 +499,7 @@ nav {
left:-1px;
z-index: 800;
background:darken($grey, 3%);
@include box-shadow(rgba(0,0,0,0.2) 0 4px 6px);
box-shadow: rgba(0,0,0,0.2) 0 4px 6px;
}
li {
@ -506,7 +509,7 @@ nav {
&:hover {
background: darken($darkgrey, 10%);
@include transition(none);
@include box-shadow(none);
box-shadow: none;
}
&:before { margin-right: 1em; } // space for icons
@ -605,7 +608,7 @@ nav {
border-bottom:$grey 1px solid;
a:hover,
&.active a {@include box-shadow(none)}
&.active a {box-shadow: none;}
&.active a:after {display:none;}
@ -652,13 +655,13 @@ nav {
> ul {
padding: 0;
@include box-shadow(none);
box-shadow: none;
width: 100%;
font-weight: 300;
}
.open {
@include box-shadow(rgba(0,0,0,0.4) 0 10px 20px);
box-shadow: rgba(0,0,0,0.4) 0 10px 20px;
}
li {
@ -707,7 +710,7 @@ nav {
color: $lightgrey;
background: $darkgrey;
border-radius: 3px;
@include box-shadow(rgba(0,0,0,0.5) 0 1px 15px);
box-shadow: rgba(0,0,0,0.5) 0 1px 15px;
// The triangle chiclet that points to where the menu came from
// By default, this is bottom center.
@ -739,10 +742,9 @@ nav {
&:hover {
background: $blue;
@include box-shadow(
box-shadow:
rgba(255,255,255,0.2) 0 1px 0 inset,
rgba(0,0,0,0.5) 0 1px 5px
);
rgba(0,0,0,0.5) 0 1px 5px;
}
}
@ -949,10 +951,9 @@ main {
.scrolling {
.floatingheader {
@include box-shadow(
box-shadow:
rgba(0,0,0,0.02) 0 1px 2px,
rgba(255, 255, 255, 0.5) 0 -1px 0 inset
);
rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
&::before {
content: "";
@ -962,7 +963,7 @@ main {
bottom:0;
left:50%;
margin-left: -40%;
@include box-shadow(rgba(0,0,0,0.02) 0 2px 2px);
box-shadow: rgba(0,0,0,0.02) 0 2px 2px;
}
&::after {
content: "";
@ -972,7 +973,7 @@ main {
bottom:0;
left:50%;
margin-left: -15%;
@include box-shadow(rgba(0,0,0,0.02) 0 3px 3px);
box-shadow: rgba(0,0,0,0.02) 0 3px 3px;
}
}
@ -1068,12 +1069,11 @@ main {
@include transition;
&:hover {
@include box-shadow(
box-shadow:
rgba(0,0,0,0.05) 5px 0 0 inset,
rgba(0,0,0,0.05) -5px 0 0 inset,
rgba(0,0,0,0.05) 0 5px 0 inset,
rgba(0,0,0,0.05) 0 -5px 0 inset
);
rgba(0,0,0,0.05) 0 -5px 0 inset;
@include transition;
}

View File

@ -91,14 +91,12 @@ $green: #9FBB58;
background-image: -moz-linear-gradient(bottom, $color1, lighten($color1, 10%));
background-image: -ms-linear-gradient(bottom, $color1, lighten($color1, 10%));
background-image: linear-gradient(bottom, $color1, lighten($color1, 10%));
@include box-shadow(rgba(0,0,0,0.2) 0 -1px 0 inset, rgba(0,0,0,0.1) 0 1px 0 inset);
} @else {
background-color: $color2;
background-image: -webkit-linear-gradient(bottom, $color1, $color2);
background-image: -moz-linear-gradient(bottom, $color1, $color2);
background-image: -ms-linear-gradient(bottom, $color1, $color2);
background-image: linear-gradient(to top, $color1, $color2);
@include box-shadow(rgba(0,0,0,0.2) 0 -1px 0 inset, rgba(0,0,0,0.1) 0 1px 0 inset);
}
}
@ -113,14 +111,12 @@ $green: #9FBB58;
background-image: -moz-linear-gradient(bottom, lighten($color1, 10%), $color1);
background-image: -ms-linear-gradient(bottom, lighten($color1, 10%), $color1);
background-image: linear-gradient(bottom, lighten($color1, 10%), $color1);
@include box-shadow(rgba(0,0,0,0.2) 0 -1px 0 inset, rgba(0,0,0,0.1) 0 1px 0 inset);
} @else {
background-color: $color1;
background-image: -webkit-linear-gradient(bottom, $color2, $color1);
background-image: -moz-linear-gradient(bottom, $color2, $color1);
background-image: -ms-linear-gradient(bottom, $color2, $color1);
background-image: linear-gradient(to top, $color2, $color1);
@include box-shadow(rgba(0,0,0,0.2) 0 -1px 0 inset, rgba(0,0,0,0.1) 0 1px 0 inset);
}
}