Skip to content
This repository was archived by the owner on Jun 21, 2022. It is now read-only.

Added classes to do the styling instead of the existing IDs.(#65) #78

Open
xipasduarte wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added classes to do the styling instead of the existing IDs.(#65) #78

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fe5aa7e
Added classes to do the styling instead of the existing IDs.(#65)
xipasduarte Sep 1, 2015
5abe84e
Moved mixins file.
xipasduarte Sep 1, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/styles/scss/_footer.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* Footer */

#footer {
.site-footer {
background-color: $color-background;
border-top: 1px solid $color-background-border;
clear: both;
Expand Down
22 changes: 13 additions & 9 deletions app/styles/scss/_wordpress.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,26 @@
body.admin-bar {
padding-top: 28px;

#content-wrapper,
.navbar-fixed-top {
top: 28px;
}

@media screen and (max-width: 782px) {
padding-top: 46px;
}

.site-body {
top: 28px;

#content-wrapper,
.navbar-fixed-top {
@media screen and (max-width: 782px) {
top: 46px;
}
}

@media screen and (max-width: 600px) {
.navbar-fixed-top {
.navbar-fixed-top {
top: 28px;

@media screen and (max-width: 782px) {
top: 46px;
}

@media screen and (max-width: 600px) {
position: absolute;
}
}
Expand Down
0 app/styles/scss/_mixins.scss → app/styles/scss/mixins/_mixins.scss
View file
Open in desktop
File renamed without changes.
13 changes: 6 additions & 7 deletions app/styles/scss/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
/**
* Import theme mixins.
*/
@import "mixins";
@import "mixins/mixins";

/**
* Import accessibility styles.
Expand Down Expand Up @@ -42,14 +42,14 @@ body {
}
}

#header {
.site-header {
min-height: 50px;
}

#content-wrapper {
.site-body {
@extend .container;

#main {
.site-body__main {
@include make-md-column(9);
@include make-xs-column(12);

Expand All @@ -64,7 +64,7 @@ body {
}
}

#sidebar {
.site-body__sidebar {
@extend .container;
@include make-md-column(3);
@include make-xs-column(12);
Expand All @@ -75,7 +75,7 @@ body {
}

#b3-error,
#sidebar {
.site-body__sidebar {
margin-top: 40px;
}
}
Expand Down Expand Up @@ -108,7 +108,6 @@ body {
clear: both;
margin-left: auto;
margin-right: auto;

}

.alignnone {
Expand Down
12 changes: 6 additions & 6 deletions index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,13 @@
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?> role="document">
<div id="header" role="header"></div>
<div id="content-wrapper">
<div id="main" role="main"></div>
<div id="sidebar"></div>
<div id="header" class="site-header" role="header"></div>
<div id="content-wrapper" class="site-body">
<div id="main" class="site-body__main" role="main"></div>
<div id="sidebar" class="site-body__sidebar"></div>
</div>
<div id="footer" role="footer"></div>
<div id="notifications"></div>
<div id="footer" class="site-footer" role="footer"></div>
<div id="notifications" class="site-notifications"></div>
<?php wp_footer(); ?>
</body>
</html>