summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/breakpoints.coffee
blob: fd2ee8efa2c746cd03ad0375c5616da1dd6187cd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
class @Breakpoints
  BREAKPOINTS = ["xs", "sm", "md", "lg"]

  constructor: ->
    @setup()

  setup: ->
    allDeviceSelector = BREAKPOINTS.map (breakpoint) ->
      ".device-#{breakpoint}"

    if $(allDeviceSelector.join(",")).length
      return

    # Create all the elements
    $.each BREAKPOINTS, (i, breakpoint) ->
      $("body").append "<div class='device-#{breakpoint} visible-#{breakpoint}'></div>"

  getBreakpointSize: ->
    allDeviceSelector = BREAKPOINTS.map (breakpoint) ->
      ".device-#{breakpoint}"

    $visibleDevice = $(allDeviceSelector.join(",")).filter(":visible")
    
    return $visibleDevice.attr("class").split("visible-")[1]