jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor(typography): centering panel titles

pull/3/head
alex 2016-02-10 13:18:53 +03:00
parent 32342b808e
commit 7dbe00e234
2 changed files with 11 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/pages/ui/typography/typography.html
View File

@ -1,9 +1,6 @@
<div class="typography-document-samples row-fluid">
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget">
<div ba-panel ba-panel-class="with-scroll heading-widget">
<div class="section-block">
<h2 class="typography-widget-header">Text Size</h2>
</div>
<div ba-panel ba-panel-class="with-scroll heading-widget" ba-panel-title="Text Size">
<div class="section-block">
<h1>H1. Heading 1</h1>
@ -36,10 +33,7 @@
</div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget">
<div ba-panel ba-panel-class="with-scroll more-text-widget">
<div class="section-block">
<h2 class="typography-widget-header">Some more text</h2>
</div>
<div ba-panel ba-panel-class="with-scroll more-text-widget" ba-panel-title="Some more text">
<div class="section-block light-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis
ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed
@ -80,10 +74,7 @@
</div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget">
<div ba-panel ba-panel-class="with-scroll lists-widget">
<div class="section-block">
<h2 class="typography-widget-header">Lists</h2>
</div>
<div ba-panel ba-panel-class="with-scroll lists-widget" ba-panel-title="Lists">
<div class="section-block">
<h5 class="list-header">Unordered list:</h5>
<ul class="blur">
@ -126,10 +117,7 @@
</div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget">
<div ba-panel ba-panel-class="with-scroll color-widget">
<div class="section-block">
<h2 class="typography-widget-header">Text Color</h2>
</div>
<div ba-panel ba-panel-class="with-scroll color-widget" ba-panel-title="Text Color">
<div class="section-block black-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis
ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed

15
src/sass/app/_typography.scss
View File

@ -50,6 +50,11 @@ h5 {
height: 620px;
}
.panel-title{
text-align: center;
width: 100%;
}
.panel.with-scroll .panel-body{
height: 100%;
}
@ -62,24 +67,18 @@ h5 {
}
.typography-widget-header {
text-align: center;
margin: 0;
width: 100%;
font-weight: $font-light;
}
.heading-widget {
text-align: center;
h1, h2, h3, h4, h5, h6 {
width: 100%;
font-weight: $font-light;
text-align: center;
}
p {
line-height: 16px;
font-weight: $font-normal;
text-align: center;
}
}