Pascal Gärtner grtner
grtner
/ Sublime Text 3 Config
Created
June 21, 2013 07:18
This file contains 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
| { | |
| "bold_folder_labels": true, | |
| "color_scheme": "Packages/Dayle Rees Color Schemes/SnappyLight.tmTheme", | |
| "draw_indent_guides": true, | |
| "ensure_newline_at_eof_on_save": true, | |
| "file_exclude_patterns": | |
| [ | |
| ".DS_Store", | |
| ".gitkeep", | |
| ".gitignore" |
This file contains 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
| /** | |
| * Responsive Form Bar | |
| */ | |
| /* | |
| CONTENT: | |
| 1. $Default Styling | |
| 2. $Helper Classes | |
| 3. $Main | |
| 3.1 #User Functions |
This file contains 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
| /** | |
| * Tip Module | |
| */ | |
| /* | |
| CONTENT: | |
| 1. $Default Styling | |
| 2. $Helper Classes |
grtner
/ whitespacing.html
Created
August 29, 2012 15:21
— forked from drublic/whitespacing.html
Using whitespace for big parts of a website
This file contains 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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Whitespace is important</title> | |
| </head> | |
| <body> | |
| <div class="wrapper"> |
This file contains 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
| /** | |
| * Profile | |
| */ | |
| @-webkit-keyframes fade-in { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateY(-30%); | |
| } | |
| 100% { |
This file contains 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
| /** | |
| * CSS Navigation Bar | |
| */ | |
| * {margin: 0; padding: 0;} | |
| html { | |
| height: 100%; |
This file contains 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
| /** | |
| * Custom Checkbox by @csswizardy | |
| */ | |
| .toggle-box, | |
| .toggle, | |
| .s-toggle{ | |
| width:48px; | |
| height:24px; | |
| position:absolute; |
This file contains 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
| /** | |
| * Animated Hover Effect inspired by @visualidiot | |
| */ | |
| body { | |
| background: url(http://visualidiot.com/assets/img/pattern.jpg); | |
| width: 200px; | |
| padding-top: 200px; | |
| font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
| font-weight: 600; |
This file contains 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
| /** | |
| * Pure CSS Slide Toggle by joshnh | |
| */ | |
| html { | |
| background-color: #e4ded4; | |
| background-image: -webkit-linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,100%,.1)); | |
| box-shadow: inset 0 0 100px hsla(0,0%,0%,.1); | |
| height: 100%; |
This file contains 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
| /** | |
| * Animated Article view | |
| */ | |
| html { | |
| font: 300 .75em/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
| color: #666; | |
| background-color: #b2bec2; | |
| background-image: | |
| radial-gradient(50% 0%, rgb(144, 141, 161), rgb(74, 82, 115)); | |
| min-height: 100%; |
NewerOlder