Skip to content
Snippets Groups Projects
Commit 566740d1 authored by Butler, Alexis (UG - Computer Science)'s avatar Butler, Alexis (UG - Computer Science)
Browse files

Added media query template and credited

parent baa914eb
No related branches found
No related tags found
No related merge requests found
// This file was generated by html5-rails
// https://github.com/sporkd/html5-rails
// Upgrade with: $ rails generate html5:install
//
// EXAMPLE Media Query for Responsive Design.
// This example overrides the primary ('mobile first') styles
// Modify as content requires.
/*Built using template from: https://gist.github.com/marcobarbosa/798569
Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
*/
@media only screen and (min-width: 35em) {
// Style adjustments for viewports that meet the condition
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
// Style adjustments for high resolution devices
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
// Print styles.
// Inlined to avoid required HTTP connection: h5bp.com/r
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
@media print {
@include h5bp-media-print;
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
\ No newline at end of file
......@@ -14,6 +14,8 @@ jbuilder, bcrypt, bootsnap, listen, web-console, spring, spring-watcher-listen,
<p>The following gems are used under Apache 2.0 licebse: selenium-webdriver, </p>
<hr>
<h3>CSS</h3>
<p>A portion of css was generated by html5-rails along with font-awesome-rails</p>
<p>A portion of css was generated by html5-rails along with font-awesome-rails. Media Queries template,
Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
</p>
<hr>
<strong>This info was correct to the best of my knowledge as of 10:00 18/11/2020</strong>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment