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

refactor(typography): change text colors

pull/3/head
alex 2016-02-17 17:23:47 +03:00
parent df4599d2e2
commit 6e13e4b5a2
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,7 +118,7 @@
<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" ba-panel-title="Text Color"> <div ba-panel ba-panel-class="with-scroll color-widget" ba-panel-title="Text Color">
<div class="section-block black-text "> <div class="section-block red-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
ornare ornare
@ -127,7 +127,7 @@
parturient montes, nascetur ridiculus mus. parturient montes, nascetur ridiculus mus.
</p> </p>
</div> </div>
<div class="section-block accent-text "> <div class="section-block yellow-text ">
<p>Curabitur bibendum ornare dolor, quis ullamcorper ligula dfgz`zzsodales at. Nullam quis risus eget <p>Curabitur bibendum ornare dolor, quis ullamcorper ligula dfgz`zzsodales at. Nullam quis risus eget
urna urna
mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur

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

@ -136,12 +136,12 @@ h5 {
margin: 14px 0; margin: 14px 0;
} }
.accent-text p { .yellow-text p {
color: $accent; color: $warning-bg;
} }
.black-text p { .red-text p {
color: black; color: $danger-bg;
} }
.links { .links {
@ -170,11 +170,11 @@ h5 {
.accent { .accent {
margin-top: 30px; margin-top: 30px;
color: $accent; color: $warning-bg;
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 14px;
padding-left: 11px; padding-left: 11px;
border-left: 4px solid $accent; border-left: 4px solid $warning-bg;
margin-left: 13px; margin-left: 13px;
} }
@ -198,7 +198,7 @@ h5 {
li { li {
&:before { &:before {
content: "• "; content: "• ";
color: $accent; color: $warning-bg;
width: 10px; width: 10px;
display: inline-block; display: inline-block;
} }
@ -208,7 +208,7 @@ h5 {
ol.blur { ol.blur {
counter-reset: section; counter-reset: section;
li { li {
color: $accent; color: $warning-bg;
padding-left: 0; padding-left: 0;
line-height: 14px; line-height: 14px;
position: relative; position: relative;