Jens Grochtdreis jensgro
jensgro
/ dabblet.css
Last active
December 16, 2015 23:19
— forked from SirPepe/dabblet.css
Lösung Adaptives Layout
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Lösung Adaptives Layout | |
| */ | |
| * { box-sizing: border-box; } | |
| body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; } | |
| nav ul { list-style: none; margin: 0; padding: 0; } | |
| nav ul a { display: block; float: left; width:12.5%; font-weight: bold; } | |
| #main, footer { clear: both; padding: 1em 0; } | |
| footer { border-top: 1px solid #999; } |
jensgro
/ SassMeister-input.scss
Created
June 5, 2013 07:51
Generated by SassMeister.com, the Sass playground.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| // Farben | |
| $black: #000; | |
| $lightgrey1: #656565; | |
| $lightgrey2: #5f5f5f; | |
| $lightgrey3: #f6f6f6; |
jensgro
/ SassMeister-input.scss
Created
June 12, 2013 12:47
Media-Query-Mixin for Sass | Code found here: http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.2.14) | |
| // Compass (v0.12.2) | |
| // ---- | |
| $break-small: 320px; | |
| $break-large: 1024px; | |
| @mixin respond-to($media) { | |
| @if $media == handhelds { |
jensgro
/ SassMeister-input.scss
Last active
December 18, 2015 09:59
Build lists with Sass-placeholders
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| // ------- Links ----------------------------- | |
| %a-tdn-tdu{ | |
| text-decoration: none; | |
| &:hover, &:focus {text-decoration: underline;} | |
| } |
jensgro
/ SassMeister-input.scss
Created
June 12, 2013 13:11
Very complex Sass-mixin for creating trinagles with CSS. The IE7-solution requires special span.before or span.after, preferred tob be injected via JavaScript.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| // switches between IE7-compatible-code and modern code | |
| $isoldIE: false; | |
| //$isoldIE: true; | |
| @mixin b-a-complex($ba: before, $border-width: 10px, $padding: $border-width * 1.5, $border-side: left, $top-position: 0, $position-side: $border-side, $position-side-distance: 0, $border-color: #000) { |
jensgro
/ SassMeister-input.scss
Created
June 12, 2013 13:18
Sass-mixin to provide rgba for modern browsers and with a fallback for oldIE
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| // Converts a solid color with an alpha-channel-value into rgba | |
| // and an IE-filter as fallback for oldIE (IE up to version 8) | |
| @mixin all-rgba($color, $alpha) { | |
| $rgba: rgba($color, $alpha); | |
| $ie-color: ie-hex-str($rgba); |
jensgro
/ structure.html
Created
June 12, 2013 14:13
— forked from anonymous/structure.html
Fancy-Buttons Testseite
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <button class="test">Super toller Button</button> |
jensgro
/ SassMeister-input.scss
Created
June 12, 2013 14:41
Sass-mixin for box-shadow with optional inset and oldIE-output for outset version
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.2.14) | |
| // Compass (v0.12.2) | |
| // ---- | |
| @mixin box-s($x, $y, $offset, $color, $inset: false) { | |
| $ie-color: ie-hex-str($color); | |
| @if $inset { | |
| -webkit-box-shadow: inset $x $y $offset $color; |
jensgro
/ SassMeister-input.scss
Created
June 12, 2013 14:51
Linear-Gradient mixin for Sass, part of YAML (https://github.com/yamlcss/yaml/blob/master/sass/yaml-sass/mixins/_yaml-mixins-core.scss)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| // Linear Gradient with two colors for modern browsers without the corresponding IE-filter | |
| // $direction ==> written in the standard-way: to bottom, to left ... | |
| // $solid-color ==> replacement color for the one device that cannot show gradients or IE-filters | |
| // $start-color ==> which color to start with |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // --- | |
| // Sass (v3.2.9) | |
| // --- | |
| $seitenbreite: 960px; | |
| $anzahl-grids: 6; | |
| $horizontaler-abstand: 10px; | |
| $eine-spalte: $seitenbreite / $anzahl-grids; |