rapido-css 0.1.1 → 0.1.2

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.
Files changed (46) hide show
  1. data/stylesheets/_default-styles.scss +352 -352
  2. data/stylesheets/_functions.scss +77 -50
  3. data/stylesheets/_susy.scss +15 -12
  4. data/stylesheets/components/_alerts.scss +21 -21
  5. data/stylesheets/components/_breadcrumbs.scss +15 -15
  6. data/stylesheets/components/_button-groups.scss +51 -53
  7. data/stylesheets/components/_buttons.scss +94 -97
  8. data/stylesheets/components/_captions.scss +45 -45
  9. data/stylesheets/components/_close.scss +27 -27
  10. data/stylesheets/components/_dropdowns.scss +121 -121
  11. data/stylesheets/components/_forms.scss +246 -248
  12. data/stylesheets/components/_grids.scss +35 -35
  13. data/stylesheets/components/_labels.scss +38 -38
  14. data/stylesheets/components/_modals.scss +242 -248
  15. data/stylesheets/components/_navs.scss +86 -91
  16. data/stylesheets/components/_pager.scss +53 -53
  17. data/stylesheets/components/_pagination.scss +83 -85
  18. data/stylesheets/components/_responsive-navs.scss +84 -84
  19. data/stylesheets/components/_sliders.scss +54 -58
  20. data/stylesheets/components/_tables.scss +69 -74
  21. data/stylesheets/components/_tabs.scss +54 -54
  22. data/stylesheets/components/_type.scss +134 -140
  23. data/stylesheets/{_rapido.scss → rapido.scss} +0 -8
  24. data/stylesheets/settings/_base.scss +23 -23
  25. data/stylesheets/settings/_colors.scss +13 -13
  26. data/stylesheets/settings/_components.scss +43 -42
  27. data/stylesheets/settings/_dimensions.scss +91 -91
  28. data/stylesheets/settings/_effects.scss +28 -14
  29. data/stylesheets/susy/{_susy_background.scss → _background.scss} +0 -0
  30. data/stylesheets/susy/{_susy_functions.scss → _functions.scss} +0 -0
  31. data/stylesheets/susy/{_susy_grid.scss → _grid.scss} +0 -0
  32. data/stylesheets/susy/{_susy_isolation.scss → _isolation.scss} +1 -0
  33. data/stylesheets/susy/{_susy_margin.scss → _margin.scss} +0 -0
  34. data/stylesheets/susy/{_susy_media.scss → _media.scss} +0 -0
  35. data/stylesheets/susy/{_susy_padding.scss → _padding.scss} +0 -0
  36. data/stylesheets/susy/{_susy_settings.scss → _settings.scss} +0 -0
  37. data/stylesheets/susy/{_susy_support.scss → _support.scss} +0 -0
  38. data/stylesheets/susy/{_susy_units.scss → _units.scss} +0 -0
  39. data/stylesheets/utilities/_animations.scss +638 -597
  40. data/stylesheets/utilities/_debug.scss +43 -43
  41. data/stylesheets/utilities/_helper-classes.scss +70 -54
  42. data/stylesheets/utilities/_icon-fonts.scss +90 -90
  43. data/stylesheets/utilities/_mixins.scss +390 -357
  44. metadata +20 -17
  45. checksums.yaml +0 -15
  46. data/stylesheets/config.rb +0 -8
data/stylesheets/components/_navs.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Navs
4
4
 
@@ -24,119 +24,114 @@ Markup:
24
24
 
25
25
  Styleguide 12
26
26
 
27
- ==================================================================================================================== */
27
+ */
28
28
 
