archetype 0.0.1.pre.3.6ed259b → 0.0.1.pre.3.55c4182

data/stylesheets/archetype/_config.scss

@@ -40,14 +40,13 @@ $CONTENT_PLACEHOLDER:             '\0020' !default;
 $CONFIG_DISABLED_CSS:             () !default;                                                      // a list of CSS3 features to always disable when using output-style()
 $CONFIG_GENERATED_TAG_PREFIX:     x-archetype !default;                                             // the prefix for the tag name to create when using ie-pseudo method
 $CONFIG_GENERATED_TAG_CSS:        false !default;                                                   // styles to apply to the generated tag when using ie-pseudo method (use this as a way to reset styles on these tags)
-$CONFIG_GENERATED_TAG_INLINE:     true !default;                                                    // if `true` insert the styles inline on the generated tag, otherwise insert the styles in a unique css rule
 
 // z-layers
 $CONFIG_Z_INDEX_BASE:             0 !default;                                                       // the default starting layer for z-index calculations
 $CONFIG_Z_LAYERS_OFFSET:          100 !default;                                                     // the offset between z-layers
 $CONFIG_Z_LAYERS:                 (default dialog navigation) !default;                             // the orders for the z-layers
 
-// compass
+// compass 
 $COMPASS_RTL_SUPPORT:             false !default;                                                   // does your Compass version support RTL? set to true if Compass mixins support RTL
 
 // sprites
