playground
/
abc
mirror of https://github.com/juliancwirko/abc.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

foundation update and small fixes

pull/3/head
Julian Ćwirko 10 years ago
parent
9028ecdc84
commit
bb6622fba0
15 changed files with 112 additions and 101 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 106
      assets/css/style.css
  2. 8
      assets/scss/_normalize.scss
  3. 3
      assets/scss/foundation/_functions.scss
  4. 2
      assets/scss/foundation/components/_alert-boxes.scss
  5. 1
      assets/scss/foundation/components/_button-groups.scss
  6. 13
      assets/scss/foundation/components/_dropdown-buttons.scss
  7. 1
      assets/scss/foundation/components/_dropdown.scss
  8. 11
      assets/scss/foundation/components/_forms.scss
  9. 34
      assets/scss/foundation/components/_global.scss
  10. 1
      assets/scss/foundation/components/_reveal.scss
  11. 6
      assets/scss/foundation/components/_sub-nav.scss
  12. 14
      assets/scss/foundation/components/_switches.scss
  13. 1
      assets/scss/foundation/components/_tabs.scss
  14. 6
      assets/scss/foundation/components/_top-bar.scss
  15. 6
      assets/scss/style.scss

106
assets/css/style.css
Unescape View File

@ -1,4 +1,4 @@
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
@ -22,7 +22,8 @@ body {
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
@ -34,6 +35,7 @@ footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
@ -74,7 +76,7 @@ template {
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent; }
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
@ -360,7 +362,7 @@ th {
clear: both; }
meta.foundation-version {
font-family: "/5.4.6/"; }
font-family: "/5.4.7/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
@ -442,7 +444,11 @@ img {
clear: both; }
.hide {
display: none; }
display: none !important;
visibility: hidden; }
.invisible {
visibility: hidden; }
.antialiased {
-webkit-font-smoothing: antialiased;
@ -1493,7 +1499,8 @@ select {
margin-top: -0.6875rem;
right: 0.25rem;
color: #333333;
opacity: 0.3; }
opacity: 0.3;
background: inherit; }
.alert-box .close:hover, .alert-box .close:focus {
opacity: 0.5; }
.alert-box.radius {
@ -2075,7 +2082,6 @@ button::-moz-focus-inner {
clear: both; }
.button-group > li {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group > li > button, .button-group > li .button {
border-left: 1px solid;
@ -2084,7 +2090,6 @@ button::-moz-focus-inner {
border-left: 0; }
.button-group.stack > li {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0;
@ -2104,7 +2109,6 @@ button::-moz-focus-inner {
border-top: 0; }
.button-group.stack-for-small > li {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-left: 1px solid;
@ -2114,7 +2118,6 @@ button::-moz-focus-inner {
@media only screen and (max-width: 40em) {
.button-group.stack-for-small > li {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0; }
@ -2133,7 +2136,6 @@ button::-moz-focus-inner {
border-top: 0; } }
.button-group.radius > * {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group.radius > * > button, .button-group.radius > * .button {
border-left: 1px solid;
@ -2154,7 +2156,6 @@ button::-moz-focus-inner {
border-top-right-radius: 3px; }
.button-group.radius.stack > * {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0; }
@ -2186,7 +2187,6 @@ button::-moz-focus-inner {
@media only screen and (min-width: 40.063em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
@ -2208,7 +2208,6 @@ button::-moz-focus-inner {
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0; }
@ -2239,7 +2238,6 @@ button::-moz-focus-inner {
border-bottom-right-radius: 3px; } }
.button-group.round > * {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group.round > * > button, .button-group.round > * .button {
border-left: 1px solid;
@ -2260,7 +2258,6 @@ button::-moz-focus-inner {
border-top-right-radius: 1000px; }
.button-group.round.stack > * {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0; }
@ -2292,7 +2289,6 @@ button::-moz-focus-inner {
@media only screen and (min-width: 40.063em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
float: left;
display: inline-block; }
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-left: 1px solid;
@ -2314,7 +2310,6 @@ button::-moz-focus-inner {
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
float: left;
display: inline-block;
display: block;
margin: 0; }
@ -2345,7 +2340,6 @@ button::-moz-focus-inner {
border-bottom-right-radius: 1rem; } }
.button-group.even-2 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 50%; }
.button-group.even-2 li > button, .button-group.even-2 li .button {
@ -2357,7 +2351,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-3 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 33.33333%; }
.button-group.even-3 li > button, .button-group.even-3 li .button {
@ -2369,7 +2362,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-4 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 25%; }
.button-group.even-4 li > button, .button-group.even-4 li .button {
@ -2381,7 +2373,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-5 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 20%; }
.button-group.even-5 li > button, .button-group.even-5 li .button {
@ -2393,7 +2384,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-6 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 16.66667%; }
.button-group.even-6 li > button, .button-group.even-6 li .button {
@ -2405,7 +2395,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-7 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 14.28571%; }
.button-group.even-7 li > button, .button-group.even-7 li .button {
@ -2417,7 +2406,6 @@ button::-moz-focus-inner {
width: 100%; }
.button-group.even-8 li {
margin: 0 -2px;
float: left;
display: inline-block;
width: 12.5%; }
.button-group.even-8 li > button, .button-group.even-8 li .button {
@ -2615,6 +2603,7 @@ button::-moz-focus-inner {
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
@ -2663,6 +2652,7 @@ button::-moz-focus-inner {
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
@ -2706,6 +2696,7 @@ button::-moz-focus-inner {
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
@ -2751,6 +2742,7 @@ button::-moz-focus-inner {
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
@ -2811,6 +2803,7 @@ button::-moz-focus-inner {
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
padding: 1.25rem;
width: 100%;
height: auto;
@ -2840,8 +2833,9 @@ button::-moz-focus-inner {
.dropdown.button, button.dropdown {
position: relative;
outline: none;
padding-right: 3.5625rem; }
.dropdown.button:after, button.dropdown:after {
.dropdown.button::after, button.dropdown::after {
position: absolute;
content: "";
width: 0;
@ -2850,35 +2844,35 @@ button::-moz-focus-inner {
border-style: solid;
border-color: white transparent transparent transparent;
top: 50%; }
.dropdown.button:after, button.dropdown:after {
.dropdown.button::after, button.dropdown::after {
border-width: 0.375rem;
right: 1.40625rem;
margin-top: -0.15625rem; }
.dropdown.button:after, button.dropdown:after {
.dropdown.button::after, button.dropdown::after {
border-color: white transparent transparent transparent; }
.dropdown.button.tiny, button.dropdown.tiny {
padding-right: 2.625rem; }
.dropdown.button.tiny:before, button.dropdown.tiny:before {
.dropdown.button.tiny:after, button.dropdown.tiny:after {
border-width: 0.375rem;
right: 1.125rem;
margin-top: -0.125rem; }
.dropdown.button.tiny:after, button.dropdown.tiny:after {
.dropdown.button.tiny::after, button.dropdown.tiny::after {
border-color: white transparent transparent transparent; }
.dropdown.button.small, button.dropdown.small {
padding-right: 3.0625rem; }
.dropdown.button.small:after, button.dropdown.small:after {
.dropdown.button.small::after, button.dropdown.small::after {
border-width: 0.4375rem;
right: 1.3125rem;
margin-top: -0.15625rem; }
.dropdown.button.small:after, button.dropdown.small:after {
.dropdown.button.small::after, button.dropdown.small::after {
border-color: white transparent transparent transparent; }
.dropdown.button.large, button.dropdown.large {
padding-right: 3.625rem; }
.dropdown.button.large:after, button.dropdown.large:after {
.dropdown.button.large::after, button.dropdown.large::after {
border-width: 0.3125rem;
right: 1.71875rem;
margin-top: -0.15625rem; }
.dropdown.button.large:after, button.dropdown.large:after {
.dropdown.button.large::after, button.dropdown.large::after {
border-color: white transparent transparent transparent; }
.dropdown.button.secondary:after, button.dropdown.secondary:after {
border-color: #333333 transparent transparent transparent; }
@ -2950,9 +2944,6 @@ label {
text-transform: capitalize;
color: #676767; }
select::-ms-expand {
display: none; }
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
@ -3266,6 +3257,8 @@ select {
line-height: normal;
border-radius: 0;
height: 2.3125rem; }
select::-ms-expand {
display: none; }
select.radius {
border-radius: 3px; }
select:hover {
@ -3730,28 +3723,24 @@ kbd {
to {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg); }
to {
-o-transform: rotate(360deg); } }
@keyframes rotate {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
/* Orbit Graceful Loading */
.slideshow-wrapper {
position: relative; }
@ -3823,7 +3812,7 @@ kbd {
left: 10px;
font-size: 12px;
color: white;
background: rgba(0, 0, 0, 0);
background: transparent;
z-index: 10; }
.orbit-container .orbit-slide-number span {
font-weight: 700;
@ -4303,6 +4292,7 @@ ul.pagination {
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none !important;
margin-left: 0 !important; }
@media only screen and (min-width: 40.063em) {
.reveal-modal.full, dialog.full {
@ -4462,10 +4452,8 @@ dialog {
display: block;
width: auto;
overflow: hidden;
margin: -0.25rem 0 1.125rem;
padding-top: 0.25rem;
margin-right: 0;
margin-left: -0.75rem; }
margin-bottom: -0.25rem 0 1.125rem;
padding-top: 0.25rem; }
.sub-nav dt {
text-transform: uppercase; }
.sub-nav dt,
@ -4474,7 +4462,7 @@ dialog {
float: left;
display: inline;
margin-left: 1rem;
margin-bottom: 0.625rem;
margin-bottom: 0;
font-family: "Lora", serif;
font-weight: normal;
font-size: 0.875rem;
@ -4506,7 +4494,11 @@ dialog {
.switch {
padding: 0;
border: none;
position: relative; }
position: relative;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.switch label {
display: block;
margin-bottom: 1rem;
@ -4653,6 +4645,7 @@ table {
list-style: none;
float: left; }
.tabs dd > a, .tabs .tab-title > a {
outline: none;
display: block;
background-color: #efefef;
color: #222222;
@ -5736,7 +5729,6 @@ blockquote p {
@page {
margin: 0.5cm; }
p,
h2,
h3 {
@ -5946,7 +5938,7 @@ ul.off-canvas-list {
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
@media only screen and (min-width: 40.063em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
@ -5971,7 +5963,7 @@ ul.off-canvas-list {
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
@media only screen and (min-width: 40.063em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
@ -5996,7 +5988,7 @@ ul.off-canvas-list {
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
@ -6021,7 +6013,7 @@ ul.off-canvas-list {
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
@ -6046,7 +6038,7 @@ ul.off-canvas-list {
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
@ -6606,7 +6598,7 @@ body {
.main-header {
padding: 7.5rem 1.875rem; }
.main-header h1 {
font-size: 2.5rem;
font-size: 3.75rem;
line-height: 1.2; }
@media screen and (min-width: 48em) {
.main-header h1 {
@ -6653,7 +6645,7 @@ body {
.author-template .post-title {
color: black;
margin: 0;
font-size: 1.625rem;
font-size: 1.75rem;
line-height: 1.1; }
.home-template .post-title a, .home-template .post-title a:hover, .home-template .post-title a:focus, .home-template .post-title a:active,
.tag-template .post-title a,
@ -6696,7 +6688,7 @@ body {
margin-left: auto;
margin-right: auto; }
.post-template .post-view-header .post-header-content h1 {
font-size: 2.5rem;
font-size: 3.4375rem;
line-height: 1.2; }
@media screen and (min-width: 48em) {
.post-template .post-view-header .post-header-content h1 {

8
assets/scss/_normalize.scss vendored
Unescape View File

@ -1,4 +1,4 @@
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
@ -25,7 +25,8 @@ body {
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
@ -38,6 +39,7 @@ footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
@ -85,7 +87,7 @@ template {
*/
a {
background: transparent;
background-color: transparent;
}
/**

3
assets/scss/foundation/_functions.scss
Unescape View File

@ -9,7 +9,8 @@ $rem-base: 16px !default;
// We use this to prevent styles from being loaded multiple times for compenents that rely on other components.
$modules: () !default;
@mixin exports($name) {
@if (index($modules, $name) == false) {
$module_index: index($modules, $name);
@if (($module_index == null) or ($module_index == false)) {
$modules: append($modules, $name);
@content;
}

2
assets/scss/foundation/components/_alert-boxes.scss
Unescape View File

@ -38,6 +38,7 @@ $alert-close-font-size: rem-calc(22) !default;
$alert-close-opacity: 0.3 !default;
$alert-close-opacity-hover: 0.5 !default;
$alert-close-padding: 9px 6px 4px !default;
$alert-close-background: inherit !default;
// We use this to control border radius
$alert-radius: $global-radius !default;
@ -91,6 +92,7 @@ $alert-transition-ease: ease-out !default;
#{$opposite-direction}: $alert-close-position;
color: $alert-close-color;
opacity: $alert-close-opacity;
background: $alert-close-background;
&:hover,
&:focus { opacity: $alert-close-opacity-hover; }
}

1
assets/scss/foundation/components/_button-groups.scss
Unescape View File

@ -57,7 +57,6 @@ $button-group-border-width: 1px !default;
}
@else {
margin: 0 -2px;
float: $default-float;
display: inline-block;
}

13
assets/scss/foundation/components/_dropdown-buttons.scss
Unescape View File

@ -57,9 +57,10 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// We add in base styles, but they can be negated by setting to 'false'.
@if $base-style {
position: relative;
outline: none;
// This creates the base styles for the triangle pip
&:after {
&::after {
position: absolute;
content: "";
width: 0;
@ -74,7 +75,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// If we're dealing with tiny buttons, use these styles
@if $padding == tiny {
padding-#{$opposite-direction}: $dropdown-button-padding-tny;
&:before {
&:after {
border-width: $dropdown-button-pip-size-tny;
#{$opposite-direction}: $dropdown-button-pip-opposite-tny;
margin-top: $dropdown-button-pip-top-tny;
@ -84,7 +85,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// If we're dealing with small buttons, use these styles
@if $padding == small {
padding-#{$opposite-direction}: $dropdown-button-padding-sml;
&:after {
&::after {
border-width: $dropdown-button-pip-size-sml;
#{$opposite-direction}: $dropdown-button-pip-opposite-sml;
margin-top: $dropdown-button-pip-top-sml;
@ -94,7 +95,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// If we're dealing with default (medium) buttons, use these styles
@if $padding == medium {
padding-#{$opposite-direction}: $dropdown-button-padding-med;
&:after {
&::after {
border-width: $dropdown-button-pip-size-med;
#{$opposite-direction}: $dropdown-button-pip-opposite-med;
margin-top: $dropdown-button-pip-top-med;
@ -104,7 +105,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// If we're dealing with large buttons, use these styles
@if $padding == large {
padding-#{$opposite-direction}: $dropdown-button-padding-lrg;
&:after {
&::after {
border-width: $dropdown-button-pip-size-lrg;
#{$opposite-direction}: $dropdown-button-pip-opposite-lrg;
margin-top: $dropdown-button-pip-top-lrg;
@ -113,7 +114,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
// We can control the pip color. We didn't use logic in this case, just set it and forget it.
@if $pip-color {
&:after { border-color: $pip-color transparent transparent transparent; }
&::after { border-color: $pip-color transparent transparent transparent; }
}
}

1
assets/scss/foundation/components/_dropdown.scss
Unescape View File

@ -68,6 +68,7 @@ $f-dropdown-radius: $global-radius !default;
left: -9999px;
list-style: $f-dropdown-list-style;
margin-#{$default-float}: 0;
outline: none;
> *:first-child { margin-top: 0; }
> *:last-child { margin-bottom: 0; }

11
assets/scss/foundation/components/_forms.scss
Unescape View File

@ -326,6 +326,11 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
-webkit-border-radius: 0px;
background-color: $select-bg-color;
// Hide the dropdown arrow shown in newer IE versions
&::-ms-expand {
display: none;
}
// The custom arrow have some fake horizontal padding so we can align it
// from the right side of the element without relying on CSS3
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
@ -350,7 +355,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
background-color: $select-hover-bg-color;
border-color: $input-focus-border-color;
}
// Disbaled Styles
// Disabled Styles
&:disabled {
background-color: $input-disabled-bg;
cursor: $input-disabled-cursor;
@ -388,10 +393,6 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
}
}
select::-ms-expand {
display:none;
}
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix { @include prefix-postfix-base; }

34
assets/scss/foundation/components/_global.scss
Unescape View File

@ -80,8 +80,8 @@ $base-line-height: 1.5 !default;
// We use this to add box-sizing across browser prefixes
@mixin box-sizing($type:border-box) {
-webkit-box-sizing: $type; // Android < 2.3, iOS < 4
-moz-box-sizing: $type; // Firefox < 29
box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
-moz-box-sizing: $type; // Firefox < 29
box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
}
// @mixins
@ -140,12 +140,12 @@ $base-line-height: 1.5 !default;
top: 50%;
margin-top: -$width/2;
}
@if $left {
left: $left;
}
@else {
left: ($tabbar-menu-icon-width - $width)/2;
}
@if $left {
left: $left;
}
@else {
left: ($tabbar-menu-icon-width - $width)/2;
}
}
@else {
top: 50%;
@ -345,7 +345,7 @@ $cursor-text-value: text !default;
// Forward slash placed around everything to convince PhantomJS to read the value.
meta.foundation-version {
font-family: "/5.4.6/";
font-family: "/5.4.7/";
}
meta.foundation-mq-small {
@ -422,10 +422,18 @@ $cursor-text-value: text !default;
}
// Miscellaneous useful HTML classes
.left { float: left !important; }
.right { float: right !important; }
.clearfix { @include clearfix; }
.hide { display: none; }
.left { float: left !important; }
.right { float: right !important; }
.clearfix { @include clearfix; }
// Hide visually and from screen readers
.hide {
display: none !important;
visibility: hidden;
}
// Hide visually and from screen readers, but maintain layout
.invisible { visibility: hidden; }
// Font smoothing
// Antialiased font smoothing works best for light text on a dark background.

1
assets/scss/foundation/components/_reveal.scss
Unescape View File

@ -191,6 +191,7 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
height:100%;
height: 100vh;
min-height:100vh;
max-width: none !important;
margin-left: 0 !important;
}

6
assets/scss/foundation/components/_sub-nav.scss
Unescape View File

@ -61,10 +61,8 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
display: block;
width: auto;
overflow: hidden;
margin: $sub-nav-list-margin;
margin-bottom: $sub-nav-list-margin;
padding-top: $sub-nav-list-padding-top;
margin-#{$opposite-direction}: 0;
margin-#{$default-float}: rem-calc(-12);
dt {
text-transform: uppercase;
@ -76,7 +74,7 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
float: $default-float;
display: inline;
margin-#{$default-float}: rem-calc(16);
margin-bottom: rem-calc(10);
margin-bottom: 0;
font-family: $sub-nav-font-family;
font-weight: $sub-nav-font-weight;
font-size: $font-size;

14
assets/scss/foundation/components/_switches.scss
Unescape View File

@ -43,7 +43,14 @@ $switch-active-color: $primary-color !default;
@mixin switch-base(
$transition-speed:$switch-paddle-transition-speed,
$transition-ease:$switch-paddle-transition-ease) {
padding: 0;
border: none;
position: relative;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
// Default label styles for type and transition
label {
@ -186,10 +193,7 @@ $switch-active-color: $primary-color !default;
$paddle-bg: $switch-paddle-bg,
$active-color: $switch-active-color,
$radius:false,
$base-style:true) {
padding: 0;
border: none;
position: relative;
$base-style:true) {
@include switch-base($transition-speed, $transition-ease);
@include switch-size($height);
@include switch-style($paddle-bg, $radius, $base-style);

1
assets/scss/foundation/components/_tabs.scss
Unescape View File

@ -37,6 +37,7 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
list-style: none;
float: $default-float;
> a {
outline: none;
display: block;
background: {
color: $tabs-navigation-bg-color;

6
assets/scss/foundation/components/_top-bar.scss
Unescape View File

@ -173,7 +173,7 @@ $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text
font-size: $topbar-button-font-size;
// position: relative;
// top: -1px;
// Corrects a slight misalignment when put next to an input field
@media #{$small-only} {
position: relative;
@ -631,7 +631,7 @@ $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text
}
// Position overrides for ul.right and ul.left
.right {
.#{$opposite-direction} {
li .dropdown {
#{$default-float}: auto;
#{$opposite-direction}: 0;
@ -639,7 +639,7 @@ $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text
li .dropdown { #{$opposite-direction}: 100%; }
}
}
.left {
.#{$default-float} {
li .dropdown {
#{$opposite-direction}: auto;
#{$default-float}: 0;

6
assets/scss/style.scss
Unescape View File

@ -150,7 +150,7 @@ body {
.main-header {
padding: rem-calc(120) rem-calc(30);
h1 {
font-size: rem-calc(40);
font-size: rem-calc(60);
line-height: 1.2;
@media screen and (min-width: 48em) {
font-size: rem-calc(90);
@ -198,7 +198,7 @@ body {
.post-title {
color: $color-main-dark;
margin: 0;
font-size: rem-calc(26);
font-size: rem-calc(28);
line-height: 1.1;
a, a:hover, a:focus, a:active {
color: inherit;
@ -230,7 +230,7 @@ body {
margin-left: auto;
margin-right: auto;
h1 {
font-size: rem-calc(40);
font-size: rem-calc(55);
line-height: 1.2;
@media screen and (min-width: 48em) {
font-size: rem-calc(68);

Write Preview
Loading…
Cancel
Save