kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.1 KiB
103 lines
2.1 KiB
11 years ago
|
$ng-modal-padding: 3em
|
||
|
|
$ng-modal-background: $base-body-color
|
||
|
|
$ng-modal-close-color: $light-gray
|
||
|
|
$ng-modal-image-height: 135px
|
||
|
|
$ng-modal-image-width: $ng-modal-image-height
|
||
|
|
|
||
|
|
// Based on code by Kasper Mikiewicz
|
||
|
|
|
||
|
|
.ng-modal-open
|
||
|
|
overflow: hidden
|
||
|
|
|
||
|
|
.ng-modal-window
|
||
|
|
// overlay
|
||
|
|
+position(fixed, 0px 0px 0px 0px)
|
||
|
11 years ago
|
background: rgba(0, 0, 0, 0.2)
|
||
|
11 years ago
|
text-align: left
|
||
|
|
z-index: 99999999999
|
||
|
|
|
||
|
|
.ng-modal-bg
|
||
|
|
+position(absolute, 0px 0px 0px 0px)
|
||
|
|
cursor: pointer
|
||
|
|
|
||
|
|
&.ng-enter
|
||
|
|
+transition(opacity 0.25s ease)
|
||
|
|
opacity: 0
|
||
|
|
visibility: hidden
|
||
|
|
|
||
|
|
&.ng-enter.ng-enter-active
|
||
|
|
opacity: 1
|
||
|
|
visibility: visible
|
||
|
|
|
||
|
|
.ng-modal-inner
|
||
|
|
top: 0
|
||
|
|
|
||
|
|
.ng-modal-close
|
||
|
|
+position(absolute, $ng-modal-padding / 2 $ng-modal-padding / 2 0 0)
|
||
|
|
+size(1.5em)
|
||
|
|
cursor: pointer
|
||
|
|
background: $ng-modal-background
|
||
|
|
&:after,
|
||
|
|
&:before
|
||
|
|
+position(absolute, 3px 3px 0 50%)
|
||
|
|
+transform(rotate(45deg))
|
||
|
|
+size(0.15em 1.5em)
|
||
|
|
background: $ng-modal-close-color
|
||
|
|
content: ''
|
||
|
|
display: block
|
||
|
|
margin: -3px 0 0 -1px
|
||
|
|
&:hover:after,
|
||
|
|
&:hover:before
|
||
|
|
background: darken($ng-modal-close-color, 10)
|
||
|
|
&:before
|
||
|
|
+transform(rotate(-45deg))
|
||
|
|
|
||
|
|
.ng-modal-inner
|
||
|
|
+transition(opacity 0.25s ease)
|
||
|
|
border-radius: $base-border-radius
|
||
|
11 years ago
|
box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
|
||
|
11 years ago
|
background: $ng-modal-background
|
||
|
|
margin: auto
|
||
|
|
max-height: 95%
|
||
|
|
position: relative
|
||
|
|
overflow: auto
|
||
|
|
width: 95%
|
||
|
|
padding: $ng-modal-padding / 2
|
||
|
|
margin-top: .6em
|
||
|
|
//+media($medium-screen)
|
||
|
|
//padding: $ng-modal-padding
|
||
|
|
//width: 60%
|
||
|
|
//max-height: 60%
|
||
|
|
//margin-top: 10em
|
||
|
|
|
||
|
|
//+media($large-screen)
|
||
|
|
width: 50%
|
||
|
|
margin-top: 10em
|
||
|
|
|
||
|
|
h1
|
||
|
|
color: $base-font-color
|
||
|
|
margin-bottom: .6em
|
||
|
|
text-align: left
|
||
|
|
text-transform: capitalize
|
||
|
|
p
|
||
|
|
font-size: $base-font-size
|
||
|
|
max-width: 100% !important
|
||
|
|
padding: 0
|
||
|
|
text-align: left
|
||
|
|
&.intro
|
||
|
|
color: $blue
|
||
|
|
line-height: 1.6em
|
||
|
|
&.body
|
||
|
|
color: $base-font-color
|
||
|
|
line-height: 1.45em
|
||
|
|
//+media($medium-screen)
|
||
|
|
+columns(2 8em)
|
||
|
|
|
||
|
|
a.cta
|
||
|
|
color: white
|
||
|
|
display: inline-block
|
||
|
|
margin-right: .5em
|
||
|
|
margin-top: 1em
|
||
|
|
&:last-child
|
||
|
|
padding: 0 2em
|