aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorPhilip Arndt <p@arndt.io>2013-07-15 04:23:47 +1200
committerPhilip Arndt <p@arndt.io>2013-07-15 08:33:56 +1200
commit84d2cad07bd615fe9dd6d1ffd2681ad277f98a6e (patch)
tree43d09dc88d0e4a23e6bd6c48b21d69ee66f18e26
parent091b3a401b20590a0fde3cb04d0864c953c91a7c (diff)
downloadrefinerycms-blog-84d2cad07bd615fe9dd6d1ffd2681ad277f98a6e.tar.gz
refinerycms-blog-84d2cad07bd615fe9dd6d1ffd2681ad277f98a6e.tar.bz2
refinerycms-blog-84d2cad07bd615fe9dd6d1ffd2681ad277f98a6e.zip
Refactored CSS to SCSS.
-rw-r--r--app/assets/stylesheets/refinery/blog/backend.css.scss50
-rw-r--r--app/assets/stylesheets/refinery/blog/frontend.css.scss163
2 files changed, 112 insertions, 101 deletions
diff --git a/app/assets/stylesheets/refinery/blog/backend.css.scss b/app/assets/stylesheets/refinery/blog/backend.css.scss
index 31b49f8..e14d92b 100644
--- a/app/assets/stylesheets/refinery/blog/backend.css.scss
+++ b/app/assets/stylesheets/refinery/blog/backend.css.scss
@@ -33,35 +33,35 @@
}
ul.collapsible_menu li {
position: relative;
-}
-ul.collapsible_menu li span.arrow {
- background-repeat: no-repeat;
- position: absolute;
- right: 10px;
- top: 13px;
- width: 11px;
- height: 7px;
- cursor: pointer;
-}
-ul.collapsible_menu li span.arrow {
- background-image: image_url('refinery/blog/icons/up.gif');
-}
-ul.collapsible_menu li.closed span.arrow {
- background-image: image_url('refinery/blog/icons/down.gif');
-}
-ul.collapsible_menu > div {
- width: 93%;
- margin: 0px auto;
-}
-ul.blog_categories{
+ span.arrow {
+ background-repeat: no-repeat;
+ position: absolute;
+ right: 10px;
+ top: 13px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background-image: image_url('refinery/blog/icons/up.gif');
+ }
+ &.closed {
+ span.arrow {
+ background-image: image_url('refinery/blog/icons/down.gif');
+ }
+ }
+ > div {
+ width: 93%;
+ margin: 0px auto;
+ }
+}
+ul.blog_categories {
height:200px;
overflow:auto;
border:1px solid #ccc;
padding:5px;
-}
-ul.blog_categories, ul.blog_categories li {
- list-style: none;
- margin:5px 0;
+ &, li {
+ list-style: none;
+ margin:5px 0;
+ }
}
a#copy_body_link {
background: image_url('refinery/icons/add.png') no-repeat scroll 0 6px transparent;
diff --git a/app/assets/stylesheets/refinery/blog/frontend.css.scss b/app/assets/stylesheets/refinery/blog/frontend.css.scss
index f007305..4fb8803 100644
--- a/app/assets/stylesheets/refinery/blog/frontend.css.scss
+++ b/app/assets/stylesheets/refinery/blog/frontend.css.scss
@@ -1,20 +1,22 @@
-.blog_post header, .blog_post footer {
- width: auto;
-}
-.blog_post .posted_at{
-}
-.post_categories .filled_in {
- display: inline;
-}
-.post_categories ul {
- margin: 0px 0px 0px 6px;
- padding: 0px;
- display: inline;
-}
-.post_categories ul li {
- margin: 0px;
- padding: 0px;
- display: inline;
+.blog_post {
+ header, footer {
+ width: auto;
+ }
+}
+.post_categories {
+ .filled_in {
+ display: inline;
+ }
+ ul {
+ margin: 0px 0px 0px 6px;
+ padding: 0px;
+ display: inline;
+ li {
+ margin: 0px;
+ padding: 0px;
+ display: inline;
+ }
+ }
}
.field.message_field label {
vertical-align: top;
@@ -25,69 +27,78 @@
background: image_url('refinery/blog/rss-feed.png') no-repeat;
}
#next_prev_article{
- overflow:hidden;
- margin:10px 0;
- position:relative;
- height:30px;
-}
-#next_prev_article a{
- display:block;
- width:33%;
- height:30px;
- line-height:30px;
- position:absolute;
- top:0;
-}
-#next_prev_article a.prev{
- left:0;
-}
-#next_prev_article a.home{
- left:33%;
- text-align:center;
-}
-#next_prev_article a.next{
- text-align:right;
- right:0;
+ overflow: hidden;
+ margin: 10px 0;
+ position: relative;
+ height: 30px;
+ a {
+ display: block;
+ width: 33%;
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ top:0;
+ &.prev {
+ left:0;
+ }
+ &.home {
+ left: 33%;
+ text-align: center;
+ }
+ &.next {
+ text-align: right;
+ right:0;
+ }
+ }
}
-
#message, .flash {
padding: 8px 8px 8px 30px;
margin-bottom: 15px;
position: relative;
}
-.flash_notice, .flash_message {
- border: 1px solid #00A017;
- color: #00A017;
- background: 7px 7px no-repeat image_url('refinery/blog/icons/accept.png') #E0F5E0;
-}
-.flash_notice, .flash_notice * {
- color: #00A017;
-}
-.flash_error {
- border: 1px solid #A00027;
- color: #A00027;
- background: 7px 7px no-repeat image_url('refinery/blog/icons/cancel.png') #FFB1B1;
-}
-.flash.flash_notice #flash_close, .flash.flash_error #flash_close {
- text-transform: lowercase;
-}
-.flash.flash_message {
- background: #E0F5E0;
- padding: 9px;
- position: relative;
- margin-bottom: 32px;
-}
-.flash.flash_message h2 {
- margin-top: 12px;
-}
-.flash_message, .flash_message * {
- color: #262719;
- font-size: 14px;
-}
-.flash a, .flash a:hover {
- color: #e20003;
- border-bottom-color: #e20003;
+.flash {
+ .flash_notice {
+ &, * {
+ color: #00A017;
+ }
+ }
+ .flash_notice, .flash_message {
+ border: 1px solid #00A017;
+ color: #00A017;
+ background: 7px 7px no-repeat image_url('refinery/blog/icons/accept.png') #E0F5E0;
+ }
+ .flash_notice #flash_close, .flash.flash_error #flash_close {
+ text-transform: lowercase;
+ }
+ .flash_message {
+ background: #E0F5E0;
+ padding: 9px;
+ position: relative;
+ margin-bottom: 32px;
+ h2 {
+ margin-top: 12px;
+ }
+ }
+ a {
+ &, &:hover {
+ color: #e20003;
+ border-bottom-color: #e20003;
+ }
+ }
+ .flash_error {
+ border: 1px solid #A00027;
+ color: #A00027;
+ background: 7px 7px no-repeat image_url('refinery/blog/icons/cancel.png') #FFB1B1;
+ a {
+ &, &:hover {
+ display: none;
+ }
+ }
+ }
+ .flash_message {
+ &, & * {
+ color: #262719;
+ font-size: 14px;
+ }
+ }
}
-.flash.flash_error a, .flash.flash_error a:hover {
- display: none;
-} /* FLASH MESSAGES */