javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 14:19:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

removing compass

Browse Source
This commit is contained in:
Adam Bradley
2013-09-09 12:06:17 -05:00
parent 0ba0343f11
commit bcaef572fe
35 changed files with 2878 additions and 3971 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -30,6 +30,11 @@ you'll be good to go.
But we recommend using the `ionic` tool because it's faster and gives you a good starting structure for your app.
### SASS
sass --watch scss
## Running examples
Ionic comes with many interesting examples showing the power of the framework. To

2
example/alerts.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/angular/index.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<script src="/vendor/angular/1.2.0rc1/angular-1.2.0rc1.min.js"></script>

2
example/button-groups.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/buttons.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<script src="/vendor/angular/angular.js"></script>

2
example/cordova/iOS/www/index.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<!--<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">-->
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

1556
example/css/ionic-structure.css
View File

File diff suppressed because it is too large Load Diff

387
example/css/ionic-theme.css
View File

@ -1,387 +0,0 @@
@charset "UTF-8";
/* line 2, ../../scss/ionic/theme/_base.scss */
body {
font-size: 14px;
line-height: 1.25;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* line 8, ../../scss/ionic/theme/_base.scss */
main {
background-color: white;
}
/* line 12, ../../scss/ionic/theme/_base.scss */
.full-section {
-webkit-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
}
/* line 9, ../../scss/ionic/theme/_alerts.scss */
.alert {
margin-bottom: 1.42857;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
}
/* line 16, ../../scss/ionic/theme/_alerts.scss */
.alert,
.alert h4 {
color: #c09853;
}
/* line 25, ../../scss/ionic/theme/_alerts.scss */
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
/* line 30, ../../scss/ionic/theme/_alerts.scss */
.alert-success h4 {
color: #468847;
}
/* line 34, ../../scss/ionic/theme/_alerts.scss */
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
/* line 40, ../../scss/ionic/theme/_alerts.scss */
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
/* line 43, ../../scss/ionic/theme/_alerts.scss */
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
/* line 48, ../../scss/ionic/theme/_alerts.scss */
.alert-info h4 {
color: #3a87ad;
}
/* line 1, ../../scss/ionic/theme/_bar.scss */
.bar {
background-color: white;
border-style: solid;
border-width: 0;
/*
Disabled temporarily because it's annoying for testing.
@media screen and (orientation : landscape) {
padding: $barPaddingLandscape;
}
*/
}
/* line 6, ../../scss/ionic/theme/_bar.scss */
.bar.bar-header {
border-bottom-width: 1px;
}
/* line 9, ../../scss/ionic/theme/_bar.scss */
.bar.bar-footer {
border-top-width: 1px;
}
/* line 13, ../../scss/ionic/theme/_bar.scss */
.bar.bar-default {
background-color: white;
border-color: #dddddd;
color: #333333;
}
/* line 17, ../../scss/ionic/theme/_bar.scss */
.bar.bar-default .tab-item a {
color: #333333;
}
/* line 21, ../../scss/ionic/theme/_bar.scss */
.bar.bar-secondary {
background-color: whitesmoke;
border-color: #cccccc;
color: #333333;
}
/* line 25, ../../scss/ionic/theme/_bar.scss */
.bar.bar-secondary .tab-item a {
color: #333333;
}
/* line 29, ../../scss/ionic/theme/_bar.scss */
.bar.bar-primary {
background-color: #6999e9;
border-color: #5981c5;
color: white;
}
/* line 33, ../../scss/ionic/theme/_bar.scss */
.bar.bar-primary .tab-item a {
color: white;
}
/* line 37, ../../scss/ionic/theme/_bar.scss */
.bar.bar-info {
background-color: #60d2e6;
border-color: #51b3c4;
color: white;
}
/* line 41, ../../scss/ionic/theme/_bar.scss */
.bar.bar-info .tab-item a {
color: white;
}
/* line 45, ../../scss/ionic/theme/_bar.scss */
.bar.bar-success {
background-color: #89c163;
border-color: #71a052;
color: white;
}
/* line 49, ../../scss/ionic/theme/_bar.scss */
.bar.bar-success .tab-item a {
color: white;
}
/* line 53, ../../scss/ionic/theme/_bar.scss */
.bar.bar-warning {
background-color: #f0b840;
border-color: #cf9a29;
color: white;
}
/* line 57, ../../scss/ionic/theme/_bar.scss */
.bar.bar-warning .tab-item a {
color: white;
}
/* line 61, ../../scss/ionic/theme/_bar.scss */
.bar.bar-danger {
background-color: #de5645;
border-color: #bc4435;
color: white;
}
/* line 66, ../../scss/ionic/theme/_bar.scss */
.bar.bar-danger .tab-item a {
color: white;
}
/* line 70, ../../scss/ionic/theme/_bar.scss */
.bar.bar-dark {
background-color: #444444;
border-color: #111111;
color: white;
}
/* line 75, ../../scss/ionic/theme/_bar.scss */
.bar.bar-dark .tab-item a {
color: white;
}
/* line 1, ../../scss/ionic/theme/_button.scss */
.button {
color: #222222;
border-radius: 2px;
border-width: 1px;
border-style: solid;
padding: 10px 15px;
}
/* line 9, ../../scss/ionic/theme/_button.scss */
a.button {
text-decoration: none;
}
/* line 13, ../../scss/ionic/theme/_button.scss */
.button-default {
color: #333333;
background-color: white;
border-color: #dddddd;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-default:hover {
color: #333333;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-default.active, .button-default:active {
background-color: #ebebeb;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #c4c4c4;
}
/* line 16, ../../scss/ionic/theme/_button.scss */
.button-secondary {
color: #333333;
background-color: whitesmoke;
border-color: #cccccc;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-secondary:hover {
color: #333333;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-secondary.active, .button-secondary:active {
background-color: #e1e1e1;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #b3b3b3;
}
/* line 19, ../../scss/ionic/theme/_button.scss */
.button-primary {
color: white;
background-color: #6999e9;
border-color: #5981c5;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-primary:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-primary.active, .button-primary:active {
background-color: #4581e4;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3d67ae;
}
/* line 22, ../../scss/ionic/theme/_button.scss */
.button-info {
color: white;
background-color: #60d2e6;
border-color: #51b3c4;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-info:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-info.active, .button-info:active {
background-color: #3dc8e0;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3998a9;
}
/* line 25, ../../scss/ionic/theme/_button.scss */
.button-success {
color: white;
background-color: #89c163;
border-color: #71a052;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-success:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-success.active, .button-success:active {
background-color: #73b447;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #597e41;
}
/* line 28, ../../scss/ionic/theme/_button.scss */
.button-warning {
color: white;
background-color: #f0b840;
border-color: #cf9a29;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-warning:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-warning.active, .button-warning:active {
background-color: #edaa1a;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #a47a21;
}
/* line 31, ../../scss/ionic/theme/_button.scss */
.button-danger {
color: white;
background-color: #de5645;
border-color: #bc4435;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-danger:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-danger.active, .button-danger:active {
background-color: #d43926;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #94362a;
}
/* line 34, ../../scss/ionic/theme/_button.scss */
.button-dark {
color: white;
background-color: #444444;
border-color: #111111;
}
/* line 11, ../../scss/ionic/_mixins.scss */
.button-dark:hover {
color: white;
text-decoration: none;
}
/* line 20, ../../scss/ionic/_mixins.scss */
.button-dark.active, .button-dark:active {
background-color: #303030;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: black;
}
/* line 37, ../../scss/ionic/theme/_button.scss */
.button-transparent {
background: transparent;
}
/* line 41, ../../scss/ionic/theme/_button.scss */
.button-borderless [class^="icon-"] {
font-size: 24px;
}
/* line 1, ../../scss/ionic/theme/_listview.scss */
.list-divider {
background-color: whitesmoke;
color: #222222;
font-weight: bold;
}
/* line 7, ../../scss/ionic/theme/_listview.scss */
a.list-item {
color: #333333;
}
/* line 2, ../../scss/ionic/theme/_menu.scss */
.ion-panel {
background: #eeeeee;
}
/* line 6, ../../scss/ionic/theme/_menu.scss */
.ion-panel-left .ion-panel {
border-right: 1px solid #bbbbbb;
}
/* line 10, ../../scss/ionic/theme/_menu.scss */
.ion-panel-right .ion-panel {
border-left: 1px solid #bbbbbb;
}
/* line 2, ../../scss/ionic/theme/_pull-to-refresh.scss */
.ptr-content {
background: #eee;
}
/* line 1, ../../scss/ionic/theme/_tabs.scss */
.tabs {
font-size: 16px;
}
/* line 5, ../../scss/ionic/theme/_tabs.scss */
.tab-item a {
font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
}
/* line 13, ../../scss/ionic/theme/_tabs.scss */
.tab-item i {
font-size: 25px;
}

1943
example/css/ionic.css
View File

File diff suppressed because it is too large Load Diff

2
example/events.html
View File

@ -5,7 +5,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<style>
.swiperight {

2
example/events/drag.html
View File

@ -5,7 +5,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<style>
#drag-me {
position: absolute;

2
example/footers.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/forms.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/grids.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/headers.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/image-swipe.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/index.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<script src="/vendor/angular/angular.js"></script>

2
example/input-slider.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/input-text.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/input-toggle.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body ng-app="peopleApp">

2
example/lists.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<script src="/vendor/angular/angular.js"></script>

2
example/menu_controller.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/menus.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/modals.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/panels.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/popovers.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/pull-to-refresh.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/tab-bars.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>

2
example/toderp/index.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionic.css">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<script src="/vendor/angular/1.2.0rc1/angular-1.2.0rc1.min.js"></script>

24
scss/compass/config.rb
View File

@ -1,24 +0,0 @@
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "../../example/css"
sass_dir = "../"
images_dir = "../../example/css/images"
javascripts_dir = "../../example/js"
# You can select your preferred output style here (can be overridden via the command line):
output_style = :expanded # or :nested or :compact or :compressed
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

1154
scss/ionic-structure.css Normal file
View File

File diff suppressed because it is too large Load Diff

253
scss/ionic-theme.css Normal file
View File

@ -0,0 +1,253 @@
@charset "UTF-8";
body {
font-size: 14px;
line-height: 1.25;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
main {
background-color: white; }
.full-section {
-webkit-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); }
.alert {
margin-bottom: 1.42857;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5; }
.alert,
.alert h4 {
color: #c09853; }
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847; }
.alert-success h4 {
color: #468847; }
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48; }
.alert-danger h4,
.alert-error h4 {
color: #b94a48; }
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad; }
.alert-info h4 {
color: #3a87ad; }
.bar {
background-color: white;
border-style: solid;
border-width: 0;
/*
Disabled temporarily because it's annoying for testing.
@media screen and (orientation : landscape) {
padding: $barPaddingLandscape;
}
*/ }
.bar.bar-header {
border-bottom-width: 1px; }
.bar.bar-footer {
border-top-width: 1px; }
.bar.bar-default {
background-color: white;
border-color: #dddddd;
color: #333333; }
.bar.bar-default .tab-item a {
color: #333333; }
.bar.bar-secondary {
background-color: whitesmoke;
border-color: #cccccc;
color: #333333; }
.bar.bar-secondary .tab-item a {
color: #333333; }
.bar.bar-primary {
background-color: #6999e9;
border-color: #5981c5;
color: white; }
.bar.bar-primary .tab-item a {
color: white; }
.bar.bar-info {
background-color: #60d2e6;
border-color: #51b3c4;
color: white; }
.bar.bar-info .tab-item a {
color: white; }
.bar.bar-success {
background-color: #89c163;
border-color: #71a052;
color: white; }
.bar.bar-success .tab-item a {
color: white; }
.bar.bar-warning {
background-color: #f0b840;
border-color: #cf9a29;
color: white; }
.bar.bar-warning .tab-item a {
color: white; }
.bar.bar-danger {
background-color: #de5645;
border-color: #bc4435;
color: white; }
.bar.bar-danger .tab-item a {
color: white; }
.bar.bar-dark {
background-color: #444444;
border-color: #111111;
color: white; }
.bar.bar-dark .tab-item a {
color: white; }
.button {
color: #222222;
border-radius: 2px;
border-width: 1px;
border-style: solid;
padding: 10px 15px; }
a.button {
text-decoration: none; }
.button-default {
color: #333333;
background-color: white;
border-color: #dddddd; }
.button-default:hover {
color: #333333;
text-decoration: none; }
.button-default.active, .button-default:active {
background-color: #ebebeb;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #c4c4c4; }
.button-secondary {
color: #333333;
background-color: whitesmoke;
border-color: #cccccc; }
.button-secondary:hover {
color: #333333;
text-decoration: none; }
.button-secondary.active, .button-secondary:active {
background-color: #e1e1e1;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #b3b3b3; }
.button-primary {
color: white;
background-color: #6999e9;
border-color: #5981c5; }
.button-primary:hover {
color: white;
text-decoration: none; }
.button-primary.active, .button-primary:active {
background-color: #4581e4;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3d67ae; }
.button-info {
color: white;
background-color: #60d2e6;
border-color: #51b3c4; }
.button-info:hover {
color: white;
text-decoration: none; }
.button-info.active, .button-info:active {
background-color: #3dc8e0;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3998a9; }
.button-success {
color: white;
background-color: #89c163;
border-color: #71a052; }
.button-success:hover {
color: white;
text-decoration: none; }
.button-success.active, .button-success:active {
background-color: #73b447;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #597e41; }
.button-warning {
color: white;
background-color: #f0b840;
border-color: #cf9a29; }
.button-warning:hover {
color: white;
text-decoration: none; }
.button-warning.active, .button-warning:active {
background-color: #edaa1a;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #a47a21; }
.button-danger {
color: white;
background-color: #de5645;
border-color: #bc4435; }
.button-danger:hover {
color: white;
text-decoration: none; }
.button-danger.active, .button-danger:active {
background-color: #d43926;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #94362a; }
.button-dark {
color: white;
background-color: #444444;
border-color: #111111; }
.button-dark:hover {
color: white;
text-decoration: none; }
.button-dark.active, .button-dark:active {
background-color: #303030;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: black; }
.button-transparent {
background: transparent; }
.button-borderless [class^="icon-"] {
font-size: 24px; }
.list-divider {
background-color: whitesmoke;
color: #222222;
font-weight: bold; }
a.list-item {
color: #333333; }
.ion-panel {
background: #eeeeee; }
.ion-panel-left .ion-panel {
border-right: 1px solid #bbbbbb; }
.ion-panel-right .ion-panel {
border-left: 1px solid #bbbbbb; }
.ptr-content {
background: #eee; }
.tabs {
font-size: 16px; }
.tab-item a {
font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200; }
.tab-item i {
font-size: 25px; }

1407
scss/ionic.css Normal file
View File

File diff suppressed because it is too large Load Diff

21
scss/ionic/_structure-variables.scss
View File

@ -1,9 +1,8 @@
// Typography
// -------------------------------
$baseFontSize: 14px !default;
$fontSizeLarge: ceil($baseFontSize * 1.25);
$baseLineHeight: 1.428571429; // 20/14
$baseLineHeightComputed: floor($baseFontSize * $baseLineHeight); // ~20px
$lineHeightComputed: $baseLineHeightComputed;
@ -11,13 +10,13 @@ $baseBorderRadius: 2px !default;
// Content stuff
// -------------------------
// -------------------------------
$contentPadding: 10px;
$roundedRadius: 5px;
// Bar stuff
// -------------------------
// -------------------------------
$barHeight: 44px !default;
$barLineHeight: 44px !default;
$barButtonsLineHeight: 6px !default;
@ -29,17 +28,17 @@ $barPaddingLandscape : 5px;
// Horizontal forms & lists
// -------------------------
// -------------------------------
$horizontalComponentOffset: 180px !default;
// Lists
// -------------------------
// -------------------------------
$listItemBorder: 1px solid #ddd;
// Menus
// -------------------------
// -------------------------------
$menuWidth: 270px;
$menuAnimationSpeed: 200ms;
$menuBackgroundColor: #eee;
@ -47,11 +46,11 @@ $menuInsetBorderColor: #bbb;
// GRID
// --------------------------------------------------
// -------------------------------
// Default 940px grid
// -------------------------
// -------------------------------
$gridColumns: 12 !default;
$gridColumnWidth: 60px !default;
$gridGutterWidth: 20px !default;
@ -69,7 +68,7 @@ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWid
// Fluid grid
// -------------------------
// -------------------------------
$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;

21
scss/ionic/_theme-variables.scss
View File

@ -7,8 +7,7 @@ $brandWarning: #f0ad4e;
$brandDanger: #d9534f;
$brandInfo: #5bc0de;
// Grays
// Global Gray Colors
// -------------------------------
$black: #000 !default;
$grayDarker: #222 !default;
@ -19,7 +18,7 @@ $grayLighter: #eee !default;
$white: #fff !default;
// Accent colors
// Global Accent Colors
// -------------------------------
$blue: #049cdb !default;
$blueDark: #0064cd !default;
@ -31,7 +30,7 @@ $pink: #c3325f !default;
$purple: #7a43b6 !default;
// Fonts
// Global Fonts
// -------------------------------
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$lightSansFontFamily: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
@ -39,6 +38,13 @@ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
// Base
// -------------------------------
$baseFontFamily: $sansFontFamily;
$baseBackgroundColor: #fff;
$textColor: $grayDark !default;
// Forms
// -------------------------
$inputBackground: $white !default;
@ -50,13 +56,6 @@ $inputHeight: $baseFontSize + 10px; // base line-height + 8px
$placeholderText: $grayLight !default;
// Base
// -------------------------------
$baseFontFamily: $sansFontFamily;
$baseBackgroundColor: #fff;
$textColor: $grayDark !default;
// Typography
// -------------------------------
$lightColor: #fff;