diff options
Diffstat (limited to 'dbdocs/bower/salvattore/salvattore.css')
-rw-r--r-- | dbdocs/bower/salvattore/salvattore.css | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/dbdocs/bower/salvattore/salvattore.css b/dbdocs/bower/salvattore/salvattore.css new file mode 100644 index 0000000..f037b65 --- /dev/null +++ b/dbdocs/bower/salvattore/salvattore.css @@ -0,0 +1,53 @@ +/* + Spezific styling for salvattore + Feel free to edit it as you like + More info at http://salvattore.com + */ + +/* Base styles */ +.column { + float: left; +} +.size-1of5 { + width: 20%; +} +.size-1of4 { + width: 25%; +} +.size-1of3 { + width: 33.333%; +} +.size-1of2 { + width: 50%; +} + +/* Configurate salvattore with media queries */ +@media screen and (max-width: 450px) { + #grid[data-columns]::before { + content: '1 .column'; + } +} + +@media screen and (min-width: 451px) and (max-width: 700px) { + #grid[data-columns]::before { + content: '2 .column.size-1of2'; + } +} + +@media screen and (min-width: 701px) and (max-width: 850px) { + #grid[data-columns]::before { + content: '3 .column.size-1of3'; + } +} + +@media screen and (min-width: 851px) and (max-width: 1600px) { + #grid[data-columns]::before { + content: '4 .column.size-1of4'; + } +} + +@media screen and (min-width: 1601px) { + #grid[data-columns]::before { + content: '5 .column.size-1of5'; + } +}
\ No newline at end of file |