javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

remove .alert css

Browse Source
This commit is contained in:
Adam Bradley
2013-11-06 22:02:40 -06:00
parent 57a7ca1ff2
commit 967cdaf666
8 changed files with 2750 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2747
dist/css/ionic-ios7.css vendored
View File

File diff suppressed because it is too large Load Diff

54
dist/css/ionic.css vendored
View File

@ -4274,60 +4274,6 @@ a.button {
.badge-gray-ligher {
background: #eeeeee; }
.alert {
margin: 10px;
padding: 8px 35px 8px 14px;
border: 1px solid #fbeed5;
background-color: #fcf8e3;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert,
.alert h4 {
color: #c09853; }
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 1.42857; }
.alert-block {
padding-top: 14px;
padding-bottom: 14px; }
.alert-block > p,
.alert-block > ul {
margin-bottom: 0; }
.alert-block p + p {
margin-top: 5px; }
.alert-success {
border-color: #d6e9c6;
background-color: #dff0d8;
color: #468847; }
.alert-success h4 {
color: #468847; }
.alert-danger,
.alert-error {
border-color: #eed3d7;
background-color: #f2dede;
color: #b94a48; }
.alert-danger h4,
.alert-error h4 {
color: #b94a48; }
.alert-info {
border-color: #bce8f1;
background-color: #d9edf7;
color: #3a87ad; }
.alert-info h4 {
color: #3a87ad; }
.slide-box {
background-color: #000;
position: relative;

8
scss/ionic-ios7/ionic-ios7.scss
View File

@ -32,12 +32,10 @@
// Badges
"../ionic/badge",
// Components
"../ionic/alerts",
// Animations
"../ionic/animations",
"../ionic/animations/simple",
"../ionic/animations/bar_ios7",
// Util
// Util
"../ionic/icons",
"../ionic/util";

62
scss/ionic/_alerts.scss
View File

@ -1,62 +0,0 @@
// Alerts
// --------------------------------------------------
.alert {
margin: $alert-margin;
padding: $alert-padding;
border: 1px solid $warning-border;
background-color: $warning-bg;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.alert,
.alert h4 {
color: $warning-text;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: $line-height-base;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.alert-success {
border-color: $success-border;
background-color: $success-bg;
color: $success-text;
}
.alert-success h4 {
color: $success-text;
}
.alert-danger,
.alert-error {
border-color: $error-border;
background-color: $error-bg;
color: $error-text;
}
.alert-danger h4,
.alert-error h4 {
color: $error-text;
}
.alert-info {
border-color: $info-border;
background-color: $info-bg;
color: $info-text;
}
.alert-info h4 {
color: $info-text;
}

23
scss/ionic/_variables.scss
View File

@ -183,29 +183,6 @@ $range-slider-height: 20px;
$range-slider-border-radius: 10px;
// Alerts
// -------------------------------
$alert-padding: 8px 35px 8px 14px;
$alert-margin: $content-padding;
$warning-text: #c09853;
$warning-bg: #fcf8e3;
$warning-border: darken(adjust-hue($warning-bg, -10), 3%);
$error-text: #b94a48;
$error-bg: #f2dede;
$error-border: darken(adjust-hue($error-bg, -10), 3%);
$success-text: #468847;
$success-bg: #dff0d8;
$success-border: darken(adjust-hue($success-bg, -10), 5%);
$info-text: #3a87ad;
$info-bg: #d9edf7;
$info-border: darken(adjust-hue($info-bg, -10), 7%);
// Buttons
// -------------------------------

2
scss/ionic/ionic.scss
View File

@ -43,8 +43,6 @@
"badge",
// Components
"alerts",
"slide-box",
"split-pane",

43
test/alerts.html
View File

@ -1,43 +0,0 @@
<html>
<head>
<meta charset="utf-8">
<title>Alerts</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../dist/css/ionic.css" rel="stylesheet">
</head>
<body>
<section>
<header class="bar bar-header bar-dark">
<h1 class="title">Alerts</h1>
</header>
<main class="content has-header">
<p class="alert">
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</p>
<p class="alert alert-error">
<strong>Error!</strong> Shit hit the fan.
</p>
<p class="alert alert-success">
<strong>Booya!</strong> You win.
</p>
<p class="alert alert-info">
<strong>Info yo!</strong> This is what you need to know.
</p>
<p><a class="button button-secondary" href="index.html">Homepage</a></p>
</main>
</section>
</body>
</html>

1
test/index.html
View File

@ -14,7 +14,6 @@
<div class="content padding has-header">
<p><a class="button button-block button-default" href="alerts.html"><i class="icon ion-star"></i> Alerts</a></p>
<p><a class="button button-block button-default" href="buttons.html"><i class="icon ion-star"></i> Buttons</a></p>
<p><a class="button button-block button-default" href="button-bar.html"><i class="icon ion-star"></i> Button Bar</a></p>
<p><a class="button button-block button-default" href="cards.html"><i class="icon ion-star"></i> Cards</a></p>