diff --git a/_svg.scss b/_svg.scss index 538d0f9..341ed1d 100644 --- a/_svg.scss +++ b/_svg.scss @@ -11,21 +11,21 @@ $length: str-length($search); $index: str-index($string, $search); $slice: $string; - + @while $index != null { $start: if($index > 1, str-slice($slice, 1, $index - 1), ''); $slice: $start + $replace + str-slice($slice, $index + $length); - + $index: str-index($slice, $search); } - + @return $slice; } // Create an inline SVG data URI @function svg($content, $viewBox: "0 0 100 100") { $content: str-replace($content, '#', '%23'); // Firefox needs this - + @return url('data:image/svg+xml,#{$content}'); } diff --git a/index.html b/index.html index 615a661..12a5e07 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@

- +

Form element autosizing,
the way it should be.

- - + + - \ No newline at end of file + diff --git a/style.css b/style.css index 4b846d1..4b7a3d0 100644 --- a/style.css +++ b/style.css @@ -1,5 +1,5 @@ @charset "UTF-8"; -@import url(http://fonts.googleapis.com/css?family=Arvo:400,700|Damion); +@import url(https://fonts.googleapis.com/css?family=Arvo:400,700|Damion); /* * Cascading Graphics Sheets: Generate SVG data URIs in SCSS! * By Lea Verou — http://lea.verou.me diff --git a/style.scss b/style.scss index 419a25d..9a45d51 100644 --- a/style.scss +++ b/style.scss @@ -1,9 +1,9 @@ // Colors -$accent1: hsl(185, 40%, 50%); // turquoise +$accent1: hsl(185, 40%, 50%); // turquoise $accent2: hsl(10, 50%, 40%); // dark red $base: hsl(40, 60%, 90%); // beige -@import url(http://fonts.googleapis.com/css?family=Arvo:400,700|Damion); +@import url(https://fonts.googleapis.com/css?family=Arvo:400,700|Damion); @import "_svg"; body { @@ -244,7 +244,7 @@ footer { } .social-media { - + @media (min-width: 1150px) { & {