29
29
  @if $navs {
30
30
 
31
- .nav {
32
- @extend .clearfix;
33
- display: inline-block;
34
- margin-bottom: rhythm();
35
- position: relative;
36
-
37
- &, > ul {
38
- @extend .clearfix;
39
- list-style: none;
40
- margin-left: 0;
41
- padding-left: 0;
42
- }
43
-
44
- > ul {
45
- margin-bottom: 0;
46
- }
47
-
48
- li {
49
-
50
- > a {
51
- display: inline-block;
52
- line-height: 1em;
53
-
54
- &:hover, &:focus {
55
- text-decoration: none;
56
- }
57
-
58
- img { max-width: none; }
59
- }
60
-
61
- &.disabled > a:hover,
62
- &.disabled > a:focus {
63
- text-decoration: none;
64
- background-color: transparent;
65
- cursor: default;
66
- }
67
- }
68
- }
31
+ .nav {
32
+ @extend .clearfix;
33
+ display: inline-block;
34
+ margin-bottom: rhythm();
35
+ position: relative;
36
+
37
+ &, > ul {
38
+ @extend .clearfix;
39
+ list-style: none;
40
+ margin-left: 0;
41
+ padding-left: 0;
42
+ }
43
+
44
+ > ul {
45
+ margin-bottom: 0;
46
+ }
47
+
48
+ li {
49
+
50
+ > a {
51
+ display: inline-block;
52
+ line-height: 1em;
53
+
54
+ &:hover, &:focus {
55
+ text-decoration: none;
56
+ }
57
+
58
+ img { max-width: none; }
59
+ }
60
+
61
+ &.disabled > a:hover,
62
+ &.disabled > a:focus {
63
+ text-decoration: none;
64
+ background-color: transparent;
65
+ cursor: default;
66
+ }
67
+ }
68
+ }
69
69
 
70
70
  // Nav Title
71
- // --------------------------------------------------------------------------------------------------------------------
72
-
73
- .nav__title {
74
- @include adjust-font-size-to($milli-size);
75
- color: $gray;
76
- display: block;
77
- font-weight: bold;
78
- padding: $navs-padding;
79
- padding-left: 0;
80
- text-transform: uppercase;
81
- }
71
+
72
+ .nav__title {
73
+ @include adjust-font-size-to($milli-size);
74
+ color: $gray;
75
+ display: block;
76
+ font-weight: bold;
77
+ padding: $navs-padding;
78
+ padding-left: 0;
79
+ text-transform: uppercase;
80
+ }
82
81
 
83
82
  // Horizontal nav
84
- // --------------------------------------------------------------------------------------------------------------------
85
83
 
86
- .nav--inline {
87
- & > li,
88
- > ul > li { float: left;}
89
- }
84
+ .nav--inline {
85
+ & > li,
86
+ > ul > li { float: left;}
87
+ }
90
88
 
91
89
  // Vertical nav
92
- // --------------------------------------------------------------------------------------------------------------------
93
90
 
94
- .nav--vertical {
95
- width: 100%;
91
+ .nav--vertical {
92
+ width: 100%;
96
93
 
97
- li > a {
98
- display: block;
99
- }
100
- }
94
+ li > a {
95
+ display: block;
96
+ }
97
+ }
101
98
 
102
99
 
103
100
  // Nav with blocky links
104
- // --------------------------------------------------------------------------------------------------------------------
105
101
 
106
- .nav--btn {
107
- li {
108
- > a {
109
- padding: $navs-padding;
110
- @extend %nav--btn !optional;
102
+ .nav--btn {
103
+ li {
104
+ > a {
105
+ padding: $navs-padding;
106
+ @extend %nav--btn !optional;
111
107
 
112
- &:hover, &:focus {
113
- @extend %nav--btn__hover !optional;
114
- }
115
- }
108
+ &:hover, &:focus {
109
+ @extend %nav--btn__hover !optional;
110
+ }
111
+ }
116
112
 
117
- &.current > a,
118
- &.current > a:hover,
119
- &.current > a:focus {
120
- @extend %nav--btn__current !optional;
121
- }
113
+ &.current > a,
114
+ &.current > a:hover,
115
+ &.current > a:focus {
116
+ @extend %nav--btn__current !optional;
117
+ }
122
118
 
123
- // Disabled
124
- &.disabled > a { @extend %nav--btn__disabled !optional; }
125
- }
126
- }
119
+ // Disabled
120
+ &.disabled > a { @extend %nav--btn__disabled !optional; }
121
+ }
122
+ }
127
123
 
128
124
 
129
125
  // Nav with pills as links
130
- // --------------------------------------------------------------------------------------------------------------------
131
126
 
132
- .nav--pills {
133
- > li > a {
134
- @include border-radius($base-border-radius);
135
- margin-right: .25em;
136
- }
127
+ .nav--pills {
128
+ > li > a {
129
+ @include border-radius($base-border-radius);
130
+ margin-right: .25em;
131
+ }
137
132
 
138
- &[class*="vertical"] > li > a { margin-bottom: .25em; }
139
- &[class*="vertical"] > li:last-child > a { margin-bottom: 0; }
140
- }
133
+ &[class*="vertical"] > li > a { margin-bottom: .25em; }
134
+ &[class*="vertical"] > li:last-child > a { margin-bottom: 0; }
135
+ }
141
136
 
142
137
  }
