simpodSass 0.0.9 → 0.0.11

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.
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