@@ -305,12 +304,12 @@ $CONFIG_BROWSER_WARN_ON_HACK:     false !default;
 $CONFIG_BROWSER_VENDORS_HACK: (
   (webkit-all, safari webkit chrome),
   (gecko-all,  firefox gecko mozilla),
-  (opera-all,  opera) // NOTE: this may stop working once Opera switches over to using WebKit/Blink
+  (opera-all,  opera)
 ) !default;
 
 // os targeting
 $CONFIG_OS_VENDORS_CLASS: (
-  (os-win,   windows win winxp win7 win8),
+  (os-win,   windows win winxp win7),
   (os-mac,   apple mac osx),
   (os-linux, linux),
   (os-other, other misc unknown)
@@ -322,30 +321,21 @@ $CORE_SAFE_FONTS: (
   (sans-serif, (
     (default, (
       (default          (sans-serif)),
-      (ko_KR            ('Malgun Gothic', default)),
-      (zh_TW            (SimSun, default)),
-      (zh_CN            (SimSun, default))
+      (ko_KR            ('Malgun Gothic', default))
     )),
     (win, (
       (default          (Arial, sans-serif)),
       (ja_JP            (メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', default)),
-      (zh_TW            (default, '微軟正黑體', 'Microsoft JhengHei', PMingLiu, '宋体', SimSun)),
-      (zh_CN            (default, '华文细黑', 'STHeiti Light', '微软雅黑体', 'Microsoft Yahei', '新宋体', NSimSun, '宋体', SimSun)),
       (ko_KR            nil)
     )),
     (mac, (
       (default          (Helvetica, Arial, sans-serif)),
-      (zh_TW            (default, '黑體-繁', 'Heiti TC', '儷黑Pro', 'LiHei Pro', PMingLiu, '宋体', SimSun)),
-      (zh_CN            (default, '黑体-简', 'Heiti SC', '华文细黑', 'STHeiti Light', '华文黑体', STHeiti)),
       (ja_JP            ('Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'MS PGothic', default)),
       (ko_KR            nil)
     )),
     (linux, (
       (default          (Helvetica, FreeSans, 'Liberation Sans', Helmet, Arial, sans-serif)),
-      (zh_TW            (default, PMingLiu, '宋体', SimSun)),
-      (zh_CN            (default, '新宋体', NSimSun, '宋体', SimSun)),
-      (ja_JP            nil),
-      (ko_KR            nil)
+      (CJK              nil)
     ))
   )),
   (serif, (
@@ -365,6 +355,3 @@ $CORE_SAFE_FONTS: (
 ); // note that this declaration isn't a `default`, but rather is enforced everytime. this can be modified (via extending $CONFIG_SAFE_FONTS)
 $CONFIG_SAFE_FONTS: () !default;
 $CONFIG_SAFE_FONTS: associative-merge($CORE_SAFE_FONTS, $CONFIG_SAFE_FONTS);
-
-$archetype-glyph-selector: false !default;
-$archetype-pseudo-selector: false !default;

data/stylesheets/archetype/_hacks.scss

@@ -34,19 +34,19 @@
 }
 
 // proxy for ie-pseudo
-// @mixin     ie-pseudo-before
-// @param     $styles {String} the styles to apply to the pseudo-element
-// @param     $content {String} the content to insert into the element (similar to css `content` attribute)
-// @param     $name {String} the name of the element
+// @mixin    ie-pseudo-before
+// @param    $styles {String} the styles to apply to the pseudo-element
+// @param    $content {String} the content to insert into the element (similar to css `content` attribute)
+// @param    $name {String} the name of the element
 @mixin ie-pseudo-before($styles: false, $content: false, $name: '') {
   @include ie-pseudo($styles, $content, before, $name);
 }
 
 // proxy for ie-pseudo
-// @mixin     ie-pseudo-after
-// @param     $styles {String} the styles to apply to the pseudo-element
-// @param     $content {String} the content to insert into the element (similar to css `content` attribute)
-// @param     $name {String} the name of the element
+// @mixin    ie-pseudo-after
+// @param    $styles {String} the styles to apply to the pseudo-element
+// @param    $content {String} the content to insert into the element (similar to css `content` attribute)
+// @param    $name {String} the name of the element
 @mixin ie-pseudo-after($styles: false, $content: false, $name: '') {
   @include ie-pseudo($styles, $content, after, $name);
 }
@@ -54,43 +54,22 @@
 // this creates a one-type executing expression that inserts an element relative to `this` element.
 // this allows some level of support for :before/:after in IE6/7
 // inspired by http://nicolasgallagher.com/better-float-containment-in-ie/
-// @mixin     ie-pseudo
-// @param     $styles {String} the styles to apply to the pseudo-element
-// @param     $content {String} the content to insert into the element (similar to css `content` attribute)
-// @param     $placement {String} [before|after] simulate :before or :after behavior
-// @param     $name {String} the name of the element
-// @param     $uid {String} a custom, unique identifier for the generate element
-@mixin ie-pseudo($styles: false, $content: false, $placement: before, $name: '', $uid: false) {
-  $archetype-pseudo-selector: false;
+// @mixin    ie-pseudo
+// @param    $styles {String} the styles to apply to the pseudo-element
+// @param    $content {String} the content to insert into the element (similar to css `content` attribute)
+// @param    $placement {String} [before|after] simulate :before or :after behavior
+// @param    $name {String} the name of the element
+@mixin ie-pseudo($styles: false, $content: false, $placement: before, $name: '') {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    $uid: if($uid, $uid, unique('ie-pseudo-'));
-    $archetype-pseudo-selector: '& ##{$uid}';
     $method: if($placement == before, insertBefore, appendChild);
     $content: if($content and $content != nil, 'this.el.innerHTML="#{-ie-pseudo-content($content)}",', '');
     @if $CONFIG_GENERATED_TAG_CSS {
       $styles: if($styles and $styles != nil, #{$CONFIG_GENERATED_TAG_CSS}#{$styles}, $CONFIG_GENERATED_TAG_CSS);
     }
-    // if we're using inline styles...
-    $inline: if($styles and $styles != nil and $CONFIG_GENERATED_TAG_INLINE, 'this.el.style.cssText="#{$styles}",', '');
-    *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("#{prefixed-tag($name)}"),this.el.id="#{$uid}",#{$content}#{$inline}this.#{$method}(this.el));
-    // if we're NOT using inline styles...
-    @if not $CONFIG_GENERATED_TAG_INLINE {
-      // output it on the generated selector
-      #{$archetype-pseudo-selector} {
-        @include to-styles(-style-string-to-list($styles));
-      }
+    $styles: if($styles and $styles != nil, 'this.el.style.cssText="#{$styles}",', '');
+    @if $name != '' {
+      $name: '-#{$name}';
     }
-  }
-}
-
-// a hack that allows elements with transparent backgrounds to be focusable in IE
-// @mixin     transparent-focusable
-// @param     $url {String} an optional URL to point to an image (not required)
-// @param     $data {String} an optional data URI for a transparent image (not required)
-@mixin transparent-focusable($url: url(https://), $data: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') {
-  $bg: (transparent);
-  background: append($bg, $data);
-  @if $url {
-    @include target-browser(ie lte 7, background, append($bg, $url));
+    *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("#{$CONFIG_GENERATED_TAG_PREFIX}#{$name}"),#{$content}#{$styles}this.#{$method}(this.el));
   }
 }

data/stylesheets/archetype/_ui.scss

@@ -124,7 +124,7 @@
 // @param     $direction {String} top=vertical left=horizontal
 @mixin fade-box($width: 100%, $height: 100%, $direction: top) {
   $direction: rtl($direction);
-  // TODO - update this when Compass supports IE alpha channels
+  // TODO - update this when Compass supports IE alpha channels 
   @if $direction == left {
     @include ie-filter(gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1));
   }
@@ -153,10 +153,8 @@
 // @param     $size {Number} the size of the icon
 // @param     $color {Color} the color of the font
 // @param     $placement {String} where to place the icon [before|after|inline]
-// @param     $ie-styles {String} styles to apply to IE6/7 (this is needed because the faux :before isn't extendable)
-// @param     $ie-uid {String} a custom, unique identifier for the generate IE6/7 element
-@mixin glyph-icon($icon, $size: default, $color: inherit, $placement: before, $ie-styles: false, $ie-uid: false) {
-  $archetype-glyph-selector: false;
+// @param     $ie-styles {String} styles to apply to IE6/7 (this is needed because the faux :before isn't extensible)
+@mixin glyph-icon($icon, $size: default, $color: inherit, $placement: before, $ie-styles: false) {
   $char-mapping: nil;
   $char-code: nil;
   @if $icon {
@@ -169,18 +167,18 @@
   @else {
     @if $size == default {
       $default-size: nil;
-      @if $icon {
+      @if icon {
         $default-size: nth-cyclic($char-mapping, 2);
       }
       $size: if(type-of($default-size) == number, $default-size, 100%);
     }
     // if the size is under a given threshold, use a halfling, if available
-    @if $icon {
+    @if icon {
       $char-code: nth-cyclic(-compass-list($char-code), if(comparable($CONFIG_GLYPHS_THRESHOLD, $size) and $size <= $CONFIG_GLYPHS_THRESHOLD, 2, 1));
     }
     $selector: if(index(before after, $placement), '&:#{$placement}', '&');
     #{$selector} {
-      font-family: '#{$CONFIG_GLYPHS_NAME}';
+      font-family: $CONFIG_GLYPHS_NAME;
       font-weight: $CONFIG_GLYPHS_WEIGHT;
       font-style: $CONFIG_GLYPHS_STYLE;
       text-decoration: inherit;
@@ -191,8 +189,7 @@
         content: $char-code;
       }
     }
-    $archetype-glyph-selector: $selector;
-    @if($selector != '&' and $ie-styles != nil) {
+    @if($selector != '&') {
       // support for IE6/7
       $styles: "font-family:'#{$CONFIG_GLYPHS_NAME}';font-weight:#{$CONFIG_GLYPHS_WEIGHT};font-style:#{$CONFIG_GLYPHS_STYLE};text-decoration:inherit;";
       @if($size != nil) {
@@ -204,10 +201,7 @@
       @if($ie-styles) {
         $styles: $styles + $ie-styles;
       }
-      @include ie-pseudo($styles: $styles, $content: $char-code, $placement: $placement, $name: glyph, $uid: $ie-uid);
-      @if $archetype-pseudo-selector {
-        $archetype-glyph-selector: '#{$selector}, #{$archetype-pseudo-selector}';
-      }
+      @include ie-pseudo($styles: $styles, $content: $char-code, $placement: $placement, $name: glyph);
     }
   }
 }
@@ -320,13 +314,4 @@
   height: $height;
   margin-left: $width / -2;
   margin-top: $height / -2;
-}
-
-// a method for removing default styling from a button
-// @mixin     unstyled-button
-@mixin unstyled-button() {
-  background: none;
-  border: none;
-  padding: 0;
-  @include appearance(none);
 }

data/stylesheets/archetype/styleguide/components/_buttons.scss

@@ -15,7 +15,6 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID,  $STYLEGUIDE_BUTT
     margin                  0,
     overflow                visible,
     text-decoration         (none !important),
-    text-align              center,
     width                   auto,
     text-shadow             $CONFIG_SHADOW_BUTTON_TEXT,
     // sizing

data/stylesheets/archetype/util/_styles.scss

@@ -32,12 +32,8 @@
 @mixin output-style($property, $value: nil) {
   @if($property != nil and nth(-compass-list($value), 1) != nil and not index($CONFIG_DISABLED_CSS, $property)) {
     // for mixins, we need to do some custom work
-    // check to see if we have a custom output styler (pre)
-    @if has-custom-output-styler($property, $value, pre) == true {
-      @include custom-output-styler($property, $value, $method: pre);
-    }
     // border-radius
-    @else if($property == border-radius)        { @include border-radius(rtl($value, border-radius)); }
+    @if($property == border-radius)             { @include border-radius(rtl($value, border-radius)); }
     // box-sizing
     @else if($property == box-sizing)           { @include box-sizing($value); }
     // box-shadow
@@ -55,7 +51,7 @@
     // background-size
     @else if($property == background-size)      { @include background-size($value); }
     // background-origin
-    @else if($property == background-origin)    { @include background-origin($value); }
+    @else if($property == background-origin)      { @include background-origin($value); }
     // IE filters
     @else if($property == ie-filter)            { @include ie-filter($value); }
     // hide-text
@@ -74,8 +70,6 @@
     @else if($property == max-height)           { @include max-height($value); }
     // stretch
     @else if($property == stretch)              { @include stretch(); }
-    // appearance
-    @else if($property == appearance)           { @include appearance($value); }
     // bunch of RTL support
     @else if($property == margin)               { @include margin($value); }
     @else if($property == margin-left)          { @include margin-left($value); }
@@ -99,7 +93,6 @@
     @else if($property == left)                 { @include left($value); }
     @else if($property == right)                { @include right($value); }
     @else if($property == glyph-icon)           { @include glyph-icon(nth($value, 1), nth($value, 2), nth($value, 3), nth($value, 4), nth($value, 5)); }
-    @else if($property == extend)               { @extend #{$value}; }
     // animations
     @else if($property == animation) {
       @if archetype-version('compass >= 0.13') {
@@ -161,10 +154,6 @@
         @include ie-pseudo-after(nth($value, 1), $content, $tag);
       }
     }
-    // check to see if we have a custom output styler (post)
-    @else if has-custom-output-styler($property, $value, post) == true {
-      @include custom-output-styler($property, $value, $method: post);
-    }
     // otherwise just use a key-value pair
     @else { #{$property}: $value; }
   }
@@ -463,15 +452,3 @@
   }
   z-index: ($value + $layer);
 }
-
-// generate a tag name with a prefix
-// @function  prefixed-tag
-// @param     $tag {String} the tag to prefix
-// @param     $prefix {String} the prefix to prepend to the tag
-// @return    {String} the prefix joined with the tag
-@function prefixed-tag($tag: '', $prefix: $CONFIG_GENERATED_TAG_PREFIX) {
-  @if $tag != '' {
-    $tag: '-#{$tag}';
-  }
-  @return '#{$prefix}#{$tag}';
-}

data/test/fixtures/stylesheets/archetype/config.rb

@@ -11,11 +11,9 @@ http_images_path  = "/assets/images"
 http_fonts_path   = "/assets/fonts"
 line_comments     = false
 environment       = :production
-testing           = true
 
 asset_cache_buster do |path, file|
   "busted=true"
 end
 
 disable_warnings = true
-

data/test/fixtures/stylesheets/archetype/expected/hacks/ie_pseudo.css

@@ -1,11 +1,11 @@
 .before {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
 }
 
 .after-content {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="➽",this.appendChild(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.innerHTML="➽",this.appendChild(this.el));
 }
 
 .before-style-content {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="testing ➽if this works",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
+  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype"),this.el.innerHTML="testing ➽if this works",this.el.style.cssText="color: red; background: green;",this.insertBefore(this.el));
 }

data/test/fixtures/stylesheets/archetype/expected/styleguide/buttons.css

@@ -6,7 +6,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -82,7 +81,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -158,7 +156,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -234,7 +231,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -310,7 +306,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -386,7 +381,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -462,7 +456,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -538,7 +531,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -614,7 +606,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -691,7 +682,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -767,7 +757,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -843,7 +832,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -919,7 +907,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -995,7 +982,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1071,7 +1057,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1147,7 +1132,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1223,7 +1207,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1299,7 +1282,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1376,7 +1358,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1452,7 +1433,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1528,7 +1508,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1604,7 +1583,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1680,7 +1658,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1756,7 +1733,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1832,7 +1808,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   -webkit-border-radius: 3px;
@@ -1908,7 +1883,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -1984,7 +1958,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   width: auto;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-border-radius: 3px;
@@ -2060,7 +2033,6 @@
   margin: 0;
   overflow: visible;
   text-decoration: none !important;
-  text-align: center;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;