simpodSass 0.0.9 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 1755d7b1c9b24c55aafec58b3d26c1f721e5a7a6
4
- data.tar.gz: 07c34d0dde2a63329112ca1123eb6ed744699569
3
+ metadata.gz: bedb64d824dd2d7a11037a7e8b32c7beb6892b14
4
+ data.tar.gz: 72a9818cbd06f81f36ca7f3f0e98b146929d8b32
5
5
  SHA512:
6
- metadata.gz: 677615e0da3d7636218126d3ae6db4e7838b2e68de6c28ee61c5b871be7e36aebafee7e903b6e9ab3593379b438f88a971375b31b565a542d8b5b7b5fc544688
7
- data.tar.gz: 96dda60b87e5a140a390151ec883d5155e609f346a723d819fd70362786a8521e69b21a7bc24e15ba1849cc6a9adf4f70a0f7397f95609d9e36259539d07030f
6
+ metadata.gz: aa752a8f3565ea7ad4fe7ac5939c76958533356a5ca1e3c05e6477dfddae6c7257d7474a099742b3b72b9c4aa59aabee6f5dd915147a40369d12819291bf0c9e
7
+ data.tar.gz: df6456550c6635dd847d208b058796a09f74da1f7e4a1fd162c29edeb9a9946662a5b5a55f0fa4510d9dc58291413dd82d6c9bda21d1f7910b3272f81bc66439
@@ -12,6 +12,6 @@ end
12
12
 
13
13
 
14
14
  module SimpodSass
15
- VERSION = "0.0.9"
16
- DATE = "2015-01-25"
15
+ VERSION = "0.0.11"
16
+ DATE = "2015-10-20"
17
17
  end
@@ -1,15 +1,7 @@
1
1
  @import "simpodSass/colors";
2
2
  @import "simpodSass/font";
3
+ @import "simpodSass/bootstrap";
3
4
  @import "simpodSass/flex";
4
5
  @import "simpodSass/modifiers";
5
6
  @import "simpodSass/layout";
6
- @import "simpodSass/helpers";
7
-
8
-
9
- @mixin flex($values) {
10
- -webkit-box-flex: nth($values, 1);
11
- -webkit-flex: $values;
12
- -moz-flex: $values;
13
- -ms-flex: $values;
14
- flex: $values;
15
- }
7
+ @import "simpodSass/helpers";
@@ -0,0 +1,7 @@
1
+ .is-visible {
2
+ visibility: visible;
3
+ }
4
+
5
+ .is-striked {
6
+ text-decoration: line-through;
7
+ }
@@ -0,0 +1,84 @@
1
+ @mixin breakpoint($class) {
2
+ @if $class == xs {
3
+ @media (max-width: 767px) {
4
+ @content;
5
+ }
6
+ } @else if $class == sm {
7
+ @media (min-width: 768px) {
8
+ @content;
9
+ }
10
+ } @else if $class == md {
11
+ @media (min-width: 992px) {
12
+ @content;
13
+ }
14
+ } @else if $class == lg {
15
+ @media (min-width: 1200px) {
16
+ @content;
17
+ }
18
+ } @else {
19
+ @warn "Breakpoint mixin supports: xs, sm, md, lg";
20
+ }
21
+ }
22
+
23
+ $sizes: "xs", "md", "sm", "lg";
24
+ $widths: "767", "768", "992", "1200";
25
+
26
+ @mixin bootstrapLayout($start, $end) {
27
+ $i: 1;
28
+ @each $size in $sizes {
29
+ $selector: #{$start}-#{$size}#{if($end!='', -#{$end}, '')};
30
+ @if $size == xs {
31
+ @media (max-width: nth($widths,$i)+px) {
32
+ .#{$selector} {
33
+ @content;
34
+ }
35
+ }
36
+ } @else {
37
+ @media (min-width: nth($widths,$i)+px) {
38
+ .#{$selector} {
39
+ @content;
40
+ }
41
+ }
42
+ }
43
+
44
+ }
45
+ }
46
+
47
+ @media (min-width: 768px) {
48
+ .col-sm-55 {
49
+ float: left;
50
+ width: 100 / 12 * 5.5 * 1%;
51
+ position: relative;
52
+ min-height: 1px;
53
+ padding-left: 15px;
54
+ padding-right: 15px;
55
+ }
56
+ .container-small {
57
+ width: 300px;
58
+ }
59
+ .container-large {
60
+ width: 970px;
61
+ }
62
+ }
63
+
64
+ @media (min-width: 992px) {
65
+ .container-small {
66
+ width: 500px;
67
+ }
68
+ .container-large {
69
+ width: 1170px;
70
+ }
71
+ }
72
+
73
+ @media (min-width: 1200px) {
74
+ .container-small {
75
+ width: 700px;
76
+ }
77
+ .container-large {
78
+ width: 1500px;
79
+ }
80
+ }
81
+
82
+ .container-small, .container-large {
83
+ max-width: 100%;
84
+ }
@@ -8,8 +8,4 @@
8
8
 
