MartaZiobrowska
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
| /** | |
| * Range input solution | |
| */ | |
| .image-slider { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .image-slider > div { |
MartaZiobrowska
/ dabblet.css
Last active
October 6, 2016 07:09
— forked from csssecrets/dabblet.css
Taming table column widths
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
| /** | |
| * Taming table column widths | |
| */ | |
| body { background: #ddd } | |
| section { | |
| width: 600px; | |
| margin: 2em; | |
| background: white; |
MartaZiobrowska
/ dabblet.css
Last active
October 5, 2016 13:42
— forked from csssecrets/dabblet.css
Intrinsic sizing
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
| /** | |
| * Intrinsic sizing | |
| */ | |
| figure { | |
| /** max-width: 400px;*/ | |
| max-width: min-content; | |
| margin: auto; | |
| } |
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
| /** | |
| * Zip - interactive image | |
| */ | |
| .image-slider | |
| { | |
| position: relative; | |
| display: inline-block; | |
| } |
MartaZiobrowska
/ dabblet.css
Last active
October 5, 2016 09:37
— forked from csssecrets/dabblet.css
Interactive image comparison - with CSS resize
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
| /** | |
| * Interactive image comparison - with CSS resize | |
| */ | |
| .image-slider{ | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .image-slider > div { |
MartaZiobrowska
/ dabblet.css
Created
October 4, 2016 14:35
— forked from csssecrets/dabblet.css
Scrolling hints
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
| /** | |
| * Scrolling hints | |
| */ | |
| ul { | |
| display: inline-block; | |
| overflow: auto; | |
| width: 7em; | |
| height: 7em; | |
| border: 1px solid silver; |
MartaZiobrowska
/ dabblet.css
Last active
October 4, 2016 13:38
— forked from csssecrets/dabblet.css
De-emphasizing by blurring (AND dimming)
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
| /** | |
| * De-emphasizing by blurring (AND dimming) | |
| */ | |
| main { | |
| transition: .6s; | |
| background: white; | |
| } | |
| main.de-emphasized { |
MartaZiobrowska
/ dabblet.css
Created
October 4, 2016 08:01
— forked from csssecrets/dabblet.css
Custom checkboxes
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
| /** | |
| * Custom checkboxes | |
| */ | |
| input[type="checkbox"] { | |
| position: absolute; | |
| clip: rect(0,0,0,0); | |
| } | |
| input[type="checkbox"] + label::before { |
MartaZiobrowska
/ dabblet.css
Created
October 3, 2016 07:38
— forked from csssecrets/dabblet.css
Glowing text
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
| /** | |
| * Glowing text | |
| */ | |
| body { | |
| background: #203; | |
| font: bold 500%/1 Rockwell, serif; | |
| } | |
| a { |
MartaZiobrowska
/ dabblet.css
Created
September 30, 2016 11:30
— forked from csssecrets/dabblet.css
Custom underlines
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
| /** | |
| * Custom underlines | |
| */ | |
| body { | |
| font: 250%/1.6 Baskerville, Palatino, serif; | |
| } | |
| a { | |
| background: linear-gradient(gray, gray) no-repeat; |
NewerOlder