You are here

Home » API reference » AT Tools 8

markers.css in AT Tools 8

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/markers.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/markers.css
/**
 * Markers
 *  - used for things like node unpublished status.
 ============================================================================ */
.marker {
  display: inline;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 2px;
  padding: 1px 3px;
  padding: 0.0625rem 0.1875rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  line-height: 0.9375rem;
  font-family: sans-serif;
}

.marker {
  background-color: #ededed;
  color: #ffffff;
}
.marker--info {
  background-color: #0074bd;
}
.marker--success {
  background-color: #77b259;
}
.marker--warning {
  background-color: #e09600;
}
.marker--error {
  background-color: #e62600;
}

.hidden {
  display: none !important;
}

.preview .marker {
  color: #ffffff;
}

/*# sourceMappingURL=maps/markers.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/markers.css
View source 
  1. /**

  2.  * Markers

  3.  *  - used for things like node unpublished status.

  4.  ============================================================================ */

  5. .marker {

  6.   display: inline;

  7.   letter-spacing: 0.025em;

  8.   text-transform: uppercase;

  9.   vertical-align: middle;

  10.   border-radius: 2px;

  11.   padding: 1px 3px;

  12.   padding: 0.0625rem 0.1875rem;

  13.   font-size: 12px;

  14.   font-size: 0.75rem;

  15.   line-height: 15px;

  16.   line-height: 0.9375rem;

  17.   font-family: sans-serif;

  18. }

  19. 

  20. .marker {

  21.   background-color: #ededed;

  22.   color: #ffffff;

  23. }

  24. .marker--info {

  25.   background-color: #0074bd;

  26. }

  27. .marker--success {

  28.   background-color: #77b259;

  29. }

  30. .marker--warning {

  31.   background-color: #e09600;

  32. }

  33. .marker--error {

  34.   background-color: #e62600;

  35. }

  36. 

  37. .hidden {

  38.   display: none !important;

  39. }

  40. 

  41. .preview .marker {

  42.   color: #ffffff;

  43. }

  44. 

  45. /*# sourceMappingURL=maps/markers.css.map */