Document the new box shadow api
This commit is contained in:
parent
dce90daac8
commit
5d8f532b27
@ -1,10 +1,11 @@
|
|||||||
---
|
---
|
||||||
title: Compass Box Shadow
|
title: Compass Box Shadow
|
||||||
crumb: Box Shadow
|
crumb: Box Shadow (Deprecated)
|
||||||
framework: compass
|
framework: compass
|
||||||
stylesheet: compass/css3/_box-shadow.scss
|
stylesheet: compass/css3/_box-shadow.scss
|
||||||
meta_description: Specify the box shadow for all browsers.
|
meta_description: Specify the box shadow for all browsers.
|
||||||
layout: core
|
layout: core
|
||||||
|
deprecated: true
|
||||||
classnames:
|
classnames:
|
||||||
- reference
|
- reference
|
||||||
- core
|
- core
|
||||||
@ -12,4 +13,5 @@ classnames:
|
|||||||
---
|
---
|
||||||
- render 'reference' do
|
- render 'reference' do
|
||||||
%p
|
%p
|
||||||
The box-shadow mixin is used to give a block element a drop shadow.
|
This import is deprecated. Please import
|
||||||
|
<a href="/docs/reference/compass/css3/box_shadow_v2/">box_shadow_v2</a> instead.
|
15
doc-src/content/reference/compass/css3/box_shadow_v2.haml
Normal file
15
doc-src/content/reference/compass/css3/box_shadow_v2.haml
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
---
|
||||||
|
title: Compass Box Shadow (v2)
|
||||||
|
crumb: Box Shadow (v2)
|
||||||
|
framework: compass
|
||||||
|
stylesheet: compass/css3/_box-shadow-v2.scss
|
||||||
|
meta_description: Specify the box shadow for all browsers.
|
||||||
|
layout: core
|
||||||
|
classnames:
|
||||||
|
- reference
|
||||||
|
- core
|
||||||
|
- css3
|
||||||
|
---
|
||||||
|
- render 'reference' do
|
||||||
|
%p
|
||||||
|
The box-shadow mixins are used to apply an inset or drop shadow to a block element.
|
@ -55,6 +55,8 @@ aside[role="sidebar"]
|
|||||||
background: #f5f5f5
|
background: #f5f5f5
|
||||||
&.selected
|
&.selected
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
|
&.deprecated span
|
||||||
|
text-decoration: line-through
|
||||||
&:hover, &:focus, &.selected
|
&:hover, &:focus, &.selected
|
||||||
+border-radius
|
+border-radius
|
||||||
+text-shadow(lighten($c, 15), 0, 1px)
|
+text-shadow(lighten($c, 15), 0, 1px)
|
||||||
@ -74,4 +76,4 @@ aside[role="sidebar"]
|
|||||||
font-style: normal
|
font-style: normal
|
||||||
float: right
|
float: right
|
||||||
color: #ddd
|
color: #ddd
|
||||||
font-weight: normal
|
font-weight: normal
|
||||||
|
@ -1,2 +1,4 @@
|
|||||||
%li{:class => ("selected" if @selected)}
|
- classes = [("selected" if @selected), ("deprecated" if @current_item[:deprecated])].compact.join(" ")
|
||||||
%a{:href => default_path(@current_item), :class => ("selected" if @selected)}= @crumb
|
%li{:class => classes}
|
||||||
|
%a{:href => default_path(@current_item), :class => classes}
|
||||||
|
%span= @crumb
|
||||||
|
Loading…
Reference in New Issue
Block a user