ultimate-base 0.4.1.0 → 0.5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,40 +0,0 @@
1
-
2
- $support-ie: true !default;
3
-
4
- // Provide cross-browser CSS text-shadow with hardcore ie-hack.
5
- // example:
6
- // @include text-shadow(#3b3b3b 1px 1px 1px);
7
- // produce:
8
- // text-shadow: 0 2px #000;
9
- // filter: shadow(Color=#3b3b3b, Direction=135, Strength=1.414);
10
- @mixin text-shadow_hard($params) {
11
- $l: length($params);
12
- $color: nth($params, $l);
13
- @if $color == none {
14
- text-shadow: none;
15
- @if $support-ie {
16
- filter: shadow(enabled=false);
17
- }
18
- } @else {
19
- text-shadow: $params;
20
- @if $support-ie {
21
- $params-offset: 0;
22
- @if type-of($color) != color {
23
- $color: nth($params, 1);
24
- @if type-of($color) == color {
25
- $params-offset: 1;
26
- } @else {
27
- $color: #000;
28
- }
29
- }
30
- $offset-x: 0;
31
- $offset-y: 0;
32
- @if $l > 2 {
33
- $offset-x : nth($params, $params-offset + 1);
34
- $offset-y : nth($params, $params-offset + 2);
35
- }
36
- $polar: polar($offset-x, $offset-y);
37
- filter: shadow(Color=$color, Direction=nth($polar, 1), Strength=nth($polar, 2));
38
- }
39
- }
40
- }
@@ -1,41 +0,0 @@
1
- // === overloadable in base.scss settings =========
2
-
3
- $font-family_base: Tahoma, Verdana, sans-serif;
4
- $font-size_base: 11px;
5
- $font-family_custom: "PFDinTextCondProThin", Tahoma, Arial, Verdana, sans-serif;
6
- $font-family_custom_bold: "PFDinTextCondProRegular", Verdana, sans-serif;
7
-
8
- @mixin font-face($family, $url-without-ext, $font-weight: normal, $font-style: normal) {
9
- @font-face {
10
- font-family: "#{$family}";
11
- src: font-url("#{$url-without-ext}.eot");
12
- src: font-url("#{$url-without-ext}.eot?#iefix") format("embedded-opentype"),
13
- font-url("#{$url-without-ext}.woff") format("woff"),
14
- font-url("#{$url-without-ext}.ttf") format("truetype"),
15
- font-url("#{$url-without-ext}.svg##{$family}") format("svg");
16
- font-weight: $font-weight;
17
- font-style: $font-style;
18
- }
19
- }
20
-
21
- @mixin font($font-family, $font-size: false, $line-height: false) {
22
- font-family: $font-family;
23
- @if $font-size {
24
- font-size: $font-size;
25
- }
26
- @if $line-height {
27
- line-height: $line-height;
28
- }
29
- }
30
-
31
- @mixin font_base($font-size: $font-size_base, $line-height: false) {
32
- @include font($font-family_base, $font-size, $line-height);
33
- }
34
-
35
- // TODO http://paulirish.com/2010/font-face-gotchas/
36
- // TODO -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
37
- @mixin font_custom($font-size: false, $line-height: false, $font-family: $font-family_custom) {
38
- font-weight: normal;
39
- font-style: normal;
40
- @include font($font-family, $font-size, $line-height);
41
- }
@@ -1,223 +0,0 @@
1
- @import "ultimate/mixins/routines";
2
-
3
- $support-ie: true !default;
4
-
5
- // example:
6
- // @include complex-padding(10px 20px none);
7
- // same:
8
- // padding: {
9
- // top: 10px;
10
- // right: 20px;
11
- // left: 20px;
12
- // }
13
- // produce:
14
- // padding-top: 10px;
15
- // padding-right: 20px;
16
- // padding-left: 20px;
17
- @mixin complex-padding($params) {
18
- $params: complex-list($params);
19
- @include complex-property(padding, $params);
20
- }
21
-
22
- // Provide complex box metrics.
23
- // example:
24
- // @include box(400px, none, 10px 20px none, 0 auto);
25
- // produce:
26
- // padding-top: 10px;
27
- // padding-right: 20px;
28
- // padding-left: 20px;
29
- // margin: 0 auto;
30
- // width: 360px;
31
- @mixin box($width,
32
- $height : false,
33
- $padding : false,
34
- $margin : false,
35
- $border : false,
36
- $include-padding : true,
37
- $include-margin : false,
38
- $include-border : true) {
39
- @if length($width) == 2 {
40
- $height: nth($width, 2);
41
- $width: nth($width, 1);
42
- }
43
- $properties: $padding $margin nth($border, 1);
44
- $include-properties: $include-padding $include-margin $include-border;
45
- $i: 0;
46
- @each $property-name in padding, margin, border-width {
47
- $i: $i + 1;
48
- $property: nth($properties, $i);
49
- @if $property {
50
- $complex: false;
51
- @if nth($include-properties, $i) and $property {
52
- $complex: complex-list($property);
53
- @if isset($width) {
54
- $width: _dec-size($width, nth($complex, 2), nth($complex, 4));
55
- }
56
- @if isset($height) {
57
- $height: _dec-size($height, nth($complex, 1), nth($complex, 3));
58
- }
59
- }
60
- @if $property-name == border-width and length($property) == 1 {
61
- border: $border;
62
- } @else {
63
- @include complex-property($property-name, $property, $complex);
64
- @if $property-name == border-width {
65
- border-style: nth($border, 2);
66
- border-color: nth($border, 3);
67
- }
68
- }
69
- }
70
- }
71
- @if isset($width) {
72
- width: $width;
73
- }
74
- @if isset($height) {
75
- height: $height;
76
- }
77
- }
78
-
79
- @mixin position($top: false, $right: false, $bottom: false, $left: false, $position: absolute) {
80
- @if length($top) == 4 {
81
- $left : nth($top, 4);
82
- $bottom : nth($top, 3);
83
- $right : nth($top, 2);
84
- $top : nth($top, 1);
85
- }
86
- @if isset($position) { position: $position; }
87
- @if isset($top) { top: $top; }
88
- @if isset($right) { right: $right; }
89
- @if isset($bottom) { bottom: $bottom; }
90
- @if isset($left) { left: $left; }
91
- }
92
-
93
- @mixin before($display: block, $content: '') {
94
- &:before {
95
- display: $display;
96
- content: $content;
97
- @content;
98
- }
99
- }
100
-
101
- @mixin after($display: block, $content: '') {
102
- &:after {
103
- display: $display;
104
- content: $content;
105
- @content;
106
- }
107
- }
108
-
109
- @mixin both($display: block, $content: '') {
110
- &:before, &:after {
111
- display: $display;
112
- content: $content;
113
- @content;
114
- }
115
- }
116
-
117
- // Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
118
- @mixin clearfix($clear: both) {
119
- @include both(table) {
120
- clear: $clear;
121
- }
122
- }
123
-
124
- // Provides a cross-browser method to implement `display: inline-block;`
125
- // example:
126
- // @include inline-block(80px, 20px);
127
- // produce:
128
- // display: inline-block;
129
- // *display: inline;
130
- // *zoom: 1;
131
- // width: 80px;
132
- // height: 20px;
133
- // vertical-align: middle;
134
- @mixin inline-block($width: false, $height: false, $vertical-align: middle) {
135
- display: inline-block;
136
- @if $support-ie {
137
- *display: inline;
138
- *zoom: 1;
139
- }
140
- @if isset($width) {
141
- width: $width;
142
- }
143
- @if isset($height) {
144
- height: $height;
145
- }
146
- @if isset($vertical-align) {
147
- vertical-align: $vertical-align;
148
- }
149
- }
150
-
151
- // TODO: rename to "justify"
152
- @mixin g-justify($item: ".item") {
153
- text-align: justify;
154
- @if $support-ie {
155
- text-justify: newspaper;
156
- text-align-last: justify;
157
- }
158
- font-size: 2px;
159
- line-height: 0;
160
- > #{$item}, &:after {
161
- @include inline-block;
162
- text-align: left;
163
- }
164
- &:after {
165
- content: "";
166
- height: 0;
167
- width: 99%;
168
- }
169
- }
170
-
171
- @mixin inline-block-list($item: "li") {
172
- position: relative;
173
- list-style: none;
174
- margin: 0;
175
- padding: 0;
176
- #{$item} {
177
- @include inline-block;
178
- }
179
- }
180
-
181
- @mixin block-list($item: "li") {
182
- overflow: hidden;
183
- position: relative;
184
- list-style: none;
185
- margin: 0;
186
- padding: 0;
187
- #{$item} {
188
- display: block;
189
- position: relative;
190
- float: left;
191
- }
192
- }
193
-
194
- @mixin simple-block-list($item: "li") {
195
- position: relative;
196
- list-style: none;
197
- margin: 0;
198
- padding: 0;
199
- #{$item} {
200
- display: block;
201
- position: relative;
202
- }
203
- }
204
-
205
- @mixin sticky-footer($layout-padding-bottom, $footer-selector: ".l-page__footer", $layout-selector: ".l-page") {
206
- html {
207
- height: 100%;
208
- }
209
- body {
210
- position: relative;
211
- min-height: 100%;
212
- }
213
- #{$layout-selector} {
214
- position: static;
215
- padding-bottom: $layout-padding-bottom;
216
- #{$footer-selector} {
217
- position: absolute;
218
- bottom: 0;
219
- left: 0;
220
- width: 100%;
221
- }
222
- }
223
- }
@@ -1,53 +0,0 @@
1
- @mixin _slider__nav($type, $nav_width) {
2
- &.#{$type} {
3
- $offset_x: 0;
4
- @if $type == prev {
5
- left: 0;
6
- } @else {
7
- right: 0;
8
- $offset_x: -$nav_width;
9
- }
10
- background-position: $offset_x (-$nav_width * 3);
11
- cursor: default;
12
- &.enabled {
13
- background-position: $offset_x 0;
14
- cursor: pointer;
15
- &:hover { background-position: $offset_x (-$nav_width); }
16
- &:active { background-position: $offset_x (-$nav_width * 2); }
17
- }
18
- }
19
- }
20
-
21
- @mixin slider($nav_width: 40px, $nav_sprite: "structures/slider__nav.png") {
22
- position: relative;
23
- padding: 0 !important;
24
- min-height: 24px;
25
- > .slide-display {
26
- height: 100%;
27
- margin: 0 $nav_width;
28
- overflow: hidden;
29
- position: relative;
30
- > .slide-line {
31
- position: absolute;
32
- top: 0;
33
- width: 10000px;
34
- height: 100%;
35
- > .item {
36
- float: left;
37
- display: block;
38
- }
39
- }
40
- }
41
- > .nav {
42
- display: block;
43
- width: $nav_width !important;
44
- height: 100%;
45
- position: absolute;
46
- top: 0;
47
- @if $nav_sprite {
48
- background: asset-data-url($nav_sprite) 1000px center no-repeat;
49
- }
50
- @include _slider__nav(prev, $nav_width);
51
- @include _slider__nav(next, $nav_width);
52
- }
53
- }
@@ -1,39 +0,0 @@
1
- require "sass"
2
-
3
- module Ultimate
4
- module Extensions
5
- module SassScriptFunctions
6
- #def reverseB(string)
7
- # assert_type string, :String
8
- # Sass::Script::String.new(string.value.reverse)
9
- #end
10
- #
11
- #def min(a, b)
12
- # assert_type a, :Number
13
- # assert_type b, :Number
14
- # a.value < b.value ? a : b
15
- #end
16
- #
17
- def polar(x, y)
18
- assert_type x, :Number
19
- assert_type y, :Number
20
-
21
- theta = Sass::Script::Number.new(Math.atan2(y.value, x.value) / Math::PI * 180 + 90)
22
- r = Sass::Script::Number.new(Math.hypot(x.value, y.value))
23
- Sass::Script::List.new([theta, r], :comma)
24
- end
25
-
26
- #Sass::Script::Functions.declare :reverseB, [:string]
27
- #Sass::Script::Functions.declare :min, [:a, :b]
28
- Sass::Script::Functions.declare :polar, [:x, :y]
29
- end
30
- end
31
- end
32
-
33
- module Sass::Script::Functions
34
- include Ultimate::Extensions::SassScriptFunctions
35
- end
36
-
37
- class Sass::Script::Functions::EvaluationContext
38
- include Sass::Script::Functions
39
- end
@@ -1,6 +0,0 @@
1
- @import "ultimate/mixins/microstructures";
2
- @import "ultimate/mixins/css3";
3
-
4
- .box {
5
- @include box(400px, none, 10px 20px none, 0 auto, (2px 4px none) solid blue);
6
- }
@@ -1,4 +0,0 @@
1
- /*
2
- *= require application
3
- *= require_tree .
4
- */