playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Improve the rule of scsslint

pull/613/merge^2
Daijiro Wachi 11 years ago
parent
6312263cdd
commit
dae7b62d30
15 changed files with 146 additions and 146 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .scss-lint.yml
  2. 14
      sass/docs.scss
  3. 4
      sass/mixins.scss
  4. 2
      sass/popovers.scss
  5. 4
      sass/push.scss
  6. 36
      sass/ratchet.scss
  7. 90
      sass/ratchicons.scss
  8. 26
      sass/theme-android.scss
  9. 2
      sass/theme-ios.scss
  10. 4
      sass/toggles.scss

4
.scss-lint.yml
Unescape View File

@ -80,7 +80,7 @@ linters:
enabled: false enabled: false
SpaceAfterComma: SpaceAfterComma:
enabled: true enabled: false
SpaceAfterPropertyColon: SpaceAfterPropertyColon:
enabled: false enabled: false
@ -97,7 +97,7 @@ linters:
StringQuotes: StringQuotes:
enabled: true enabled: true
style: single_quotes # or double_quotes style: double_quotes
TrailingSemicolonAfterPropertyValue: TrailingSemicolonAfterPropertyValue:
enabled: true enabled: true

14
sass/docs.scss
Unescape View File

@ -1,5 +1,5 @@
@import 'variables.scss'; @import "variables.scss";
@import 'mixins.scss'; @import "mixins.scss";
// Clearfix mixin for docs // Clearfix mixin for docs
@ -252,7 +252,7 @@ body {
left: 30px; left: 30px;
width: 0; width: 0;
height: 0; height: 0;
content: ''; content: "";
} }
&:before { &:before {
top: -11px; top: -11px;
@ -828,7 +828,7 @@ code {
left: 0; left: 0;
z-index: 11; z-index: 11;
background-color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.3);
content: ''; content: "";
} }
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@ -890,7 +890,7 @@ code {
height: 813px; height: 813px;
margin-left: -20px; margin-left: -20px;
font-family: "Helvetica Neue", sans-serif; font-family: "Helvetica Neue", sans-serif;
background-image: url('../img/device-sprite.png'); background-image: url("../img/device-sprite.png");
background-size: 300%; background-size: 300%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 0; background-position: 0 0;
@ -1008,7 +1008,7 @@ hr {
// -------------------------------------------------- // --------------------------------------------------
.platform-ios { .platform-ios {
@import 'theme-ios.scss'; @import "theme-ios.scss";
.device { .device {
background-position: -395px 0; background-position: -395px 0;
@ -1019,7 +1019,7 @@ hr {
} }
} }
.platform-android { .platform-android {
@import 'theme-android.scss'; @import "theme-android.scss";
.device { .device {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;

4
sass/mixins.scss
Unescape View File

@ -23,7 +23,7 @@
&:before, &:before,
&:after { &:after {
display: table; // 2 display: table; // 2
content: ' '; // 1 content: " "; // 1
} }
&:after { &:after {
clear: both; clear: both;
@ -45,7 +45,7 @@
background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+ background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+
background-image: -o-linear-gradient(top, $color-from 0%, $color-to 100%); // Opera 11.10+ background-image: -o-linear-gradient(top, $color-from 0%, $color-to 100%); // Opera 11.10+
background-image: linear-gradient(to bottom, $color-from 0%, $color-to 100%); // W3C background-image: linear-gradient(to bottom, $color-from 0%, $color-to 100%); // W3C
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=0); // IE6-9 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{$color-from}",endColorstr="#{$color-to}",GradientType=0; // IE6-9
} }
@mixin directional-gradient($color-from, $color-to, $deg: 45deg) { @mixin directional-gradient($color-from, $color-to, $deg: 45deg) {
background-color: $color-from; // Old browsers background-color: $color-from; // Old browsers

2
sass/popovers.scss
Unescape View File

@ -25,7 +25,7 @@
width: 0; width: 0;
height: 0; height: 0;
margin-left: -15px; margin-left: -15px;
content: ''; content: "";
border-right: 15px solid transparent; border-right: 15px solid transparent;
border-bottom: 15px solid $chrome-color; border-bottom: 15px solid $chrome-color;
border-left: 15px solid transparent; border-left: 15px solid transparent;

4
sass/push.scss
Unescape View File

@ -54,10 +54,10 @@
.navigate-left:after, .navigate-left:after,
.push-left:after { .push-left:after {
left: 15px; left: 15px;
content: '\e822'; content: "\e822";
} }
.navigate-right:after, .navigate-right:after,
.push-right:after{ .push-right:after{
right: 15px; right: 15px;
content: '\e826'; content: "\e826";
} }

36
sass/ratchet.scss
Unescape View File

@ -1,30 +1,30 @@
// Variables // Variables
@import 'variables.scss'; @import "variables.scss";
// Mixins // Mixins
@import 'mixins.scss'; @import "mixins.scss";
// Normalize & Base CSS // Normalize & Base CSS
@import 'normalize.scss'; @import "normalize.scss";
@import 'base.scss'; @import "base.scss";
@import 'type.scss'; @import "type.scss";
// Components // Components
@import 'buttons.scss'; @import "buttons.scss";
@import 'bars.scss'; @import "bars.scss";
@import 'badges.scss'; @import "badges.scss";
@import 'cards.scss'; @import "cards.scss";
@import 'table-views.scss'; @import "table-views.scss";
@import 'forms.scss'; @import "forms.scss";
@import 'segmented-controls.scss'; @import "segmented-controls.scss";
@import 'popovers.scss'; @import "popovers.scss";
// Javascript components // Javascript components
@import 'modals.scss'; @import "modals.scss";
@import 'sliders.scss'; @import "sliders.scss";
@import 'toggles.scss'; @import "toggles.scss";
@import 'push.scss'; @import "push.scss";
// Ratchicons // Ratchicons
@import 'ratchicons.scss'; @import "ratchicons.scss";

90
sass/ratchicons.scss
Unescape View File

@ -6,11 +6,11 @@
font-family: Ratchicons; font-family: Ratchicons;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
src: url('../fonts/ratchicons.eot'); src: url("../fonts/ratchicons.eot");
src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'), src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"),
url('../fonts/ratchicons.woff') format('woff'), url("../fonts/ratchicons.woff") format("woff"),
url('../fonts/ratchicons.ttf') format('truetype'), url("../fonts/ratchicons.ttf") format("truetype"),
url('../fonts/ratchicons.svg#svgFontName') format('svg'); url("../fonts/ratchicons.svg#svgFontName") format("svg");
} }
.icon { .icon {
@ -22,43 +22,43 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.icon-back { &:before { content: '\e80a'; } } .icon-back { &:before { content: "\e80a"; } }
.icon-bars { &:before { content: '\e80e'; } } .icon-bars { &:before { content: "\e80e"; } }
.icon-caret { &:before { content: '\e80f'; } } .icon-caret { &:before { content: "\e80f"; } }
.icon-check { &:before { content: '\e810'; } } .icon-check { &:before { content: "\e810"; } }
.icon-close { &:before { content: '\e811'; } } .icon-close { &:before { content: "\e811"; } }
.icon-code { &:before { content: '\e812'; } } .icon-code { &:before { content: "\e812"; } }
.icon-compose { &:before { content: '\e813'; } } .icon-compose { &:before { content: "\e813"; } }
.icon-download { &:before { content: '\e815'; } } .icon-download { &:before { content: "\e815"; } }
.icon-edit { &:before { content: '\e829'; } } .icon-edit { &:before { content: "\e829"; } }
.icon-forward { &:before { content: '\e82a'; } } .icon-forward { &:before { content: "\e82a"; } }
.icon-gear { &:before { content: '\e821'; } } .icon-gear { &:before { content: "\e821"; } }
.icon-home { &:before { content: '\e82b'; } } .icon-home { &:before { content: "\e82b"; } }
.icon-info { &:before { content: '\e82c'; } } .icon-info { &:before { content: "\e82c"; } }
.icon-list { &:before { content: '\e823'; } } .icon-list { &:before { content: "\e823"; } }
.icon-more-vertical { &:before { content: '\e82e'; } } .icon-more-vertical { &:before { content: "\e82e"; } }
.icon-more { &:before { content: '\e82f'; } } .icon-more { &:before { content: "\e82f"; } }
.icon-pages { &:before { content: '\e824'; } } .icon-pages { &:before { content: "\e824"; } }
.icon-pause { &:before { content: '\e830'; } } .icon-pause { &:before { content: "\e830"; } }
.icon-person { &:before { content: '\e832'; } } .icon-person { &:before { content: "\e832"; } }
.icon-play { &:before { content: '\e816'; } } .icon-play { &:before { content: "\e816"; } }
.icon-plus { &:before { content: '\e817'; } } .icon-plus { &:before { content: "\e817"; } }
.icon-refresh { &:before { content: '\e825'; } } .icon-refresh { &:before { content: "\e825"; } }
.icon-search { &:before { content: '\e819'; } } .icon-search { &:before { content: "\e819"; } }
.icon-share { &:before { content: '\e81a'; } } .icon-share { &:before { content: "\e81a"; } }
.icon-sound { &:before { content: '\e827'; } } .icon-sound { &:before { content: "\e827"; } }
.icon-sound2 { &:before { content: '\e828'; } } .icon-sound2 { &:before { content: "\e828"; } }
.icon-sound3 { &:before { content: '\e80b'; } } .icon-sound3 { &:before { content: "\e80b"; } }
.icon-sound4 { &:before { content: '\e80c'; } } .icon-sound4 { &:before { content: "\e80c"; } }
.icon-star-filled { &:before { content: '\e81b'; } } .icon-star-filled { &:before { content: "\e81b"; } }
.icon-star { &:before { content: '\e81c'; } } .icon-star { &:before { content: "\e81c"; } }
.icon-stop { &:before { content: '\e81d'; } } .icon-stop { &:before { content: "\e81d"; } }
.icon-trash { &:before { content: '\e81e'; } } .icon-trash { &:before { content: "\e81e"; } }
.icon-up-nav { &:before { content: '\e81f'; } } .icon-up-nav { &:before { content: "\e81f"; } }
.icon-up { &:before { content: '\e80d'; } } .icon-up { &:before { content: "\e80d"; } }
.icon-right-nav { &:before { content: '\e818'; } } .icon-right-nav { &:before { content: "\e818"; } }
.icon-right { &:before { content: '\e826'; } } .icon-right { &:before { content: "\e826"; } }
.icon-down-nav { &:before { content: '\e814'; } } .icon-down-nav { &:before { content: "\e814"; } }
.icon-down { &:before { content: '\e820'; } } .icon-down { &:before { content: "\e820"; } }
.icon-left-nav { &:before { content: '\e82d'; } } .icon-left-nav { &:before { content: "\e82d"; } }
.icon-left { &:before { content: '\e822'; } } .icon-left { &:before { content: "\e822"; } }

26
sass/theme-android.scss
Unescape View File

@ -1,4 +1,4 @@
@import 'mixins.scss'; @import "mixins.scss";
// //
// Android theme // Android theme
@ -728,28 +728,28 @@ textarea,
// Deprecated `push-left` and `push-right` as of 2.0.1 // Deprecated `push-left` and `push-right` as of 2.0.1
.navigate-left:after, .navigate-left:after,
.push-left:after { .push-left:after {
content: ''; content: "";
} }
.navigate-right:after, .navigate-right:after,
.push-right:after { .push-right:after {
content: ''; content: "";
} }
// Ratchicons for Android // Ratchicons for Android
// -------------------------------------------------- // --------------------------------------------------
.icon-caret:before { content: '\e800'; } .icon-caret:before { content: "\e800"; }
.icon-down:before, .icon-down:before,
.icon-down-nav:before { content: '\e801'; } .icon-down-nav:before { content: "\e801"; }
.icon-download:before { content: '\e802'; } .icon-download:before { content: "\e802"; }
.icon-left:before, .icon-left:before,
.icon-left-nav:before { content: '\e803'; } .icon-left-nav:before { content: "\e803"; }
.icon-more-vertical:before { content: '\e804'; } .icon-more-vertical:before { content: "\e804"; }
.icon-more:before { content: '\e805'; } .icon-more:before { content: "\e805"; }
.icon-right:before, .icon-right:before,
.icon-right-nav:before { content: '\e806'; } .icon-right-nav:before { content: "\e806"; }
.icon-search:before { content: '\e807'; } .icon-search:before { content: "\e807"; }
.icon-share:before { content: '\e808'; } .icon-share:before { content: "\e808"; }
.icon-up:before, .icon-up:before,
.icon-up-nav:before { content: '\e809'; } .icon-up-nav:before { content: "\e809"; }

2
sass/theme-ios.scss
Unescape View File

@ -1,4 +1,4 @@
@import 'mixins.scss'; @import "mixins.scss";
// //
// iOS theme // iOS theme

4
sass/toggles.scss
Unescape View File

@ -36,7 +36,7 @@
font-size: 13px; font-size: 13px;
color: #999; color: #999;
text-transform: uppercase; text-transform: uppercase;
content: 'Off'; content: "Off";
} }
// Active state for toggle // Active state for toggle
@ -52,7 +52,7 @@
right: auto; right: auto;
left: 15px; left: 15px;
color: #fff; color: #fff;
content: 'On'; content: "On";
} }
} }
// Hide the checkbox // Hide the checkbox

Write Preview
Loading…
Cancel
Save