habitica-self-host/website/public/css/options.styl

@require "./variables/screen-size.styl"

#main > div > div > div > .tab-content
  margin: 1.618em 0em
  @media screen and (min-width: $sm-min-screen-width)
    border: 1px solid darken($color-options-menu, 12%)
    padding-bottom: 1.618em
.options-menu, .options-submenu
  @extend $hrpg-submenu
  border-bottom: 1px solid darken($color-options-menu, 12%)
.options-menu
  @media screen and (min-width: $sm-min-screen-width)
    background-color: $color-options-menu

  li
    @extend $hrpg-button
    hrpg-button-color-mixin($color-options-menu)

.options-submenu
  margin-top: -1.618em
  background-color: $color-options-submenu

  li
    @extend $hrpg-button
    hrpg-button-color-mixin($color-options-submenu)

.options-blurbmenu
  margin: -1.618em 0 1.618em
  border-bottom: 1px solid darken($color-options-menu, 12%)
  padding: .5em

  @media screen and (max-width: $xs-max-screen-width)
    padding: 1em 0.618em 0 0.618em
    border: 1px solid darken($color-options-menu, 12%)
    border-top: none
Changed css bootstrap screen-width constants to variables. 2015-12-27 11:28:41 +00:00			`@require "./variables/screen-size.styl"`

Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`#main > div > div > div > .tab-content`
			`margin: 1.618em 0em`
Changed css bootstrap screen-width constants to variables. 2015-12-27 11:28:41 +00:00			`@media screen and (min-width: $sm-min-screen-width)`
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`border: 1px solid darken($color-options-menu, 12%)`
			`padding-bottom: 1.618em`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00			`.options-menu, .options-submenu`
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`@extend $hrpg-submenu`
			`border-bottom: 1px solid darken($color-options-menu, 12%)`
			`.options-menu`
Changed css bootstrap screen-width constants to variables. 2015-12-27 11:28:41 +00:00			`@media screen and (min-width: $sm-min-screen-width)`
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`background-color: $color-options-menu`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`li`
			`@extend $hrpg-button`
Fixed css bug, where both min-width and max-width were set to 768. Max-width was changed to 767 to prevent overlap, which produces artifacts when screen width is exactly 768 pixels. 2015-12-26 19:37:42 +00:00			`hrpg-button-color-mixin($color-options-menu)`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`.options-submenu`
			`margin-top: -1.618em`
			`background-color: $color-options-submenu`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`li`
			`@extend $hrpg-button`
			`hrpg-button-color-mixin($color-options-submenu)`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00
adding blurbs to pages 2015-06-28 16:00:31 +00:00			`.options-blurbmenu`
Adjust look of page blurbs 2015-07-14 13:18:02 +00:00			`margin: -1.618em 0 1.618em`
			`border-bottom: 1px solid darken($color-options-menu, 12%)`
			`padding: .5em`

Changed css bootstrap screen-width constants to variables. 2015-12-27 11:28:41 +00:00			`@media screen and (max-width: $xs-max-screen-width)`
Add custom styles for submenus 2014-04-15 22:40:48 +00:00			`padding: 1em 0.618em 0 0.618em`
			`border: 1px solid darken($color-options-menu, 12%)`
			`border-top: none`
Fixed css bug, where both min-width and max-width were set to 768. Max-width was changed to 767 to prevent overlap, which produces artifacts when screen width is exactly 768 pixels. 2015-12-26 19:37:42 +00:00