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="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 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 ba-panel ba-panel-class="with-scroll heading-widget" ba-panel-title="Text Size">
<div class="section-block">
<h2 class="typography-widget-header">Text Size</h2>
</div>
<div class="section-block"> <div class="section-block">
<h1>H1. Heading 1</h1> <h1>H1. Heading 1</h1>
@ -36,10 +33,7 @@
</div> </div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget"> <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 ba-panel ba-panel-class="with-scroll more-text-widget" ba-panel-title="Some more text">
<div class="section-block">
<h2 class="typography-widget-header">Some more text</h2>
</div>
<div class="section-block light-text"> <div class="section-block light-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis <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 ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed
@ -80,10 +74,7 @@
</div> </div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget"> <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 ba-panel ba-panel-class="with-scroll lists-widget" ba-panel-title="Lists">
<div class="section-block">
<h2 class="typography-widget-header">Lists</h2>
</div>
<div class="section-block"> <div class="section-block">
<h5 class="list-header">Unordered list:</h5> <h5 class="list-header">Unordered list:</h5>
<ul class="blur"> <ul class="blur">
@ -126,10 +117,7 @@
</div> </div>
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-xs-12 typography-widget"> <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 ba-panel ba-panel-class="with-scroll color-widget" ba-panel-title="Text Color">
<div class="section-block">
<h2 class="typography-widget-header">Text Color</h2>
</div>
<div class="section-block black-text "> <div class="section-block black-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis <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 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; height: 620px;
} }
.panel-title{
text-align: center;
width: 100%;
}
.panel.with-scroll .panel-body{ .panel.with-scroll .panel-body{
height: 100%; height: 100%;
} }
@ -62,24 +67,18 @@ h5 {
} }
.typography-widget-header {
text-align: center;
margin: 0;
width: 100%;
font-weight: $font-light;
}
.heading-widget { .heading-widget {
text-align: center;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
width: 100%; width: 100%;
font-weight: $font-light; font-weight: $font-light;
text-align: center;
} }
p { p {
line-height: 16px; line-height: 16px;
font-weight: $font-normal; font-weight: $font-normal;
text-align: center;
} }
} }