data/stylesheets/components/_pager.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Pager
4
4
 
@@ -14,41 +14,41 @@ Markup:
14
14
 
15
15
  Styleguide 13
16
16
 
17
- ==================================================================================================================== */
17
+ */
18
18
 
19
19
  @if $pager {
20
20
 
21
21
 
22
- .pager {
23
- @include clearfix();
24
- list-style: none;
25
- margin: rhythm() 0;
26
- text-align: center;
27
-
28
- li {
29
- display: inline;
30
-
31
- a,
32
- span {
33
- @include border-radius($base-border-radius);
34
- border-style: solid;
35
- border-width: 1px;
36
- display: inline-block;
37
- line-height: 1em;
38
- padding: $pager-padding;
39
- @extend %pager--btn !optional;
40
- }
41
-
42
- a:hover,
43
- a:focus {
44
- @extend %pager--btn__hover !optional;
45
- }
46
- a:active {
47
- @extend %pager--btn__active !optional;
48
- }
49
- }
50
-
51
- /* --------------------------------------------------------------------------------------------------------------------
22
+ .pager {
23
+ @include clearfix();
24
+ list-style: none;
25
+ margin: rhythm() 0;
26
+ text-align: center;
27
+
28
+ li {
29
+ display: inline;
30
+
31
+ a,
32
+ span {
33
+ @include border-radius($base-border-radius);
34
+ border-style: solid;
35
+ border-width: 1px;
36
+ display: inline-block;
37
+ line-height: 1em;
38
+ padding: $pager-padding;
39
+ @extend %pager--btn !optional;
40
+ }
41
+
42
+ a:hover,
43
+ a:focus {
44
+ @extend %pager--btn__hover !optional;
45
+ }
46
+ a:active {
47
+ @extend %pager--btn__active !optional;
48
+ }
49
+ }
50
+
51
+ /*
52
52
 
53
53
  Alignment
54
54
 
@@ -62,21 +62,21 @@ Markup:
62
62
 
63
63
  Styleguide 13.1
64
64
 
65
- -------------------------------------------------------------------------------------------------------------------- */
65
+ */
66
66
 
67
- [rel="next"],
68
- .next > a,
69
- .next > span {
70
- float: right;
71
- }
67
+ [rel="next"],
68
+ .next > a,
69
+ .next > span {
70
+ float: right;
71
+ }
72
72
 
73
- [rel="prev"],
74
- .previous > a,
75
- .previous > span {
76
- float: left;
77
- }
73
+ [rel="prev"],
74
+ .previous > a,
75
+ .previous > span {
76
+ float: left;
77
+ }
78
78
 
79
- /* --------------------------------------------------------------------------------------------------------------------
79
+ /*
80
80
 
81
81
  Disabled state
82
82
 
@@ -90,17 +90,17 @@ Markup:
90
90
 
91
91
  Styleguide 13.2
92
92
 
93
- -------------------------------------------------------------------------------------------------------------------- */
93
+ */
94
94
 
95
- .disabled > a,
96
- .disabled > a:hover,
97
- .disabled > a:focus,
98
- .disabled > span {
99
- cursor: default;
100
- @extend %pager--btn__disabled !optional;
101
- }
95
+ .disabled > a,
96
+ .disabled > a:hover,
97
+ .disabled > a:focus,
98
+ .disabled > span {
99
+ cursor: default;
100
+ @extend %pager--btn__disabled !optional;
101
+ }
102
102
 
103
- }
103
+ }
104
104
 
105
105
 
106
106
  }
data/stylesheets/components/_pagination.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Pagination
4
4
 
@@ -21,98 +21,96 @@ Markup:
21
21
  .pagination--right - Right aligned pagination.
22
22
  .pagination--rounded - Rounded sides.
23
23
 
24
- Styleguide 14.
24
+ Styleguide 14
25
25
 
26
- ==================================================================================================================== */
26
+ */
27
27
 
