diff options
Diffstat (limited to 'static/assets/less/theme-4/responsive.less')
-rw-r--r-- | static/assets/less/theme-4/responsive.less | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/static/assets/less/theme-4/responsive.less b/static/assets/less/theme-4/responsive.less new file mode 100644 index 0000000..dd5e5d2 --- /dev/null +++ b/static/assets/less/theme-4/responsive.less @@ -0,0 +1,63 @@ +/* Extra small devices (phones, less than 768px) */ +@media (max-width: 767px) { + + .sidebar-wrapper { + position: static; + width: inherit; + } + + .main-wrapper { + padding: 30px; + } + + .main-wrapper .time { + position: static; + display: block; + margin-top: 5px; + } + + .main-wrapper .upper-row { + margin-bottom: 0; + } + + +} +/* Small devices (tablets, 768px and up) */ +@media (min-width: 768px) { + + +} + +/* Medium devices (desktops, 992px and up) */ +@media (min-width: 992px) { + + .skillset .level-title { + display: inline-block; + float: left; + width: 30%; + margin-bottom: 0; + } + + .skillset .level-bar { + display: inline-block; + width: 70%; + float: left; + position: relative; + top: 1px; + } + + +} + +/* Large devices (large desktops, 1200px and up) */ +@media (min-width: 1200px) { + +} + + +/* Ex-Large devices (large desktops, 1200px and up) */ +@media (min-width: 1400px) { + +} + + |