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

docs(demos): refactor slides css

Browse Source
This commit is contained in:
Drew Rygh
2015-11-05 12:48:32 -06:00
parent 60ee318440
commit e70aeb7ca7
4 changed files with 44 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/component-docs/slides/basic/pages.ts
View File

@ -3,7 +3,7 @@ import {forwardRef} from 'angular2/angular2';
import {AndroidAttribute} from '../../helpers';
@Page({
templateUrl: 'slides/basic/slides.html',
templateUrl: 'slides/basic/template.html',
directives: [forwardRef(() => AndroidAttribute)]
})
export class BasicPage {

8
demos/component-docs/slides/basic/template.html
View File

@ -3,20 +3,20 @@
<ion-title>Slides</ion-title>
</ion-navbar>
<ion-content class="has-header">
<ion-content class="has-header preview-slides">
<ion-slides id="slider" style="background-color: black" pager="true" zoom="false" index="1" loop="true">
<ion-slide>
<div class="demo-slide demo-slide-1">
<div class="slide-contents" id="slide-1">
Slide 1
</div>
</ion-slide>
<ion-slide>
<div class="demo-slide demo-slide-2">
<div class="slide-contents" id="slide-2">
Slide 2
</div>
</ion-slide>
<ion-slide>
<div class="demo-slide demo-slide-3">
<div class="slide-contents" id="slide-3">
Slide 3
</div>
</ion-slide>

26
demos/component-docs/slides/slides.scss Normal file
View File

@ -0,0 +1,26 @@
.preview-slides {
.slide-contents {
display: block;
height: 100%;
padding: 500px 0;
width: 100%;
font-weight: bold;
font-size: 2.5em;
color: #fff;
}
#slide-1 {
background-color: #32db64;
}
#slide-2 {
background-color: #387ef5;
}
#slide-3 {
background-color: #f53d3d;
}
}