Skip to content

Commit 6eaea0f

Browse files
author
Dayana
committed
step8
1 parent 73cec82 commit 6eaea0f

15 files changed

Lines changed: 812 additions & 89 deletions

‎scss/agenda.scss‎

Lines changed: 160 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,162 @@
1-
.agenda-view{
1+
.agenda-view
2+
{
3+
background: $content-bg;
24

5+
.tabs-striped .tabs
6+
{
7+
background-color: $top-bar-bg;
8+
9+
.tab-item
10+
{
11+
max-width: none;
12+
}
13+
}
14+
15+
.tab-title{
16+
color: $top-bar-color;
17+
@include cssCalc("font-size", "#{($font-size)} + 2px");
18+
font-weight:400;
19+
}
20+
21+
.tab-title.tab-item.tab-item-active{
22+
23+
border-color: $main-menu-bg;
24+
margin-top: 0px;
25+
border-width: 0px 0px 4px 0px !important;
26+
27+
.tab-title{
28+
font-weight:600;
29+
}
30+
31+
}
32+
33+
.event-time{
34+
margin-top:10px;
35+
36+
.time-from{
37+
display: block;
38+
@include cssCalc("font-size", "#{($font-size)} + 2px");
39+
}
40+
41+
.time-to{
42+
@include cssCalc("font-size", "#{($font-size)} - 1px");
43+
color: lighten($content-color, 10);
44+
display: block;
45+
}
46+
}
47+
48+
.event-content
49+
{
50+
text-decoration: none;
51+
background-color: darken($global-bg-color, 5);
52+
background-size: 73vw;
53+
background-position-y: 15%;
54+
min-height: 40vw;
55+
padding: 14px;
56+
border-radius: 5px;
57+
position: relative;
58+
background-size: 100%;
59+
60+
&.global{
61+
min-height: 20vw;
62+
}
63+
64+
&.talk, &.workshop, &.keynote
65+
{
66+
margin-bottom: 25px;
67+
border-radius: 5px 5px 0px 0px;
68+
69+
.event-title, .event-room{
70+
color: $event-color;
71+
}
72+
}
73+
74+
&.talk:after, &.workshop:after, &.keynote:after {
75+
content: "";
76+
display: block;
77+
position: absolute;
78+
top: 0;
79+
left: 0;
80+
height: 100%;
81+
width: 100%;
82+
border-radius: 5px 5px 0px 0px;
83+
}
84+
85+
&.talk:after{
86+
background-color: rgba($talk-bg-color, 0.6);
87+
}
88+
&.workshop:after{
89+
background-color: rgba($workshop-bg-color, 0.6);
90+
}
91+
&.keynote:after{
92+
background-color: rgba($keynote-bg-color, 0.6);
93+
}
94+
95+
96+
.event-title{
97+
@include cssCalc("font-size", "#{($font-size)} + 4px");
98+
font-weight:500;
99+
margin:0px;
100+
position:relative;
101+
z-index: 100;
102+
}
103+
104+
.event-room{
105+
font-size:$font-size;
106+
z-index: 100;
107+
position:relative;
108+
margin-bottom:0px;
109+
}
110+
111+
.event-speakers
112+
{
113+
z-index: 100;
114+
position:relative;
115+
font-size:$font-size;
116+
font-weight:500;
117+
margin-bottom:0px;
118+
*
119+
{
120+
color:$event-color;
121+
}
122+
}
123+
124+
.event-type-tag
125+
{
126+
position: absolute;
127+
bottom: -25px;
128+
left: 0px;
129+
width: 100%;
130+
border-radius: 0px 0px 4px 4px;
131+
height: 25px;
132+
line-height: 25px;
133+
padding: 0px 14px;
134+
135+
&.keynote-event
136+
{
137+
background-color: darken($keynote-bg-color, 10);
138+
text-transform: capitalize;
139+
font-weight: 500;
140+
color: $event-color;
141+
}
142+
143+
&.talk-event
144+
{
145+
background: darken($talk-bg-color, 10);
146+
text-transform: capitalize;
147+
font-weight: 500;
148+
color: $event-color;
149+
}
150+
151+
&.workshop-event
152+
{
153+
background: darken($workshop-bg-color, 10);
154+
text-transform: capitalize;
155+
font-weight: 500;
156+
color: $event-color;
157+
}
158+
}
159+
160+
161+
}
3162
}

‎scss/event.scss‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
.nav-bar-title{
2+
text-transform: capitalize;
3+
}
4+
5+
.icon.button.share-event::before
6+
{
7+
margin-top:0px !important;
8+
}
9+
10+
.event-view{
11+
background: $content-bg;
12+
13+
.speaker-image{
14+
height: 100vw;
15+
}
16+
17+
.event-details{
18+
min-height: 70px;
19+
padding: 22px;
20+
background-color: darken($content-color, 10);
21+
margin-top: -8px;
22+
23+
.event-title{
24+
color: $top-bar-color;
25+
font-size: 16px;
26+
@include cssCalc("font-size", "#{($font-size)} + 4px");
27+
font-weight: 500;
28+
display:block;
29+
}
30+
.event-speakers{
31+
color: $main-menu-bg;
32+
@include cssCalc("font-size", "#{($font-size)} + 2px");
33+
font-weight: 400;
34+
display:block;
35+
36+
37+
.event-speaker{
38+
color: inherit;
39+
font-weight: 600;
40+
}
41+
42+
.event-speaker-concat{
43+
color: inherit;
44+
font-weight: 400;
45+
}
46+
}
47+
}
48+
.event-description{
49+
@include cssCalc("font-size", "#{($font-size)} + 2px");
50+
padding:20px;
51+
52+
ul{
53+
list-style: inherit;
54+
// -webkit-padding-start: 40px;
55+
padding-left: 40px;
56+
}
57+
}
58+
}

‎scss/ionic.app.scss‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,10 @@ $ionicons-font-path: "../lib/ionic/fonts" !default;
2121
// Include all of Ionic
2222
@import "www/lib/ionic/scss/ionic";
2323

24-
@import "speakers.scss";
25-
@import "venue.scss";
26-
@import "agenda.scss";
24+
// Include custom styles
25+
@import "scss/jsconfuy";
26+
@import "scss/main-menu";
27+
@import "scss/speakers";
28+
@import "scss/venue";
29+
@import "scss/agenda";
30+
@import "scss/event";

‎scss/jsconfuy.scss‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
@mixin cssCalc($property, $expression) {
2+
#{$property}: calc(#{$expression});
3+
}
4+
5+
@mixin flexbox() {
6+
display: -webkit-box;
7+
display: -moz-box;
8+
display: -ms-flexbox;
9+
display: -webkit-flex;
10+
display: flex;
11+
}
12+
13+
@mixin flex-wrap($value) {
14+
flex-wrap: $value;
15+
-webkit-flex-wrap: $value;
16+
}
17+
18+
19+
$content-bg: #EAEAEA;
20+
$content-color: #444444;
21+
22+
$top-bar-bg: #254164;
23+
$top-bar-color: #FFFFFF;
24+
25+
$loading-color: #FFFFFF;
26+
27+
$main-menu-bg: #FFC900;
28+
$main-menu-color: #FFFFFF;
29+
30+
$loading-color: #FFFFFF;
31+
32+
$speaker-actions-bg: #FFFFFF;
33+
34+
$workshop-bg-color: #00B454;
35+
$talk-bg-color: #FF7C00;
36+
$keynote-bg-color: #FF3900;
37+
$global-bg-color: #DDDDDD;
38+
$event-color: #FFFFFF;
39+
40+
$get-directions-btn-bg: #419e61;
41+
$get-directions-btn-color: #FFFFFF;
42+
43+
//App settings
44+
$category-margin: 20px;
45+
$font-size:12px;
46+
$menu-title-font-size: 30px;
47+
$venue-map-porcentage: 65;
48+
49+
*{
50+
color: $content-color;
51+
}
52+
53+
.bar.app-top-bar
54+
{
55+
background-color: $top-bar-bg;
56+
57+
.title
58+
{
59+
color: $top-bar-color !important;
60+
*
61+
{
62+
color: $top-bar-color !important;
63+
}
64+
}
65+
66+
.button
67+
{
68+
color: $top-bar-color !important;
69+
*
70+
{
71+
color: $top-bar-color !important;
72+
}
73+
}
74+
}
75+
76+
.menu-header-bar{
77+
background-color: $top-bar-bg;
78+
79+
.menu-header-bar-title{
80+
color: $top-bar-color;
81+
}
82+
}
83+
84+
.loading-container .loading
85+
{
86+
*
87+
{
88+
color: $loading-color;
89+
}
90+
}

0 commit comments

Comments
 (0)