9
9
  .text-center {
10
10
  text-align: center;
11
- }
12
-
13
- .center-block {
14
- @include center-block;
15
11
  }
@@ -1,4 +0,0 @@
1
- @mixin center-block {
2
- margin-left: auto !important;
3
- margin-right: auto !important;
4
- }
@@ -225,4 +225,12 @@
225
225
 
226
226
  @include experimental(flex-line-pack, $align-value, not -moz, not -webkit, not -o, -ms, not -khtml, not official);
227
227
  @include experimental(align-content, $value, -moz, -webkit, not -o, not -ms, not -khtml, official);
228
+ }
229
+
230
+ @mixin flex($values) {
231
+ -webkit-box-flex: nth($values, 1);
232
+ -webkit-flex: $values;
233
+ -moz-flex: $values;
234
+ -ms-flex: $values;
235
+ flex: $values;
228
236
  }
@@ -15,4 +15,20 @@ $singleUnits: "em" "px" "%";
15
15
  @mixin line-height($line: $lineHeight) {
16
16
  line-height: $line * $fontSize + px;
17
17
  line-height: $line + rem;
18
+ }
19
+
20
+ .is-bold {
21
+ font-weight: bold;
22
+ }
23
+
24
+ .is-italic {
25
+ font-style: italic;
26
+ }
27
+
28
+ .is-struck {
29
+ text-decoration: line-through;
30
+ }
31
+
32
+ .is-underline {
33
+ text-decoration: underline;
18
34
  }
@@ -1,13 +1,15 @@
1
- .clearfix:before,
2
- .clearfix:after {
3
- content: "";
4
- display: table;
5
- }
1
+ @mixin clearfix {
2
+ &:before,
3
+ &:after {
4
+ content: "";
5
+ display: table;
6
+ }
6
7
 
7
- .clearfix:after {
8
- clear: both;
8
+ &:after {
9
+ clear: both;
10
+ }
9
11
  }
10
12
 
11
- //.clearfix {
12
- // zoom:1; /* For IE 6/7 (trigger hasLayout) */
13
- //}
13
+ .clearfix {
14
+ @include clearfix;
15
+ }
File without changes
File without changes
@@ -26,25 +26,21 @@
26
26
  }
27
27
  }
28
28
 
