← Back to branch summary

~ubuntu-branches/ubuntu/vivid/ruby-compass/vivid-proposed

« back to all changes in this revision

Viewing changes to frameworks/compass/stylesheets/compass/css3/_hyphenation.scss

  • Committer: Package Import Robot
  • Author(s): Jonas Smedegaard
  • Date: 2014-10-23 01:41:15 UTC
  • mfrom: (12.1.4 sid)
  • Revision ID: package-import@ubuntu.com-20141023014115-bfhklnxtb876j1k4
Tags: 1.0.1~dfsg-3
* Fix tighten dependencies on ruby-sass and ruby-chunky-png.
* Adjust watch file to track only stable releases.
* Update Vcs-Browser URL to use cgit web frontend.
* Declare compliance with Debian Policy 3.9.6.
* Add NEWS entry about Blueprint now packaged separately.
* Stop build-depend explicitly on ruby.

Show diffs side-by-side

added added

removed removed

Lines of Context:
frameworks/compass/stylesheets/compass/css3/_hyphenation.scss
1
 
@import "shared";
2
 
 
3
 
// Mixins to support specific CSS Text Level 3 elements
4
 
//
5
 
//
6
 
//
7
 
// Mixin for word-break properties
8
 
// http://www.w3.org/css3-text/#word-break
9
 
// * legal values for $type : normal, keep-all, break-all
10
 
//
11
 
// Example:
12
 
//    p.wordBreak {@include word-break(break-all);}
13
 
//
14
 
// Which generates:
15
 
//    p.wordBreak {
16
 
//      -ms-word-break: break-all;
17
 
//      word-break: break-all;
18
 
//      word-break: break-word;}
19
 
//
20
 
@mixin word-break($value: normal){
21
 
  @if $value == break-all {
22
 
    //Most browsers handle the break-all case the same...
23
 
    @include experimental(word-break, $value,
24
 
      not -moz, not -webkit, not -o, -ms, not -khtml, official
25
 
    );
26
 
    //Webkit handles break-all differently... as break-word
27
 
    @include experimental(word-break, break-word,
28
 
      not -moz, not -webkit, not -o, not -ms, not -khtml, official
29
 
    );
30
 
  }
31
 
  @else {
32
 
    @include experimental(word-break, $value,
33
 
      not -moz, not -webkit, not -o, -ms, not -khtml, official
34
 
    );
35
 
  }
36
 
}
37
 
 
38
 
// Mixin for the hyphens property
39
 
//
40
 
// W3C specification: http://www.w3.org/TR/css3-text/#hyphens
41
 
// * legal values for $type : auto, manual, none
42
 
//
43
 
// Example:
44
 
//  p {
45
 
//    @include hyphens(auto);}
46
 
// Which generates:
47
 
//  p {
48
 
//    -moz-hyphens: auto;
49
 
//    -webkit-hyphens: auto;
50
 
//    hyphens: auto;}
51
 
//
52
 
@mixin hyphens($value: auto){
53
 
  @include experimental(hyphens, $value,
54
 
    -moz, -webkit, not -o, not -ms, not -khtml, official
55
 
  );
56
 
}
57
 
 
58
 
// Mixin for x-browser hyphenation based on @auchenberg's post:
59
 
// Removes the need for the <wbr/> HTML tag
60
 
// http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
61
 
//
62
 
//  Example:
63
 
//  div {@include hyphenation;}
64
 
//
65
 
//  Which generates:
66
 
//    div {
67
 
//      -ms-word-break: break-all;
68
 
//      word-break: break-all;
69
 
//      word-break: break-word;
70
 
//      -moz-hyphens: auto;
71
 
//      -webkit-hyphens: auto;
72
 
//      hyphens: auto;}
73
 
//
74
 
@mixin hyphenation{
75
 
  @include word-break(break-all);
76
 
  @include hyphens;
77
 
}