navigation arrows

Augusto dos Anjos Almeida
1 parent 4f3ff35f
Showing 2 changed files with 15 additions and 1 deletions Show diff stats
index.html
sass/style.sass
@@ -145,6 +145,7 @@
                     <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
                       <span class="icon icon-theme icon-{{slug}}"></span>
                       <span class="themes-name">{{name}}</span>
+                      <span class="fa fa-angle-right hidden-xs"></span>
                     </a>
                     <!-- <div class="arrow-box" style="display: none"></div> -->
                   </li>
@@ -179,7 +180,7 @@
                 <input placeholder="palavra chave" id="search-input" type="text" name="search" />
               </div>
               -->
-              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group">Ver todos os programas</a>
+              <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
               <h2 class="name">Programas</h2>
  
               <ul class="proposal-list row">
@@ -411,6 +411,14 @@ h1
     +hover(#fff,$darken)
     &:hover,&:focus
       text-decoration: none
+  .fa
+    color: #898989
+    float: right
+    font-size: 45px
+  &-name
+    display: inline-block
+    width: 50%
+    vertical-align: middle
   .arrow-box
     position: relative
     top: $gutter
@@ -427,6 +435,10 @@ h1
 //   6.7 - listagem dos programas aleatorios
 .ver-todos
   float: right
+  .fa
+    font-size: $theme-size-header
+    margin-right: $gutter * 0.5
+    vertical-align: bottom
 .proposal
   &-container
     border-radius: $radius
@@ -1136,6 +1148,7 @@ h3.titulo-destaque
     font-size: 0
     &-name
       display: block
+      width: 100%
     li
       display: inline-block
       font-size: $font-size-base
...	...	@@ -145,6 +145,7 @@
145	145	<a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">
146	146	<span class="icon icon-theme icon-{{slug}}"></span>
147	147	<span class="themes-name">{{name}}</span>
	148	+ <span class="fa fa-angle-right hidden-xs"></span>
148	149	</a>
149	150	<!-- <div class="arrow-box" style="display: none"></div> -->
150	151	</li>
...	...	@@ -179,7 +180,7 @@
179	180	<input placeholder="palavra chave" id="search-input" type="text" name="search" />
180	181	</div>
181	182	-->
182		- <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group">Ver todos os programas</a>
	183	+ <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
183	184	<h2 class="name">Programas</h2>
184	185
185	186	<ul class="proposal-list row">
...	...
...	...	@@ -411,6 +411,14 @@ h1
411	411	+hover(#fff,$darken)
412	412	&:hover,&:focus
413	413	text-decoration: none
	414	+ .fa
	415	+ color: #898989
	416	+ float: right
	417	+ font-size: 45px
	418	+ &-name
	419	+ display: inline-block
	420	+ width: 50%
	421	+ vertical-align: middle
414	422	.arrow-box
415	423	position: relative
416	424	top: $gutter
...	...	@@ -427,6 +435,10 @@ h1
427	435	// 6.7 - listagem dos programas aleatorios
428	436	.ver-todos
429	437	float: right
	438	+ .fa
	439	+ font-size: $theme-size-header
	440	+ margin-right: $gutter * 0.5
	441	+ vertical-align: bottom
430	442	.proposal
431	443	&-container
432	444	border-radius: $radius
...	...	@@ -1136,6 +1148,7 @@ h3.titulo-destaque
1136	1148	font-size: 0
1137	1149	&-name
1138	1150	display: block
	1151	+ width: 100%
1139	1152	li
1140	1153	display: inline-block
1141	1154	font-size: $font-size-base
...	...