diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000000..2dab535261
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,25 @@
+
+# 2.0.0-alpha.41 (2015-12-8)
+
+
+### Breaking Changes
+
+#### CSS Refactor
+
+* Attributes are now used by Ionic to add the correct CSS classes to elements
+* Drastically reduced the depth of CSS selectors
+* Further modularized Sass files to allow individual imports
+* Ionic CSS comes in 3 flavors
+ * `ionic.css`: Core CSS, iOS CSS, and Material Design CSS
+ * `ionic.ios.css`: Core CSS and iOS CSS
+ * `ionic.md.css`: Core CSS and Material Design CSS
+* App's `index.html` file can be setup to dynamically load only the stylesheet it needs
+* Different Sass color maps for iOS and Material Design
+ * Allows colors to be different per platform
+ * ie: Gray navbars in iOS, blue navbars in MD. Identical HTML/JS
+
+
+#### `` renamed to ``
+
+* `primary` attribute `` now ``
+* `secondary` attribute `` now ``
diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index 70d2ee88ab..44d4ec90d7 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -13,11 +13,15 @@
margin: 0;
padding: 0;
border: 0;
+ width: 100%;
min-height: 4.4rem;
- text-align: initial;
overflow: hidden;
- box-sizing: border-box;
+ text-align: initial;
+ font-weight: normal;
+ line-height: normal;
+ text-decoration: none;
+ color: inherit;
}
.item-inner {
@@ -26,7 +30,6 @@
padding: 0;
border: 0;
overflow: hidden;
- box-sizing: border-box;
flex: 1;
flex-direction: inherit;
@@ -34,12 +37,9 @@
align-self: stretch;
}
-.item[no-lines] {
+.item[no-lines],
+.item[no-lines] .item-inner {
border: none;
-
- .item-inner {
- border: none;
- }
}
ion-item-group {
@@ -49,9 +49,9 @@ ion-item-group {
ion-item-divider {
display: block;
min-height: 30px;
- font-weight: 500;
width: 100%;
z-index: 1000;
+ font-weight: 500;
&[sticky] {
position: -webkit-sticky;
@@ -60,23 +60,6 @@ ion-item-divider {
}
}
-a.item,
-button.item {
- margin: 0;
- padding: 0;
- border: 0;
- width: 100%;
- justify-content: inherit;
- min-height: 4.4rem;
- font-weight: normal;
- line-height: normal;
- text-decoration: none;
- text-transform: none;
- color: inherit;
- border-radius: 0;
- box-shadow: none;
-}
-
ion-item-content {
margin: 0;
flex: 1;
@@ -86,7 +69,8 @@ ion-item-content {
pointer-events: none;
a,
- button {
+ button,
+ [tappable] {
pointer-events: auto;
}
}
@@ -103,3 +87,6 @@ ion-input.item {
ion-item-content + ion-item-content[cnt] {
display: none;
}
+
+@import "item-media";
+@import "item-sliding";
diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss
index 04c6fa75de..baf7060866 100644
--- a/ionic/components/item/modes/ios.scss
+++ b/ionic/components/item/modes/ios.scss
@@ -209,8 +209,6 @@ ion-item-divider {
}
-&.hairlines {
- .item-inner {
- border-bottom-width: 0.55px;
- }
+&.hairlines .item-inner {
+ border-bottom-width: 0.55px;
}