staple 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -0
- data/source/stylesheets/staple/after.scss +1 -1
- data/source/stylesheets/staple/before.scss +1 -1
- data/source/stylesheets/staple/overrides.scss +39 -39
- data/staple.gemspec +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: abe0b6ef6e6e04b727c47fbd0b3afdc2faa77639
|
4
|
+
data.tar.gz: 26494243bf17212a6c9746498803d245955968ad
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cd3d540389336b03d5ec44756381b9b828ea9b5828bafb0046cca0738879a7e3c54a78f8aaf6c4db28259990da70adbca029f106d6ca60b276453abaeb4c7149
|
7
|
+
data.tar.gz: 2d5120fb7be92ff29712514c96d7faf0ad990b08694d659a098b7cd8e66f082028bdd722ed5af214e68d7633fa11a0e4fe5526e069f80bc9f3073b0e66447399
|
data/README.md
CHANGED
@@ -60,10 +60,10 @@ $rem-base: $scale-factor*16px;
|
|
60
60
|
// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
|
61
61
|
// If you want your base font-size to be different and not have it affect the grid breakpoints,
|
62
62
|
// set $rem-base to rgba($black, $transparent-medium)-font-size and make sure rgba($black, $transparent-medium)-font-size is a px value.
|
63
|
-
|
63
|
+
$base-font-size: $scale-factor*100%;
|
64
64
|
|
65
65
|
// The rgba($black, $transparent-medium)-font-size is 100% while rgba($black, $transparent-medium)-line-height is 150%
|
66
|
-
|
66
|
+
$base-line-height: $scale-factor*150%;
|
67
67
|
|
68
68
|
// We use this to control whether or not CSS classes come through in the gem files.
|
69
69
|
// $include-html-classes: true;
|
@@ -419,7 +419,7 @@ $button-round: $global-rounded;
|
|
419
419
|
|
420
420
|
// We use this to set default opacity and cursor for disabled buttons.
|
421
421
|
$button-disabled-opacity: 0.7;
|
422
|
-
$button-disabled-cursor: $cursor-default-value;
|
422
|
+
// $button-disabled-cursor: $cursor-default-value;
|
423
423
|
|
424
424
|
// 06. Button Groups
|
425
425
|
// - - - - - - - - - - - - - - - - - - - - - - - - -
|
@@ -589,7 +589,7 @@ $input-border-style: solid;
|
|
589
589
|
$input-border-width: 1px;
|
590
590
|
$input-border-radius: $global-radius;
|
591
591
|
$input-disabled-bg: rgba($black, $transparent-weak);
|
592
|
-
$input-disabled-cursor: $cursor-default-value;
|
592
|
+
// $input-disabled-cursor: $cursor-default-value;
|
593
593
|
$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
594
594
|
|
595
595
|
// We use these to style the fieldset border and spacing.
|
@@ -1114,39 +1114,39 @@ $side-nav-divider-color: scale-color($white, $lightness: 10%);
|
|
1114
1114
|
|
1115
1115
|
// $include-html-button-classes: $include-html-classes;
|
1116
1116
|
|
1117
|
-
// We use these to control different shared styles for Split Buttons
|
1118
|
-
$split-button-function-factor: 10%;
|
1119
|
-
$split-button-pip-color: $white;
|
1120
|
-
$split-button-pip-color-alt: rgba($black, $transparent-strong);
|
1121
|
-
$split-button-active-bg-tint: rgba(0,0,0,0.1);
|
1122
|
-
|
1123
|
-
// We use these to control tiny split buttons
|
1124
|
-
$split-button-padding-tny: $button-pip-tny * 10;
|
1125
|
-
$split-button-span-width-tny: $button-pip-tny * 6;
|
1126
|
-
$split-button-pip-size-tny: $button-pip-tny;
|
1127
|
-
$split-button-pip-top-tny: $button-pip-tny * 2;
|
1128
|
-
$split-button-pip-default-float-tny: rem-calc(-6);
|
1129
|
-
|
1130
|
-
// We use these to control small split buttons
|
1131
|
-
$split-button-padding-sml: $button-pip-sml * 10;
|
1132
|
-
$split-button-span-width-sml: $button-pip-sml * 6;
|
1133
|
-
$split-button-pip-size-sml: $button-pip-sml;
|
1134
|
-
$split-button-pip-top-sml: $button-pip-sml * 1.5;
|
1135
|
-
$split-button-pip-default-float-sml: rem-calc(-6);
|
1136
|
-
|
1137
|
-
// We use these to control medium split buttons
|
1138
|
-
$split-button-padding-med: $button-pip-med * 9;
|
1139
|
-
$split-button-span-width-med: $button-pip-med * 5.5;
|
1140
|
-
$split-button-pip-size-med: $button-pip-med - rem-calc(3);
|
1141
|
-
$split-button-pip-top-med: $button-pip-med * 1.5;
|
1142
|
-
$split-button-pip-default-float-med: rem-calc(-6);
|
1143
|
-
|
1144
|
-
// We use these to control large split buttons
|
1145
|
-
$split-button-padding-lrg: $button-pip-lrg * 8;
|
1146
|
-
$split-button-span-width-lrg: $button-pip-lrg * 5;
|
1147
|
-
$split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
1148
|
-
$split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
|
1149
|
-
$split-button-pip-default-float-lrg: rem-calc(-6);
|
1117
|
+
// // We use these to control different shared styles for Split Buttons
|
1118
|
+
// $split-button-function-factor: 10%;
|
1119
|
+
// $split-button-pip-color: $white;
|
1120
|
+
// $split-button-pip-color-alt: rgba($black, $transparent-strong);
|
1121
|
+
// $split-button-active-bg-tint: rgba(0,0,0,0.1);
|
1122
|
+
|
1123
|
+
// // We use these to control tiny split buttons
|
1124
|
+
// $split-button-padding-tny: $button-pip-tny * 10;
|
1125
|
+
// $split-button-span-width-tny: $button-pip-tny * 6;
|
1126
|
+
// $split-button-pip-size-tny: $button-pip-tny;
|
1127
|
+
// $split-button-pip-top-tny: $button-pip-tny * 2;
|
1128
|
+
// $split-button-pip-default-float-tny: rem-calc(-6);
|
1129
|
+
|
1130
|
+
// // We use these to control small split buttons
|
1131
|
+
// $split-button-padding-sml: $button-pip-sml * 10;
|
1132
|
+
// $split-button-span-width-sml: $button-pip-sml * 6;
|
1133
|
+
// $split-button-pip-size-sml: $button-pip-sml;
|
1134
|
+
// $split-button-pip-top-sml: $button-pip-sml * 1.5;
|
1135
|
+
// $split-button-pip-default-float-sml: rem-calc(-6);
|
1136
|
+
|
1137
|
+
// // We use these to control medium split buttons
|
1138
|
+
// $split-button-padding-med: $button-pip-med * 9;
|
1139
|
+
// $split-button-span-width-med: $button-pip-med * 5.5;
|
1140
|
+
// $split-button-pip-size-med: $button-pip-med - rem-calc(3);
|
1141
|
+
// $split-button-pip-top-med: $button-pip-med * 1.5;
|
1142
|
+
// $split-button-pip-default-float-med: rem-calc(-6);
|
1143
|
+
|
1144
|
+
// // We use these to control large split buttons
|
1145
|
+
// $split-button-padding-lrg: $button-pip-lrg * 8;
|
1146
|
+
// $split-button-span-width-lrg: $button-pip-lrg * 5;
|
1147
|
+
// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
1148
|
+
// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
|
1149
|
+
// $split-button-pip-default-float-lrg: rem-calc(-6);
|
1150
1150
|
|
1151
1151
|
// 28. Sub Nav
|
1152
1152
|
// - - - - - - - - - - - - - - - - - - - - - - - - -
|
@@ -1376,9 +1376,9 @@ $topbar-menu-icon-color-toggled: rgba($black, $transparent-medium);
|
|
1376
1376
|
|
1377
1377
|
// Transitions and breakpoint styles
|
1378
1378
|
$topbar-transition-speed: 300ms;
|
1379
|
-
Using rem-calc for the below breakpoint causes issues with top bar
|
1379
|
+
// Using rem-calc for the below breakpoint causes issues with top bar
|
1380
1380
|
$topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
|
1381
|
-
$topbar-media-query: $medium-up;
|
1381
|
+
// $topbar-media-query: $medium-up;
|
1382
1382
|
|
1383
1383
|
// Divider Styles
|
1384
1384
|
$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
|
data/staple.gemspec
CHANGED
@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
4
|
|
5
5
|
Gem::Specification.new do |spec|
|
6
6
|
spec.name = "staple"
|
7
|
-
spec.version = "0.1.
|
7
|
+
spec.version = "0.1.2"
|
8
8
|
spec.summary = "A high level ui generator. WIP."
|
9
9
|
spec.description = "Coming Soon. Built on top of foundation."
|
10
10
|
spec.authors = ["Ryan Helsing"]
|