You are here

Home » API reference » AT Tools 8.3

markers.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 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: 0.0625rem 0.1875rem;
  font-size: 0.75rem;
  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=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: 0.0625rem 0.1875rem;

  12.   font-size: 0.75rem;

  13.   font-family: sans-serif;

  14. }

  15. 

  16. .marker {

  17.   background-color: #ededed;

  18.   color: #ffffff;

  19. }

  20. 

  21. .marker--info {

  22.   background-color: #0074bd;

  23. }

  24. 

  25. .marker--success {

  26.   background-color: #77b259;

  27. }

  28. 

  29. .marker--warning {

  30.   background-color: #e09600;

  31. }

  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. /*# sourceMappingURL=markers.css.map */