28
28
  @if $pagination {
29
29
 
30
- .pagination {
31
- margin: rhythm() 0;
32
-
33
- > * {
34
- @extend .clearfix;
35
- @include border-radius($base-border-radius);
36
- @include inline-block;
37
- margin-bottom: 0;
38
- margin-left: $input-border;
39
-
40
- li {
41
- float: left;
42
- list-style-type: none;
43
-
44
- a,
45
- span {
46
- display: inline-block;
47
- padding: $pagination-padding;
48
- line-height: 1em;
49
- text-decoration: none;
50
- border-width: $input-border;
51
- border-style: solid;
52
- margin-left: -$input-border;
53
- @extend %pagination--btn !optional;
54
- }
55
- }
56
-
57
- li:first-child > a,
58
- li:first-child > span {
59
- border-left-width: 1px;
60
- }
61
-
62
- li > a:hover {
63
- @extend %pagination--btn__hover !optional;
64
- }
65
-
66
- li > a:active {
67
- @extend %pagination--btn__active !optional;
68
- }
69
-
70
- li.current a,
71
- li.current a:hover,
72
-
73
- // WP Paginate
74
- a.current,
75
- a.current:hover {
76
- @extend %pagination--btn__current !optional;
77
- }
78
-
79
- .disabled > span,
80
- .disabled > a,
81
- .disabled > a:hover,
82
- .disabled > a:focus {
83
- @extend %pagination--btn__disabled !optional;
84
- }
85
-
86
- .active > a,
87
- .active > span,
88
- .disabled > span,
89
- .disabled > a,
90
- .disabled > a:hover,
91
- .disabled > a:focus {
92
- cursor: default;
93
- }
94
- }
95
- }
30
+ .pagination {
31
+ margin: rhythm() 0;
32
+
33
+ > * {
34
+ @extend .clearfix;
35
+ @include border-radius($base-border-radius);
36
+ @include inline-block;
37
+ margin-bottom: 0;
38
+ margin-left: $input-border;
39
+
40
+ li {
41
+ float: left;
42
+ list-style-type: none;
43
+
44
+ a,
45
+ span {
46
+ display: inline-block;
47
+ padding: $pagination-padding;
48
+ line-height: 1em;
49
+ text-decoration: none;
50
+ border-width: $input-border;
51
+ border-style: solid;
52
+ margin-left: -$input-border;
53
+ @extend %pagination--btn !optional;
54
+ }
55
+ }
56
+
57
+ li:first-child > a,
58
+ li:first-child > span {
59
+ border-left-width: 1px;
60
+ }
61
+
62
+ li > a:hover {
63
+ @extend %pagination--btn__hover !optional;
64
+ }
65
+
66
+ li > a:active {
67
+ @extend %pagination--btn__active !optional;
68
+ }
69
+
70
+ li.current a,
71
+ li.current a:hover,
72
+
73
+ // WP Paginate
74
+ a.current,
75
+ a.current:hover {
76
+ @extend %pagination--btn__current !optional;
77
+ }
78
+
79
+ .disabled > span,
80
+ .disabled > a,
81
+ .disabled > a:hover,
82
+ .disabled > a:focus {
83
+ @extend %pagination--btn__disabled !optional;
84
+ }
85
+
86
+ .active > a,
87
+ .active > span,
88
+ .disabled > span,
89
+ .disabled > a,
90
+ .disabled > a:hover,
91
+ .disabled > a:focus {
92
+ cursor: default;
93
+ }
94
+ }
95
+ }
96
96
 
97
97
  // Alternative alignments
98
- // --------------------------------------------------------------------------------------------------------------------
99
98
 
100
- .pagination--center {text-align: center; }
101
- .pagination--right {text-align: right; }
99
+ .pagination--center {text-align: center; }
100
+ .pagination--right {text-align: right; }
102
101
 
103
102
  // Rounded sides
104
- // --------------------------------------------------------------------------------------------------------------------
105
-
106
- .pagination--rounded {
107
- li:first-child > a,
108
- li:first-child > span {
109
- @include border-left-radius($base-border-radius);
110
- }
111
-
112
- li:last-child > a,
113
- li:last-child > span {
114
- @include border-right-radius($base-border-radius);
115
- }
116
- }
103
+
104
+ .pagination--rounded {
105
+ li:first-child > a,
106
+ li:first-child > span {
107
+ @include border-left-radius($base-border-radius);
108
+ }
109
+
110
+ li:last-child > a,
111
+ li:last-child > span {
112
+ @include border-right-radius($base-border-radius);
113
+ }
114
+ }
117
115
 
118
116
  }