staple 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.
- 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"]
|