diff --git a/stylesheets/skeleton.css b/stylesheets/skeleton.css index 34edd6c..3630755 100644 --- a/stylesheets/skeleton.css +++ b/stylesheets/skeleton.css @@ -113,6 +113,10 @@ .container-fluid .offset-by-fourteen { padding-left: 87.5%; } .container-fluid .offset-by-fifteen { padding-left: 93.75%; } + .visible-phone{display:none !important;} + .visible-tablet{display:none !important;} + .visible-desktop{display:inherit !important;} + .hidden-desktop{display:none !important;} /* #Tablet (Portrait) ================================================== */ @@ -164,6 +168,12 @@ .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } + + .visible-phone{display:none !important;} + .visible-tablet{display:inherit !important;} + .visible-desktop{display:none !important;} + .hidden-tablet{display:none !important;} + .hidden-desktop{display:inherit !important;} } @@ -256,7 +266,11 @@ .container-fluid .offset-by-fifteen { padding-left: 0; } - + .visible-phone{display:inherit !important;} + .visible-tablet{display:none !important;} + .visible-desktop{display:none !important;} + .hidden-phone{display:none !important;} + .hidden-desktop{display:inherit !important;} } @@ -331,6 +345,11 @@ .container-fluid .offset-by-fourteen, .container-fluid .offset-by-fifteen { padding-left: 0; } + .visible-phone{display:inherit !important;} + .visible-tablet{display:none !important;} + .visible-desktop{display:none !important;} + .hidden-phone{display:none !important;} + .hidden-desktop{display:inherit !important;} } diff --git a/stylesheets/testing.css b/stylesheets/testing.css new file mode 100644 index 0000000..a903fd0 --- /dev/null +++ b/stylesheets/testing.css @@ -0,0 +1,3 @@ +.test .columns{ + background-color:red; +} \ No newline at end of file diff --git a/testing.html b/testing.html new file mode 100644 index 0000000..ed4e82b --- /dev/null +++ b/testing.html @@ -0,0 +1,113 @@ + + + + + + + + + + Your Page Title Here :) + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Skeleton

+
Version 1.2
+
+
+
+

About Skeleton?

+

Skeleton is a small collection of well-organized CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.

+
+
+

Three Core Principles

+

Skeleton is built on three core principles:

+ +
+
+

Docs & Support

+

The easiest way to really get started with Skeleton is to check out the full docs and info at www.getskeleton.com.. Skeleton is also open-source and has a project on git, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at hi@getskeleton.com.

+
+ +
+ +
+
Visible
+
Phone
+
Phone
+
Tablet
+
Tablet
+
Desktop
+
Desktop
+
+ +
+
one
fifteen
+
two
fourteen
+
three
thirteen
+
four
twelve
+
five
eleven
+
six
ten
+
seven
nine
+
eight
eight
+
+
+
one
fourteen
+
two
thirteen
+
three
twelve
+
four
eleven
+
five
ten
+
six
nine
+
seven
eight
+
eight
seven
+
nine
six
+
ten
five
+
eleven
four
+
tweleve
three
+
thirteen
two
+
fourteen
one
+
fifteen
+
+ + + + \ No newline at end of file