Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Winter SASS Cleaning
Browse files Browse the repository at this point in the history 
Cleaning up all SASS files.
Moving all color info into variables.
New styles for calendar shortcodes.
  • Loading branch information
andrewmbacon committed Dec 30, 2014
1 parent 9c393b1 commit 89d490c
Show file tree
Hide file tree
Showing 13 changed files with 481 additions and 333 deletions.
184 changes: 126 additions & 58 deletions css/cal.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,71 +37,139 @@
display: none;
}

#events-table #vb.toolbar ul.btn-multi {
margin-bottom: .5em;
}
#events-table #vb.toolbar ul.btn-multi li ul {
padding: 0px 0px 0px 12px;
#events-table {
/*
ul.btn-multi{
margin-bottom:.5em;
li{
ul{
padding: 0px 0px 0px 12px;
li{
&.month-arrow{
a.icon{
span.glyphicons{
padding: 0px 0px 0px 5px;
&:before{
color:#fff;
font-size: 14px;
display:block;
position: relative;
}
}
}
}
}
}
a.btn-toggle{
margin-left:10px;
font-size:14px;
color:#777;
text-align: center;
}
}
}
}
*/
/*
#events-grid.table {
tbody{
tr{
th{
width:14%;
text-align:right;
span{
font-weight:normal;
color:#777;
font-size:12px !important;
}
}
td{
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #fff;
text-align:left;
height: 90px;
padding:1px;
ol.event-list{
li{
span.event-time{
font-size:11px !important;
padding: 0px 0px 0px 2px !important;
}
ol{
padding: 0px 2px 0px 2px !important;
li{
background: rgba(15,25,56, 0.1);
border:1px solid rgba(15,25,56, 0.2) !important;
padding: 0px 3px 0px 3px !important;
margin-bottom: 2px !important;
a.event-link{
strong{
font-weight:normal;
font-size:12px !important;
}
}
}
}
}
}
}
}
}
}
*/
}
#events-table #events-toolbar {
margin-bottom: 1em;
}
#events-table #vb.toolbar ul.btn-multi li ul li.month-arrow a.icon span.glyphicons {
padding: 0px 0px 0px 5px;
#events-table #events-toolbar #events-month {
width: 10em;
}
#events-table #vb.toolbar ul.btn-multi li ul li.month-arrow a.icon span.glyphicons:before {
color: #fff;
font-size: 14px;
display: block;
position: relative;
#events-table table {
font-size: 85%;
}
#events-table #vb.toolbar ul.btn-multi li a.btn-toggle {
margin-left: 10px;
font-size: 14px;
color: #777;
#events-table table thead th {
width: 14%;
text-align: center;
}
#events-table #events-grid.table > tbody > tr > th {
border: 1px solid #fff !important;
#events-table table tbody th {
border-bottom-width: 0;
padding-bottom: 0;
padding-left: 0;
text-align: right;
font-weight: normal;
opacity: .7;
}
#events-table #events-grid.table tbody tr.list-days th {
text-align: center;
border: 1px solid #eee !important;
background: #fff;
#events-table table tbody td {
border-top-width: 0;
padding-top: 0;
}
#events-table #events-grid.table tbody tr th {
width: 14%;
border-top: 1px solid #eee !important;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
background: #fff;
text-align: right;
#events-table table tbody td a {
text-decoration: none;
}
#events-table #events-grid.table tbody tr th span {
font-weight: normal;
color: #777;
font-size: 12px !important;
}
#events-table #events-grid.table tbody tr td {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #fff;
text-align: left;
height: 90px;
padding: 1px;
}
#events-table #events-grid.table tbody tr td ol.event-list li span.event-time {
font-size: 11px !important;
padding: 0px 0px 0px 2px !important;
}
#events-table #events-grid.table tbody tr td ol.event-list li ol {
padding: 0px 2px 0px 2px !important;
}
#events-table #events-grid.table tbody tr td ol.event-list li ol li {
background: rgba(15, 25, 56, 0.1);
border: 1px solid rgba(15, 25, 56, 0.2) !important;
padding: 0px 3px 0px 3px !important;
margin-bottom: 2px !important;
}
#events-table #events-grid.table tbody tr td ol.event-list li ol li a.event-link strong {
#events-table table tbody td a:hover {
text-decoration: underline;
}
#events-table table tbody td a strong {
font-weight: normal;
font-size: 12px !important;
}
#events-table table tbody td a .glyphicon {
display: none;
}
#events-table table tbody td .event-list + .event-list {
margin-top: 1em !important;
}
#events-table table tbody td .event-list li + li {
margin-top: .5em !important;
}
3 changes: 3 additions & 0 deletions css/table-stripper.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
/* - - - - - - - - - - - - - - - - - - -
== Table Stripper
Our effort to combat the use of table-based layouts by site authors.
- - - - - - - - - - - - - - - - - - - */
table div, table span, table applet, table object, table iframe, table
h1, table h2, table h3, table h4, table h5, table h6, table p, table blockquote, table pre, table
Expand Down
106 changes: 85 additions & 21 deletions sass/cal.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,20 +54,94 @@


// Style for Shortcode Calendar
#events-table{
// Toolbar
#vb.toolbar{
a{

#events-table {

#events-toolbar {
margin-bottom:1em;

// set a width so that the buttons don't shift between long-named months and short-named months.
#events-month {
width:10em;
}
}

table {
font-size:85%;

thead {
th {
width:14%;
text-align:center;
}
}
tbody {
th {
border-bottom-width:0;
padding-bottom:0;
padding-left:0;
text-align:right;
font-weight:normal;
// opacity so it'll "grey" out whatever the main text color is set to in future themes.
opacity:.7;
}
td {
border-top-width:0;
padding-top:0;

a {
text-decoration:none;

&:hover {
text-decoration:underline;
}

strong {
font-weight:normal;
}

//every link is external, no need to fly lnk flags here.
.glyphicon {
display:none;
}
}

.event-list {
&+.event-list {
margin-top:1em !important;
}

li+li {
margin-top:.5em !important;
}

}
}
}
}








/*
ul.btn-multi{
margin-bottom:.5em;
li{
ul{
padding: 0px 0px 0px 12px;
li{
&.month-arrow{
a.icon{
span.glyphicons{
padding: 0px 0px 0px 5px;
Expand All @@ -91,31 +165,20 @@
}
}
}
// Calendar
#events-grid.table>tbody>tr>th{border: 1px solid #fff !important;}
#events-grid.table{
*/
/*
#events-grid.table {
tbody{
tr{
&.list-days{
th{
text-align:center;
border:1px solid #eee !important;
background: #fff;
}
}
th{
width:14%;
border-top: 1px solid #eee !important;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
background: #fff;
text-align:right;
span{
font-weight:normal;
color:#777;
font-size:12px !important;
abbr{
}
}
}
td{
Expand Down Expand Up @@ -153,4 +216,5 @@
}
}
}
*/
}
5 changes: 3 additions & 2 deletions sass/content.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,10 +117,11 @@ code {

.comment {
padding:$contentPadding;
border-top:1px solid #ccc;
border-top:1px solid transparent;
border-top-color:$comment-top-border;
}
.comment.thread-odd {
background-color:#f5f5f5;
background-color:$comment-thread-odd;
}

.comment-content a {
Expand Down
Loading

0 comments on commit 89d490c

Please sign in to comment.