2016-10-31 21:04:15 +03:00
|
|
|
//- 💫 CSS > COMPONENTS > MISC
|
2016-03-31 17:24:48 +03:00
|
|
|
|
|
|
|
|
.x-terminal
|
2016-10-31 21:04:15 +03:00
|
|
|
background: $color-subtle-light
|
2016-10-03 21:19:13 +03:00
|
|
|
color: $color-front
|
2017-10-03 15:14:52 +03:00
|
|
|
padding: $border-radius
|
|
|
|
|
border-radius: 1em
|
2016-03-31 17:24:48 +03:00
|
|
|
width: 100%
|
|
|
|
|
|
2016-10-03 21:19:13 +03:00
|
|
|
.x-terminal__icons
|
2016-03-31 17:24:48 +03:00
|
|
|
position: absolute
|
2016-10-03 21:19:13 +03:00
|
|
|
padding: 10px
|
|
|
|
|
|
|
|
|
|
&:before,
|
|
|
|
|
&:after,
|
|
|
|
|
span
|
|
|
|
|
@include size(15px)
|
|
|
|
|
display: inline-block
|
|
|
|
|
float: left
|
|
|
|
|
border-radius: 50%
|
|
|
|
|
margin-right: 10px
|
2016-03-31 17:24:48 +03:00
|
|
|
|
|
|
|
|
&:before
|
2016-10-03 21:19:13 +03:00
|
|
|
content: ""
|
2016-10-31 21:04:15 +03:00
|
|
|
background: $color-red
|
2016-03-31 17:24:48 +03:00
|
|
|
|
|
|
|
|
span
|
2016-10-31 21:04:15 +03:00
|
|
|
background: $color-green
|
2016-03-31 17:24:48 +03:00
|
|
|
|
|
|
|
|
&:after
|
2016-10-03 21:19:13 +03:00
|
|
|
content: ""
|
2016-10-31 21:04:15 +03:00
|
|
|
background: $color-yellow
|
2016-10-03 21:19:13 +03:00
|
|
|
|
|
|
|
|
.x-terminal__code
|
|
|
|
|
margin: 0
|
|
|
|
|
border: none
|
2016-10-31 21:04:15 +03:00
|
|
|
border-bottom-left-radius: 5px
|
|
|
|
|
border-bottom-right-radius: 5px
|
2016-03-31 17:24:48 +03:00
|
|
|
width: 100%
|
2016-10-03 21:19:13 +03:00
|
|
|
max-width: 100%
|
2016-03-31 17:24:48 +03:00
|
|
|
white-space: pre-wrap
|
