Skip to content

Commit

Permalink
new build
Browse files Browse the repository at this point in the history
  • Loading branch information
Matt Morgan committed Jun 24, 2015
1 parent 213ce6b commit 9ef2c3c
Show file tree
Hide file tree
Showing 6 changed files with 471 additions and 291 deletions.
52 changes: 40 additions & 12 deletions dist/platypus.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/**
* PlatypusUI v0.4.12 (https://platypi.io)
* PlatypusUI v0.4.13 (https://platypi.io)
* Copyright 2015 Platypi, LLC. All rights reserved.
*
* PlatypusUI is licensed under the MIT license found at
Expand Down Expand Up @@ -1700,10 +1700,10 @@ h6 {
[class*='col-'] {
position: relative;
float: left;
padding: 10px;
padding: 5px;
}
[class*='col-']:last-of-type {
padding-right: 10px;
padding-right: 5px;
}
.row:after {
content: "";
Expand Down Expand Up @@ -2694,6 +2694,7 @@ h6 {
bottom: 0;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container {
padding-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
Expand All @@ -2704,6 +2705,8 @@ h6 {
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container.plat-grouped {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
Expand All @@ -2720,7 +2723,7 @@ h6 {
-ms-flex-align: stretch;
align-items: stretch;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container .plat-listview-group {
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container.plat-grouped .plat-listview-group {
height: 100%;
-webkit-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
Expand All @@ -2729,7 +2732,7 @@ h6 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container .plat-listview-group .plat-listview-items {
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container.plat-grouped .plat-listview-group .plat-listview-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
Expand All @@ -2745,17 +2748,40 @@ h6 {
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
-moz-align-content: flex-start;
-ms-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container .plat-listview-group .plat-listview-items .plat-item {
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container.plat-grouped .plat-listview-group .plat-listview-items > * {
-webkit-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container:not(.plat-grouped) {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-start;
-moz-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.plat-listview.plat-horizontal .plat-listview-viewport .plat-scroll-container .plat-container:not(.plat-grouped) > * {
-webkit-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
Expand Down Expand Up @@ -2809,14 +2835,15 @@ h6 {
.plat-listview.plat-horizontal .plat-incremental {
right: 0;
}
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-enter-init.plat-item,
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-enter-init.plat-listview-group {
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-enter-init {
opacity: 0;
}
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-enter {
-webkit-animation: LISTVIEW_ITEM_ENTER 300ms;
-moz-animation: LISTVIEW_ITEM_ENTER 300ms;
animation: LISTVIEW_ITEM_ENTER 300ms;
}
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-leave.plat-item,
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-leave.plat-listview-group {
.plat-listview.plat-animated .plat-listview-viewport .plat-scroll-container .plat-container .plat-leave {
-webkit-animation: LISTVIEW_ITEM_LEAVE 300ms;
-moz-animation: LISTVIEW_ITEM_LEAVE 300ms;
animation: LISTVIEW_ITEM_LEAVE 300ms;
Expand Down Expand Up @@ -3259,6 +3286,7 @@ h6 {
.plat-navbar .plat-navbar-right {
height: 100%;
float: left;
font-size: 125%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
Expand Down
89 changes: 51 additions & 38 deletions dist/platypus.less
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/**
* PlatypusUI v0.4.12 (https://platypi.io)
* PlatypusUI v0.4.13 (https://platypi.io)
* Copyright 2015 Platypi, LLC. All rights reserved.
*
* PlatypusUI is licensed under the MIT license found at
Expand Down Expand Up @@ -920,13 +920,6 @@
align-content: @position;
}

.align-content(@position) {
-webkit-align-content: @position;
-moz-align-content: @position;
-ms-align-content: @position;
align-content: @position;
}

.align-self(@position) when (@position = flex-start) {
-webkit-align-self: @position;
-moz-align-self: @position;
Expand Down Expand Up @@ -1288,9 +1281,16 @@

@manipulated-viewport-background-color: @white;

/// =========== Listview Properties =========== ///

@horizontal-scroll-padding: 15px;

/// =========== Listview Animations =========== ///

@refresh-transition: all 200ms;
@enter-init: {
opacity: 0;
};
@enter-animation-name: LISTVIEW_ITEM_ENTER;
@enter-animation-duration: 300ms;
@enter-animation: @enter-animation-name @enter-animation-duration;
Expand Down Expand Up @@ -1382,14 +1382,15 @@

@height: 4em;
@z-index: 100;
@left-percentage: 33.33333333%;
@center-percentage: 33.33333333%;
@right-percentage: 33.33333333%;
@left-percentage: 100% / 3;
@center-percentage: 100% / 3;
@right-percentage: 100% / 3;
@padding: 0 2em;
@item-padding: 0.5em;

/// =========== Navbar Properties =========== ///

@font-size: 125%;
@border-top: none;
@border-right: none;
@border-bottom: none;
Expand Down Expand Up @@ -3113,7 +3114,7 @@
#grid {
@base-percent: 100%;
@num-columns: 12;
@column-padding: 10px;
@column-padding: 5px;
}
}

Expand Down Expand Up @@ -3164,7 +3165,6 @@
[class*='col-'],
[class*='col-']:after,
[class*='col-']:before {
#platui;
margin: 0;
padding: 0;
#platui > #mixins > .box-sizing(border-box);
Expand Down Expand Up @@ -3671,30 +3671,44 @@
&.plat-horizontal {
.plat-listview-viewport {
.plat-scroll-container {
padding-bottom: @horizontal-scroll-padding;
.scroll(x);

.plat-container {
.flexbox();
.flex-direction(row);
.flex-wrap(nowrap);
.align-items(stretch);

.plat-listview-group {
height: 100%;
.flex(0 0 auto);

.plat-listview-items {
.flexbox();
.flex-direction(column);
.flex-wrap(wrap);
.align-content(flex-start);
.fill();

.plat-item {
.flex(0 0 auto);

&.plat-grouped {
.flex-direction(row);
.flex-wrap(nowrap);
.align-items(stretch);

.plat-listview-group {
height: 100%;
.flex(0 0 auto);

.plat-listview-items {
.flexbox();
.flex-direction(column);
.flex-wrap(wrap);
.align-content(flex-start);
.fill();

& > * {
.flex(0 0 auto);
}
}
}
}

&:not(.plat-grouped) {
.flex-direction(column);
.flex-wrap(wrap);
.align-content(flex-start);

& > * {
.flex(0 0 auto);
}
}

.plat-infinite {
position: relative;
Expand Down Expand Up @@ -3729,10 +3743,11 @@
.plat-scroll-container {
.plat-container {
.plat-enter-init {
&.plat-item,
&.plat-listview-group {
.animation(@enter-animation);
}
@enter-init();
}

.plat-enter {
.animation(@enter-animation);
}
}
}
Expand All @@ -3742,10 +3757,7 @@
.plat-scroll-container {
.plat-container {
.plat-leave {
&.plat-item,
&.plat-listview-group {
.animation(@leave-animation);
}
.animation(@leave-animation);
}
}
}
Expand Down Expand Up @@ -4148,6 +4160,7 @@
.plat-navbar-right {
height: 100%;
float: left;
font-size: @font-size;
.box-sizing(border-box);
}

Expand Down
2 changes: 1 addition & 1 deletion dist/platypus.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 9ef2c3c

Please sign in to comment.