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

Trim trailing spaces.

pull/300/merge
XhmikosR 11 years ago
parent
2d8c6f3e3e
commit
7eb31a7049
18 changed files with 115 additions and 115 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. 8
      Gruntfile.js
  2. 2
      dist/ratchet.js
  3. 4
      docs/assets/js/docs.js
  4. 2
      docs/dist/ratchet.js
  5. 2
      js/push.js
  6. 10
      sass/bars.scss
  7. 4
      sass/base.scss
  8. 2
      sass/buttons.scss
  9. 14
      sass/docs.scss
  10. 4
      sass/modals.scss
  11. 124
      sass/normalize.scss
  12. 2
      sass/popovers.scss
  13. 2
      sass/push.scss
  14. 4
      sass/sliders.scss
  15. 4
      sass/table-views.scss
  16. 24
      sass/theme-android.scss
  17. 16
      sass/theme-ios.scss
  18. 2
      sass/toggles.scss

8
Gruntfile.js
Unescape View File

@ -20,7 +20,7 @@ module.exports = function(grunt) {
docsPath: 'docs/dist/', docsPath: 'docs/dist/',
docsAssetsPath: 'docs/assets/' docsAssetsPath: 'docs/assets/'
}, },
banner: '/*!\n' + banner: '/*!\n' +
' * =====================================================\n' + ' * =====================================================\n' +
' * Ratchet v<%= pkg.version %>\n' + ' * Ratchet v<%= pkg.version %>\n' +
@ -30,7 +30,7 @@ module.exports = function(grunt) {
' * V<%= pkg.version %> designed by @connors.\n' + ' * V<%= pkg.version %> designed by @connors.\n' +
' * =====================================================\n' + ' * =====================================================\n' +
' */\n', ' */\n',
concat: { concat: {
ratchet: { ratchet: {
options: { options: {
@ -51,7 +51,7 @@ module.exports = function(grunt) {
dest: '<%= meta.docsPath %><%= pkg.name %>.js' dest: '<%= meta.docsPath %><%= pkg.name %>.js'
} }
}, },
sass: { sass: {
options: { options: {
banner: '<%= banner %>', banner: '<%= banner %>',
@ -110,7 +110,7 @@ module.exports = function(grunt) {
} }
} }
}, },
watch: { watch: {
scripts: { scripts: {
files: [ files: [

2
dist/ratchet.js vendored
Unescape View File

@ -131,7 +131,7 @@
'slide-out' : 'slide-in', 'slide-out' : 'slide-in',
'fade' : 'fade' 'fade' : 'fade'
}; };
var bars = { var bars = {
bartab : '.bar-tab', bartab : '.bar-tab',
barnav : '.bar-nav', barnav : '.bar-nav',

4
docs/assets/js/docs.js
Unescape View File

@ -42,7 +42,7 @@ $(function() {
if (windowWidth >= 768) { if (windowWidth >= 768) {
device.initialLeft = device.offset().left; device.initialLeft = device.offset().left;
device.initialTop = device.initialTop || device.offset().top; device.initialTop = device.initialTop || device.offset().top;
device.dockingOffset = ($(window).height() - device.height())/2; device.dockingOffset = ($(window).height() - device.height())/2;
} }
checkDesktopContent(); checkDesktopContent();
@ -65,7 +65,7 @@ $(function() {
var trigger = $('.js-docs-nav-trigger'); var trigger = $('.js-docs-nav-trigger');
trigger.toggleClass('active'); trigger.toggleClass('active');
nav.toggleClass('active'); nav.toggleClass('active');
}); });
navComponentLinks.click(function(e) { navComponentLinks.click(function(e) {

2
docs/dist/ratchet.js vendored
Unescape View File

@ -131,7 +131,7 @@
'slide-out' : 'slide-in', 'slide-out' : 'slide-in',
'fade' : 'fade' 'fade' : 'fade'
}; };
var bars = { var bars = {
bartab : '.bar-tab', bartab : '.bar-tab',
barnav : '.bar-nav', barnav : '.bar-nav',

2
js/push.js
Unescape View File

@ -22,7 +22,7 @@
'slide-out' : 'slide-in', 'slide-out' : 'slide-in',
'fade' : 'fade' 'fade' : 'fade'
}; };
var bars = { var bars = {
bartab : '.bar-tab', bartab : '.bar-tab',
barnav : '.bar-nav', barnav : '.bar-nav',

10
sass/bars.scss
Unescape View File

@ -59,7 +59,7 @@
display: block; display: block;
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0 (-$bar-side-spacing); margin: 0 (-$bar-side-spacing);
font-size: $font-size-default; font-size: $font-size-default;
font-weight: $font-weight; font-weight: $font-weight;
line-height: $bar-base-height; line-height: $bar-base-height;
@ -131,10 +131,10 @@
font-weight: $font-weight-light; font-weight: $font-weight-light;
// Give buttons that are floated left and right side margin // Give buttons that are floated left and right side margin
&.pull-right { &.pull-right {
margin-left: $bar-side-spacing; margin-left: $bar-side-spacing;
} }
&.pull-left { &.pull-left {
margin-right: $bar-side-spacing; margin-right: $bar-side-spacing;
} }
} }
@ -202,7 +202,7 @@
top: 3px; top: 3px;
padding: 0; padding: 0;
} }
// Handle carets in the titles // Handle carets in the titles
.title .icon { .title .icon {
padding: 0; padding: 0;

4
sass/base.scss
Unescape View File

@ -3,7 +3,7 @@
// -------------------------------------------------- // --------------------------------------------------
// Use box sizing on all the things! // Use box sizing on all the things!
* { * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -27,7 +27,7 @@ body {
a { a {
color: $primary-color; color: $primary-color;
text-decoration: none; text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers. -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.
&:active { &:active {
color: darken($primary-color, 10%); color: darken($primary-color, 10%);

2
sass/buttons.scss
Unescape View File

@ -78,7 +78,7 @@
} }
} }
// Outlined buttons // Outlined buttons
.btn-outlined { .btn-outlined {
background-color: transparent; background-color: transparent;

14
sass/docs.scss
Unescape View File

@ -272,7 +272,7 @@ body {
font-size: 14px; font-size: 14px;
} }
// Docs modules // Docs modules
.docs-module { .docs-module {
margin-top: 20px; margin-top: 20px;
padding: 20px; padding: 20px;
@ -584,7 +584,7 @@ code {
margin: 10px auto; margin: 10px auto;
} }
// Popovers // Popovers
#popoversInDevice { #popoversInDevice {
#iwindow:before { #iwindow:before {
position: absolute; position: absolute;
@ -649,7 +649,7 @@ hr {
// Docs media queries // Docs media queries
// -------------------------------------------------- // --------------------------------------------------
// Tablet to desktop // Tablet to desktop
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.docs-header { .docs-header {
min-height: 830px; min-height: 830px;
@ -680,7 +680,7 @@ hr {
.docs-header-content { .docs-header-content {
top: 32%; top: 32%;
@include transform(translateY(-50%)); @include transform(translateY(-50%));
.btn { .btn {
display: inline-block; display: inline-block;
} }
@ -722,7 +722,7 @@ hr {
cursor: pointer; cursor: pointer;
@include transition(opacity .2 linear); @include transition(opacity .2 linear);
&:hover { &:hover {
color: $primary-color; color: $primary-color;
} }
&:active { &:active {
@ -813,7 +813,7 @@ hr {
font-size: 18px; font-size: 18px;
} }
// Docs modules // Docs modules
.docs-module { .docs-module {
margin-top: 35px; margin-top: 35px;
} }
@ -981,7 +981,7 @@ hr {
.offset-1 { margin-left: 50%; } .offset-1 { margin-left: 50%; }
// Tablet to desktop // Tablet to desktop
// -------------------------------------------------- // --------------------------------------------------
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {

4
sass/modals.scss
Unescape View File

@ -3,10 +3,10 @@
// -------------------------------------------------- // --------------------------------------------------
.modal { .modal {
position: fixed; position: fixed;
top: 0; top: 0;
opacity: 0; opacity: 0;
z-index: 11; z-index: 11;
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
overflow: hidden; overflow: hidden;

124
sass/normalize.scss vendored
Unescape View File

@ -3,26 +3,26 @@
// 1. Set default font family to sans-serif. // 1. Set default font family to sans-serif.
// 2. Prevent iOS text size adjust after orientation change, without disabling // 2. Prevent iOS text size adjust after orientation change, without disabling
// user zoom. // user zoom.
html { html {
font-family: sans-serif; // 1 font-family: sans-serif; // 1
-ms-text-size-adjust: 100%; // 2 -ms-text-size-adjust: 100%; // 2
-webkit-text-size-adjust: 100%; // 2 -webkit-text-size-adjust: 100%; // 2
} }
// Remove default margin. // Remove default margin.
body { body {
margin: 0; margin: 0;
} }
// HTML5 display definitions // HTML5 display definitions
// ========================================================================== // ==========================================================================
// Correct `block` display not defined in IE 8/9. // Correct `block` display not defined in IE 8/9.
article, article,
aside, aside,
@ -41,19 +41,19 @@ summary {
// 1. Correct `inline-block` display not defined in IE 8/9. // 1. Correct `inline-block` display not defined in IE 8/9.
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
audio, audio,
canvas, canvas,
progress, progress,
video { video {
display: inline-block; // 1 display: inline-block; // 1
vertical-align: baseline; // 2 vertical-align: baseline; // 2
} }
// Prevent modern browsers from displaying `audio` without controls. // Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices. // Remove excess height in iOS 5 devices.
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
@ -62,7 +62,7 @@ audio:not([controls]) {
// Address `[hidden]` styling not present in IE 8/9. // Address `[hidden]` styling not present in IE 8/9.
// Hide the `template` element in IE, Safari, and Firefox < 22. // Hide the `template` element in IE, Safari, and Firefox < 22.
[hidden], [hidden],
template { template {
@ -70,17 +70,17 @@ template {
} }
// Links // Links
// ========================================================================== // ==========================================================================
// Remove the gray background color from active links in IE 10. // Remove the gray background color from active links in IE 10.
a { a {
background: transparent; background: transparent;
} }
// Improve readability when focused and also mouse hovered in all browsers. // Improve readability when focused and also mouse hovered in all browsers.
a:active, a:active,
a:hover { a:hover {
@ -88,17 +88,17 @@ a:hover {
} }
// Text-level semantics // Text-level semantics
// ========================================================================== // ==========================================================================
// Address styling not present in IE 8/9, Safari 5, and Chrome. // Address styling not present in IE 8/9, Safari 5, and Chrome.
abbr[title] { abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. // Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
b, b,
strong { strong {
@ -106,7 +106,7 @@ strong {
} }
// Address styling not present in Safari 5 and Chrome. // Address styling not present in Safari 5 and Chrome.
dfn { dfn {
font-style: italic; font-style: italic;
@ -114,7 +114,7 @@ dfn {
// Address variable `h1` font-size and margin within `section` and `article` // Address variable `h1` font-size and margin within `section` and `article`
// contexts in Firefox 4+, Safari 5, and Chrome. // contexts in Firefox 4+, Safari 5, and Chrome.
h1 { h1 {
font-size: 2em; font-size: 2em;
@ -122,7 +122,7 @@ h1 {
} }
// Address styling not present in IE 8/9. // Address styling not present in IE 8/9.
mark { mark {
background: #ff0; background: #ff0;
@ -130,14 +130,14 @@ mark {
} }
// Address inconsistent and variable font size in all browsers. // Address inconsistent and variable font size in all browsers.
small { small {
font-size: 80%; font-size: 80%;
} }
// Prevent `sub` and `sup` affecting `line-height` in all browsers. // Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub, sub,
sup { sup {
@ -156,34 +156,34 @@ sub {
} }
// Embedded content // Embedded content
// ========================================================================== // ==========================================================================
// Remove border when inside `a` element in IE 8/9. // Remove border when inside `a` element in IE 8/9.
img { img {
border: 0; border: 0;
} }
// Correct overflow displayed oddly in IE 9. // Correct overflow displayed oddly in IE 9.
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
// Grouping content // Grouping content
// ========================================================================== // ==========================================================================
// Address margin not present in IE 8/9 and Safari 5. // Address margin not present in IE 8/9 and Safari 5.
figure { figure {
margin: 1em 40px; margin: 1em 40px;
} }
// Address differences between Firefox and other browsers. // Address differences between Firefox and other browsers.
hr { hr {
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
@ -192,14 +192,14 @@ hr {
} }
// Contain overflow in all browsers. // Contain overflow in all browsers.
pre { pre {
overflow: auto; overflow: auto;
} }
// Address odd `em`-unit font size rendering in all browsers. // Address odd `em`-unit font size rendering in all browsers.
code, code,
kbd, kbd,
@ -210,30 +210,30 @@ samp {
} }
// Forms // Forms
// ========================================================================== // ==========================================================================
// Known limitation: by default, Chrome and Safari on OS X allow very limited // Known limitation: by default, Chrome and Safari on OS X allow very limited
// styling of `select`, unless a `border` property is set. // styling of `select`, unless a `border` property is set.
// 1. Correct color not being inherited. // 1. Correct color not being inherited.
// Known issue: affects color of disabled elements. // Known issue: affects color of disabled elements.
// 2. Correct font properties not being inherited. // 2. Correct font properties not being inherited.
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
button, button,
input, input,
optgroup, optgroup,
select, select,
textarea { textarea {
color: inherit; // 1 color: inherit; // 1
font: inherit; // 2 font: inherit; // 2
margin: 0; // 3 margin: 0; // 3
} }
// Address `overflow` set to `hidden` in IE 8/9/10. // Address `overflow` set to `hidden` in IE 8/9/10.
button { button {
overflow: visible; overflow: visible;
@ -243,7 +243,7 @@ button {
// All other form control elements do not inherit `text-transform` values. // All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Firefox, IE 8+, and Opera // Correct `button` style inheritance in Firefox, IE 8+, and Opera
// Correct `select` style inheritance in Firefox. // Correct `select` style inheritance in Firefox.
button, button,
select { select {
@ -255,18 +255,18 @@ select {
// 2. Correct inability to style clickable `input` types in iOS. // 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type // 3. Improve usability and consistency of cursor style between image-type
// `input` and others. // `input` and others.
button, button,
html input[type="button"], // 1 html input[type="button"], // 1
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
-webkit-appearance: button; // 2 -webkit-appearance: button; // 2
cursor: pointer; // 3 cursor: pointer; // 3
} }
// Re-set default cursor for disabled elements. // Re-set default cursor for disabled elements.
button[disabled], button[disabled],
html input[disabled] { html input[disabled] {
@ -274,7 +274,7 @@ html input[disabled] {
} }
// Remove inner padding and border in Firefox 4+. // Remove inner padding and border in Firefox 4+.
button::-moz-focus-inner, button::-moz-focus-inner,
input::-moz-focus-inner { input::-moz-focus-inner {
@ -284,7 +284,7 @@ input::-moz-focus-inner {
// Address Firefox 4+ setting `line-height` on `input` using `!important` in // Address Firefox 4+ setting `line-height` on `input` using `!important` in
// the UA stylesheet. // the UA stylesheet.
input { input {
line-height: normal; line-height: normal;
@ -295,18 +295,18 @@ input {
// //
// 1. Address box sizing set to `content-box` in IE 8/9/10. // 1. Address box sizing set to `content-box` in IE 8/9/10.
// 2. Remove excess padding in IE 8/9/10. // 2. Remove excess padding in IE 8/9/10.
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {
box-sizing: border-box; // 1 box-sizing: border-box; // 1
padding: 0; // 2 padding: 0; // 2
} }
// Fix the cursor style for Chrome's increment/decrement buttons. For certain // Fix the cursor style for Chrome's increment/decrement buttons. For certain
// `font-size` values of the `input`, it causes the cursor style of the // `font-size` values of the `input`, it causes the cursor style of the
// decrement button to change from `default` to `text`. // decrement button to change from `default` to `text`.
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { input[type="number"]::-webkit-outer-spin-button {
@ -316,19 +316,19 @@ input[type="number"]::-webkit-outer-spin-button {
// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
// (include `-moz` to future-proof). // (include `-moz` to future-proof).
input[type="search"] { input[type="search"] {
-webkit-appearance: textfield; // 1 -webkit-appearance: textfield; // 1
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; // 2 -webkit-box-sizing: content-box; // 2
box-sizing: content-box; box-sizing: content-box;
} }
// Remove inner padding and search cancel button in Safari and Chrome on OS X. // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has // Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). // padding (and `textfield` appearance).
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { input[type="search"]::-webkit-search-decoration {
@ -336,7 +336,7 @@ input[type="search"]::-webkit-search-decoration {
} }
// Define consistent border, margin, and padding. // Define consistent border, margin, and padding.
fieldset { fieldset {
border: 1px solid #c0c0c0; border: 1px solid #c0c0c0;
@ -346,15 +346,15 @@ fieldset {
// 1. Correct `color` not being inherited in IE 8/9. // 1. Correct `color` not being inherited in IE 8/9.
// 2. Remove padding so people aren't caught out if they zero out fieldsets. // 2. Remove padding so people aren't caught out if they zero out fieldsets.
legend { legend {
border: 0; // 1 border: 0; // 1
padding: 0; // 2 padding: 0; // 2
} }
// Remove default vertical scrollbar in IE 8/9. // Remove default vertical scrollbar in IE 8/9.
textarea { textarea {
overflow: auto; overflow: auto;
@ -362,17 +362,17 @@ textarea {
// Don't inherit the `font-weight` (applied by a rule above). // Don't inherit the `font-weight` (applied by a rule above).
// NOTE: the default cannot safely be changed in Chrome and Safari on OS X. // NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
optgroup { optgroup {
font-weight: bold; font-weight: bold;
} }
// Tables // Tables
// ========================================================================== // ==========================================================================
// Remove most spacing between table cells. // Remove most spacing between table cells.
table { table {
border-collapse: collapse; border-collapse: collapse;

2
sass/popovers.scss
Unescape View File

@ -63,7 +63,7 @@
.popover .btn-block { .popover .btn-block {
margin-bottom: 5px; margin-bottom: 5px;
// Remove extra margin on bottom of last button // Remove extra margin on bottom of last button
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;

2
sass/push.scss
Unescape View File

@ -3,7 +3,7 @@
// -------------------------------------------------- // --------------------------------------------------
.content { .content {
// Fade animation // Fade animation
&.fade { &.fade {
left: 0; left: 0;
opacity: 0; opacity: 0;

4
sass/sliders.scss
Unescape View File

@ -18,12 +18,12 @@
font-size: 0; // Remove spaces from inline-block children font-size: 0; // Remove spaces from inline-block children
white-space: nowrap; white-space: nowrap;
@include transition(all 0 linear); @include transition(all 0 linear);
// Individual slide // Individual slide
.slide { .slide {
display: inline-block; display: inline-block;
vertical-align: top; // Ensure that li always aligns to top vertical-align: top; // Ensure that li always aligns to top
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
} }

4
sass/table-views.scss
Unescape View File

@ -20,7 +20,7 @@
border-bottom: $border-default; border-bottom: $border-default;
// Remove the border from the last table view item // Remove the border from the last table view item
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
// If it's a table view of links, make sure the child <a> takes up full table view item tap area (want to avoid selecting child buttons though) // If it's a table view of links, make sure the child <a> takes up full table view item tap area (want to avoid selecting child buttons though)
@ -49,7 +49,7 @@
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 6px;
padding-left: 15px; padding-left: 15px;
margin-top: -1px; // Hides the border of the previous list item margin-top: -1px; // Hides the border of the previous list item
margin-left: 0; margin-left: 0;
color: #999; color: #999;
font-weight: $font-weight; font-weight: $font-weight;

24
sass/theme-android.scss
Unescape View File

@ -51,7 +51,7 @@ body {
// Universal link styling // Universal link styling
a { a {
color: $primary-color; color: $primary-color;
&:active { &:active {
color: darken($primary-color, 10%); color: darken($primary-color, 10%);
} }
@ -142,7 +142,7 @@ a {
} }
} }
// Outlined buttons // Outlined buttons
.btn-outlined { .btn-outlined {
border: 1px solid $default-color; border: 1px solid $default-color;
background-color: transparent; background-color: transparent;
@ -288,7 +288,7 @@ a {
} }
} }
// Left aligned text in the .bar-nav // Left aligned text in the .bar-nav
.title { .title {
position: static; position: static;
padding-left: 15px; padding-left: 15px;
@ -328,7 +328,7 @@ a {
} }
// Bars with segmented-controls // Bars with segmented-controls
// //
// Remove standard segmented bottom margin // Remove standard segmented bottom margin
.bar .segmented-control { .bar .segmented-control {
top: 7px; top: 7px;
@ -370,7 +370,7 @@ a {
} }
// Badge modifiers // Badge modifiers
// //
// Main badge // Main badge
.badge-primary { .badge-primary {
color: #fff; color: #fff;
@ -423,7 +423,7 @@ a {
.table-view-cell { .table-view-cell {
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
// Remove the border from the last table view item // Remove the border from the last table view item
&:last-child { &:last-child {
background-image: none; background-image: none;
@ -571,7 +571,7 @@ textarea,
.control-item { .control-item {
color: #fff; color: #fff;
border-color: inherit; border-color: inherit;
&:active, &:active,
&.active { &.active {
color: #fff; color: #fff;
@ -587,7 +587,7 @@ textarea,
.control-item { .control-item {
color: #fff; color: #fff;
border-color: inherit; border-color: inherit;
&:active, &:active,
&.active { &.active {
color: #fff; color: #fff;
@ -653,7 +653,7 @@ textarea,
border: 2px solid #d7d7d7; border: 2px solid #d7d7d7;
border-radius: 0; border-radius: 0;
background-color: #d7d7d7; background-color: #d7d7d7;
// Sliding handle // Sliding handle
.toggle-handle { .toggle-handle {
top: 0; top: 0;
@ -682,7 +682,7 @@ textarea,
margin-right: 2px; margin-right: 2px;
background-color: $primary-color; background-color: $primary-color;
border-color: $primary-color; border-color: $primary-color;
@include transform(translate3d(50px,0,0)); @include transform(translate3d(50px,0,0));
} }
&:before { &:before {
left: auto; left: auto;
@ -705,7 +705,7 @@ textarea,
} }
// Ratchicons for Android // Ratchicons for Android
// -------------------------------------------------- // --------------------------------------------------
.icon-caret:before { content: '\e800'; } .icon-caret:before { content: '\e800'; }
@ -715,7 +715,7 @@ textarea,
.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'; }

16
sass/theme-ios.scss
Unescape View File

@ -50,12 +50,12 @@ a {
// Typography // Typography
// -------------------------------------------------- // --------------------------------------------------
.h5, h5, .h5, h5,
.h6, h6, .h6, h6,
p { p {
color: #8f8f94; color: #8f8f94;
} }
.h5, h5, .h5, h5,
.h6, h6, { .h6, h6, {
font-weight: normal; font-weight: normal;
text-transform: uppercase; text-transform: uppercase;
@ -124,7 +124,7 @@ p {
} }
} }
// Outlined buttons // Outlined buttons
.btn-outlined { .btn-outlined {
background-color: transparent; background-color: transparent;
@ -227,7 +227,7 @@ p {
// Link buttons in nav bars // Link buttons in nav bars
.btn-link { .btn-link {
color: $primary-color; color: $primary-color;
&:active { &:active {
color: $primary-color; color: $primary-color;
opacity: .6; opacity: .6;
@ -306,7 +306,7 @@ p {
.table-view-cell { .table-view-cell {
border-bottom: 0; border-bottom: 0;
@include hairline(single, #c8c7cc, 15px); // Single grey border with 15px offset. @include hairline(single, #c8c7cc, 15px); // Single grey border with 15px offset.
// Remove the border from the last table view item // Remove the border from the last table view item
&:last-child { &:last-child {
background-image: none; background-image: none;
@ -426,7 +426,7 @@ textarea,
.control-item { .control-item {
color: $primary-color; color: $primary-color;
border-color: inherit; border-color: inherit;
&:active { &:active {
background-color: lighten($primary-color, 35%); background-color: lighten($primary-color, 35%);
} }
@ -546,7 +546,7 @@ textarea,
@include box-shadow(inset 0 0 0 13px $positive-color); @include box-shadow(inset 0 0 0 13px $positive-color);
.toggle-handle { .toggle-handle {
@include transform(translate3d(17px,0,0)); @include transform(translate3d(17px,0,0));
} }
.toggle-handle { .toggle-handle {
@ -559,7 +559,7 @@ textarea,
// Push styles // Push styles
// -------------------------------------------------- // --------------------------------------------------
.content { .content {
// Fade animation // Fade animation
&.fade { &.fade {
@include transition(opacity .2s ease-in-out); @include transition(opacity .2s ease-in-out);
} }

2
sass/toggles.scss
Unescape View File

@ -46,7 +46,7 @@
.toggle-handle { .toggle-handle {
border-color: $positive-color; border-color: $positive-color;
@include transform(translate3d(44px,0,0)); @include transform(translate3d(44px,0,0));
} }
&:before { &:before {
right: auto; right: auto;

Write Preview
Loading…
Cancel
Save