29
- @mixin placeholderColor($color) {
29
+ @mixin placeholder-block() {
30
30
 
31
- ::-webkit-input-placeholder {
32
- /* WebKit browsers */
33
- color: $color;
31
+ &::-webkit-input-placeholder {
32
+ @content;
34
33
  }
35
- :-moz-placeholder {
36
- /* Mozilla Firefox 4 to 18 */
37
- color: $color;
34
+ &:-moz-placeholder {
35
+ @content;
38
36
  opacity: 1;
39
37
  }
40
- ::-moz-placeholder {
41
- /* Mozilla Firefox 19+ */
42
- color: $color;
38
+ &::-moz-placeholder {
39
+ @content;
43
40
  opacity: 1;
44
41
  }
45
- :-ms-input-placeholder {
46
- /* Internet Explorer 10+ */
47
- color: $color;
42
+ &:-ms-input-placeholder {
43
+ @content
48
44
  }
49
45
  }
50
46
 
@@ -70,8 +66,51 @@
70
66
  position: absolute;
71
67
  }
72
68
 
69
+ @mixin center-block {
70
+ float: none;
71
+ margin-left: auto !important;
72
+ margin-right: auto !important;
73
+ }
74
+
75
+ @mixin center-block--nofloat {
76
+ margin-left: auto !important;
77
+ margin-right: auto !important;
78
+ }
79
+
80
+ @mixin centerblock {
81
+ float: none;
82
+ margin-left: auto !important;
83
+ margin-right: auto !important;
84
+ }
85
+
86
+ .center-block {
87
+ @include center-block;
88
+ }
89
+
73
90
  @for $i from 0 through 100 {
74
91
  .fs#{$i} {
75
92
  @include font-size($i);
76
93
  }
94
+ }
95
+
96
+ .is-pale {
97
+ opacity: 0.6;
98
+ }
99
+
100
+ .nowrap {
101
+ white-space: nowrap;
102
+ }
103
+
104
+ @mixin imgRetina($file-1x, $file-2x, $width-1x:'', $height-1x:'') {
105
+ background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
106
+
107
+ @media only screen and (-webkit-min-device-pixel-ratio: 2),
108
+ only screen and (min--moz-device-pixel-ratio: 2),
109
+ only screen and (-o-min-device-pixel-ratio: 2/1),
110
+ only screen and (min-device-pixel-ratio: 2),
111
+ only screen and (min-resolution: 192dpi),
112
+ only screen and (min-resolution: 2dppx) {
113
+ background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
114
+ background-size: unquote($width-1x) unquote($height-1x);
115
+ }
77
116
  }
metadata CHANGED
@@ -1,41 +1,41 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: simpodSass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.9
4
+ version: 0.0.11
5
5
  platform: ruby
6
6
  authors:
7
- - "Šimon Podlipský"
7
+ - Šimon Podlipský
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-01-25 00:00:00.000000000 Z
11
+ date: 2015-10-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ~>
18
18
  - !ruby/object:Gem::Version
19
19
  version: '3.3'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - "~>"
24
+ - - ~>
25
25
  - !ruby/object:Gem::Version
26
26
  version: '3.3'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: compass
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - ">="
31
+ - - '>='
32
32
  - !ruby/object:Gem::Version
33
33
  version: 0.12.0
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - ">="
38
+ - - '>='
39
39
  - !ruby/object:Gem::Version
40
40
  version: 0.12.0
41
41
  description: ''
@@ -47,6 +47,8 @@ extra_rdoc_files: []
47
47
  files:
48
48
  - lib/simpodSass.rb
49
49
  - stylesheets/_simpodSass.scss
50
+ - stylesheets/simpodSass/_after.scss
51
+ - stylesheets/simpodSass/_bootstrap.scss
50
52
  - stylesheets/simpodSass/_bootstrapAfter.scss
51
53
  - stylesheets/simpodSass/_bootstrapBefore.scss
52
54
  - stylesheets/simpodSass/_colors.scss
@@ -67,17 +69,17 @@ require_paths:
67
69
  - lib
68
70
  required_ruby_version: !ruby/object:Gem::Requirement
69
71
  requirements:
70
- - - ">="
72
+ - - '>='
71
73
  - !ruby/object:Gem::Version
72
74
  version: '0'
73
75
  required_rubygems_version: !ruby/object:Gem::Requirement
74
76
  requirements:
75
- - - ">="
77
+ - - '>='
76
78
  - !ruby/object:Gem::Version
77
79
  version: '1.2'
78
80
  requirements: []
79
81
  rubyforge_project: simpodSass
80
- rubygems_version: 2.4.5
82
+ rubygems_version: 2.4.8
81
83
  signing_key:
82
84
  specification_version: 4
83
85
  summary: Sass pack with usefull mixins and variables